.opportunities-page .site-header{background:var(--paper)}
.desktop-nav a[aria-current="page"]{color:var(--accent)}
.join-hero{max-width:1600px;margin:auto;padding:170px var(--gutter) 80px;display:grid;grid-template-columns:1.35fr 1fr;gap:7vw;align-items:center}
.join-intro .eyebrow{color:var(--accent);margin-bottom:30px}
.join-hero h1{font-size:clamp(52px,5.6vw,86px);line-height:1.05;letter-spacing:-.055em}
.join-hero h1 em{color:var(--brand)}
.join-description{font-size:18px;max-width:490px;color:var(--muted);margin:28px 0 32px}
.join-intro .button{gap:30px;min-width:220px}
.join-image{margin:0;align-self:end}
.join-image img{display:block;width:100%;height:clamp(260px,28vw,420px);object-fit:cover;object-position:64% center;border-radius:180px 180px 4px 4px;background:var(--surface)}
.join-image figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:16px;text-align:center}
.contribution-paths{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:0 var(--gutter) 80px;max-width:1600px;margin:auto}
.contribution-paths article{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:28px}
.contribution-index{font-size:12px;color:var(--accent);padding-top:6px}
.contribution-paths h2{font-size:26px;letter-spacing:-.025em;margin-bottom:12px}
.contribution-paths p{font-size:15px;max-width:460px;color:var(--muted)}
.opportunities-section{padding:80px var(--gutter) 100px;background:var(--surface)}
.opportunities-heading,.opportunity-list{max-width:1200px;margin:auto}
.opportunities-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}
.opportunities-heading .eyebrow{color:var(--accent);margin-bottom:22px}
.opportunities-heading h2{font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-.04em}
.opportunities-heading>p{font-size:15px;max-width:320px;color:var(--muted)}
.opportunities-empty{border:1px solid #c0cad9;background:#f4f5f18c;padding:54px clamp(24px,5vw,70px);display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start}
.empty-symbol{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #b1bed2;border-radius:50%;font-family:var(--serif);font-size:26px;color:var(--brand)}
.opportunities-empty h2{font-size:25px;font-weight:400;letter-spacing:-.025em;margin-bottom:16px}
.opportunities-empty p{max-width:620px;color:var(--muted);font-size:15px}
.opportunities-empty a,.join-purpose>a{color:var(--brand);text-decoration:underline;text-underline-offset:6px;font-size:14px;display:inline-block;margin-top:26px}
.join-purpose{padding:85px var(--gutter);text-align:center}
.join-purpose .eyebrow{color:var(--muted)}
.join-purpose h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.035em;line-height:1.15;max-width:800px;margin:26px auto}
.join-purpose h2 em{color:var(--brand)}
.join-purpose>p:not(.eyebrow){max-width:550px;margin:auto;color:var(--muted);font-size:15px}
.opportunity-card{background:var(--paper);border:1px solid #c0cad9;padding:clamp(24px,4vw,46px);scroll-margin-top:25px}
.opportunity-card+.opportunity-card{margin-top:20px}
.opportunity-type{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--brand);background:var(--surface);padding:7px 10px;margin-bottom:20px}
.opportunity-card h3{font-size:clamp(26px,3vw,36px);font-weight:400;letter-spacing:-.03em;line-height:1.2;overflow-wrap:anywhere}
.opportunity-meta{display:flex;flex-wrap:wrap;gap:12px 28px;margin:20px 0;font-size:13px}
.opportunity-meta div{display:grid;gap:5px;min-width:120px}
.opportunity-meta dt{color:var(--muted)}
.opportunity-meta dd{margin:0;line-height:1.5}
.opportunity-summary{color:var(--muted);max-width:750px;font-size:15px;overflow-wrap:anywhere}
.opportunity-card details{border-top:1px solid var(--line);margin-top:26px;padding-top:8px}
.opportunity-card summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;min-height:48px;align-items:center;font-size:14px}
.opportunity-card summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.opportunity-card summary span{font-size:24px;color:var(--accent)}
.opportunity-card details[open] summary span{transform:rotate(45deg)}
.opportunity-details{max-width:750px;padding-top:12px;font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.opportunity-details h4{font-size:16px;font-weight:500;margin:24px 0 10px}
.opportunity-details ul{padding-left:20px;margin:0;color:var(--muted)}
.opportunity-details li+li{margin-top:8px}
.opportunity-details .application-note{margin:20px 0;color:var(--muted)}
.opportunity-details .button{min-width:160px;margin:4px 0 10px}
@media(max-width:1000px){.join-hero{gap:5vw;padding-top:145px}.join-hero h1{font-size:clamp(45px,5.8vw,65px)}.join-description{font-size:16px}.join-image img{height:300px}.opportunities-heading{display:block}.opportunities-heading>p{max-width:450px;margin-top:22px}}
@media(max-width:760px){.join-hero{grid-template-columns:1fr;padding-top:130px;padding-bottom:45px;gap:40px}.join-hero h1{font-size:clamp(43px,9.5vw,65px)}.join-intro .eyebrow{font-size:11px;margin-bottom:24px}.join-description{margin:24px 0 28px;max-width:440px}.join-image{max-width:480px;width:100%;justify-self:center}.join-image img{height:260px;border-radius:140px 140px 4px 4px}.join-image figcaption{font-size:11px}.contribution-paths{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.contribution-paths article{gap:20px;padding-top:22px}.contribution-paths h2{font-size:24px}.contribution-paths p{font-size:14px}.opportunities-section{padding-top:55px;padding-bottom:60px}.opportunities-heading{margin-bottom:30px}.opportunities-heading h2{font-size:34px}.opportunities-heading>p{font-size:14px}.opportunities-empty{grid-template-columns:1fr;gap:22px;padding:30px 24px}.opportunities-empty h2{font-size:24px}.opportunities-empty p{font-size:14px}.join-purpose{padding-top:60px;padding-bottom:60px}.opportunity-details .button{display:inline-flex;flex:none}.opportunity-meta{gap:16px 20px}}
/* Live openings and applications */
.opportunity-status{padding:32px 0;color:var(--muted);line-height:1.7}
.retry-button{margin-top:24px;background:transparent;border-color:#74829a;color:var(--ink);min-width:140px}
.type-volunteer{background:#ede5d4;color:#66502b}
.opportunity-card>.button{margin-top:25px;min-width:190px}
.opportunity-card summary::-webkit-details-marker{display:none}
.role-description{white-space:pre-wrap;color:var(--muted)}
.application-main{max-width:1500px;margin:auto;padding:140px var(--gutter) 90px;min-height:70vh}
.back-to-opportunities{display:inline-block;color:var(--brand);font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-bottom:45px}
.application-heading{border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:45px}
.application-heading h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.045em;line-height:1.1;max-width:950px;overflow-wrap:anywhere}
.application-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7vw;align-items:start}
.application-role .opportunity-details{padding-top:0}
.application-panel{padding:clamp(24px,3vw,42px);background:var(--surface);border:1px solid #c0cad9;min-width:0}
.application-panel h2{font-size:32px;letter-spacing:-.035em;line-height:1.15;margin-bottom:18px}
.form-intro{font-size:14px;color:var(--muted);margin-bottom:28px}
.application-field{margin:0 0 23px;display:flex;flex-direction:column;gap:9px}
.application-field label{font-size:14px;line-height:1.6}
.application-field input:not([type=checkbox]),.application-field textarea,.application-field select{width:100%;min-width:0;min-height:46px;padding:12px;border:1px solid #8a98ae;border-radius:2px;background:var(--paper);color:var(--ink);font:inherit;font-size:15px}
.application-field textarea{resize:vertical;line-height:1.6}
.application-field textarea:focus-visible,.application-field select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.application-field input[type=file]{font-size:13px;line-height:1.6}
.field-help{font-size:12px;line-height:1.6;color:#4b586b}
.checkbox-field{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start}
.checkbox-field input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--brand)}
.checkbox-field label{cursor:pointer}
.consent-field{border-top:1px solid #c0cad9;padding-top:24px;margin-top:28px}
.application-feedback:not(:empty){padding:16px;margin:0 0 20px;border:1px solid #ab5740;background:#fff7f2;color:#782e1b;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.application-panel button:disabled{opacity:.65;cursor:wait;transform:none}
.application-panel .submission-note{margin-top:18px}
.application-success{display:grid;gap:20px;outline-offset:8px}
.application-success h2{margin:0}
.application-success p{font-size:14px;color:var(--muted)}
.application-success .application-reference{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.application-success .button{margin-top:10px;justify-self:start}
@media(max-width:900px){.application-grid{grid-template-columns:1fr;gap:40px}.application-role .opportunity-details{max-width:none}.application-heading{margin-bottom:30px}.application-main{padding-top:125px}.application-panel{max-width:750px;width:100%}}
@media(max-width:760px){.application-main{padding-top:115px;padding-bottom:55px}.back-to-opportunities{margin-bottom:32px}.application-heading h1{font-size:40px}.application-panel{padding:25px 20px}.application-panel h2{font-size:30px}.application-panel .button{width:100%;min-width:0}.application-heading .opportunity-meta{font-size:13px}}