/* The 517 Community Foundation shared styles. Loaded after styles.css on every page. */

/* --- detail blocks: shared by Mission, Project, Contact, Get Involved, Home --- */

.detail-section{padding:88px 0}.detail-section.tint{background:#f1f0e6}.detail-wrap{width:min(1280px,calc(100% - 100px));margin:auto}.detail-kicker{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8b642f;margin-bottom:17px}.detail-section h2{max-width:680px}.detail-section> .detail-wrap > p{max-width:660px;font-size:17px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:38px}.detail-card{border-top:1px solid #dcded4;padding-top:21px}.detail-card .number{font-family:Georgia,serif;font-style:italic;font-size:26px;color:#9b7c44}.detail-card h3{margin:18px 0 10px}.detail-card p{font-size:15px;margin:0}.detail-band{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;align-items:start;border-block:1px solid #dcded4;padding:42px 0}.detail-band h2{margin:0}.detail-band p{font-size:17px;margin:0}.detail-list{display:grid;gap:17px;margin-top:25px}.detail-list div{display:grid;grid-template-columns:32px 1fr;gap:13px;align-items:start}.detail-list span{font-family:Georgia,serif;color:#9b7c44;font-style:italic;font-size:21px}.detail-list p{margin:0;font-size:15px}.detail-call{background:#234c3c;color:#fff;padding:48px;margin-top:40px;display:flex;justify-content:space-between;gap:45px;align-items:center}.detail-call h2{font-size:42px;margin:0;max-width:610px}.detail-call p{color:#d4ded5;margin:10px 0 0;max-width:560px}.detail-call a{background:#efb947;color:#203f35;padding:14px 19px;font-size:14px;font-weight:700;white-space:nowrap}@media(max-width:760px){.detail-section{padding:60px 0}.detail-wrap{width:calc(100% - 40px)}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-band{grid-template-columns:1fr;gap:22px}.detail-call{display:block;padding:32px 25px}.detail-call h2{font-size:36px}.detail-call a{display:inline-block;margin-top:23px}.detail-section h2{font-size:42px}}

/* --- Get Involved: four-up grid --- */
.detail-grid.four{grid-template-columns:repeat(2,1fr);gap:34px 60px}

/* --- Who We Are --- */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 40px}
.team-card{border-top:1px solid var(--line);padding-top:24px}
.team-card .mono{width:60px;height:60px;border-radius:50%;background:var(--peach);color:#8b642f;
  font-family:Georgia,serif;font-style:italic;font-size:25px;display:flex;align-items:center;
  justify-content:center;margin-bottom:22px}
.team-card h3{margin:0 0 5px;font-size:20px}
.team-card .role-note{font-size:13px;color:#8a8f84;margin:0 0 13px}
.team-card p{font-size:15px;margin:0}

/* --- Stories --- */
.story-list{border-top:1px solid var(--line)}
.story-item{display:grid;grid-template-columns:210px 1fr 155px;gap:40px;align-items:start;
  padding:34px 0;border-bottom:1px solid var(--line)}
.story-meta{font-size:12px;text-transform:uppercase;letter-spacing:1.7px;color:#836728;padding-top:8px}
.story-item h3{font-family:Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-1.1px;
  line-height:1.15;margin:0 0 11px}
.story-item p{font-size:15px;margin:0;max-width:640px}
.story-status{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#8a8f84;
  padding-top:9px;text-align:right}

/* --- Safeguarding & Privacy prose --- */
.prose{max-width:770px}
.prose h2{font-size:35px;margin:56px 0 18px}
.prose h2:first-child{margin-top:0}
.prose p{font-size:16px}
.prose ul{margin:0 0 26px;padding-left:19px;color:var(--muted);font-size:16px}
.prose li{margin-bottom:11px}
.prose li strong,.prose p strong{color:var(--ink);font-family:'Manrope',sans-serif;font-weight:600}
.prose a{border-bottom:1px solid;font-weight:600;color:var(--ink)}

/* --- 404 --- */
.notfound{padding-bottom:100px}

@media(max-width:1000px){
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .story-item{grid-template-columns:180px 1fr;gap:30px}
  .story-status{grid-column:2;text-align:left;padding-top:0}
}
@media(max-width:760px){
  .detail-grid.four{grid-template-columns:1fr;gap:25px}
  .team-grid{grid-template-columns:1fr;gap:28px}
  .story-item{grid-template-columns:1fr;gap:12px;padding:28px 0}
  .story-status{grid-column:1}
  .story-item h3{font-size:27px}
  .prose h2{font-size:30px;margin-top:44px}
}

/* --- brand logo (supplied lockup; overrides the global img rule) --- */
.brand{gap:0}
.brand-logo{height:72px;width:auto;object-fit:contain}
footer .brand-logo{height:88px;margin-bottom:4px}
@media(max-width:1000px){.brand-logo{height:64px}}
@media(max-width:760px){.brand-logo{height:52px}footer .brand-logo{height:64px}}

/* --- footer: registered address + EIN --- */
.footer-links span{line-height:1.5}
.footer-bottom p{max-width:760px}