/* Volunteer page — dedicated presentation */
.page-volunteer{--v-ink:#072a48;--v-blue:#004790;--v-deep:#03223e;--v-gold:#d2ae6d;--v-paper:#f4f1e8;--v-line:#d5dfe5;color:#455c70;background:#fff;overflow:hidden}.page-volunteer *,.page-volunteer *::before,.page-volunteer *::after{box-sizing:border-box}.page-volunteer .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.page-volunteer h1,.page-volunteer h2,.page-volunteer h3{color:var(--v-ink);font-family:var(--fog-font-display,'Toroka Wide',serif);text-wrap:balance}.page-volunteer p{line-height:1.7}.page-volunteer a{text-underline-offset:3px}
.volunteer-hero{position:relative;padding:calc(var(--fog-header-h,76px) + 90px) 0 100px;color:#fff;background:var(--v-deep);overflow:hidden}.volunteer-hero::after{position:absolute;right:-140px;bottom:-290px;width:680px;height:680px;border:1px solid rgba(210,174,109,.3);border-radius:50%;content:'';box-shadow:0 0 0 80px rgba(210,174,109,.035),0 0 0 160px rgba(210,174,109,.025)}.volunteer-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(50px,9vw,120px);align-items:end}.volunteer-eyebrow,.volunteer-kicker{display:inline-flex;align-items:center;gap:9px;color:#796124;font-size:.71rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.volunteer-eyebrow{color:#f0d58d}.volunteer-eyebrow .fog-i{width:19px}.volunteer-hero h1{max-width:790px;margin:24px 0;color:#fff;font-size:clamp(3.2rem,6.8vw,6.7rem);letter-spacing:-.06em;line-height:.92}.volunteer-hero-copy>p{max-width:650px;margin:0;color:#cbd9e4;font-size:clamp(1rem,1.7vw,1.16rem)}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:35px}.volunteer-primary-link{display:inline-flex;gap:35px;align-items:center;padding:15px 18px;color:#102b43!important;background:var(--v-gold);font-size:.76rem;font-weight:900;text-decoration:none}.volunteer-primary-link .fog-i{width:15px}.volunteer-text-link{color:#fff!important;font-size:.75rem;font-weight:800}.volunteer-hero-note{padding:28px;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.045)}.note-index{color:#eed48d;font-size:.64rem;font-weight:900;letter-spacing:.15em}.volunteer-hero-note blockquote{margin:24px 0;color:#fff;font:500 clamp(1.35rem,2.5vw,2rem)/1.35 var(--fog-font-display,serif)}.note-foot{display:flex;gap:18px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.note-foot span{display:flex;gap:7px;align-items:center;color:#b9cad7;font-size:.65rem}.note-foot .fog-i{width:14px;color:var(--v-gold)}
.volunteer-alert{margin-top:25px;padding:14px 18px;border-left:4px solid var(--v-blue);background:#edf4fa}.volunteer-alert.error{border-color:#a92921;background:#f9e8e6}.volunteer-alert p{margin:0}.volunteer-stats-wrap{border-bottom:1px solid var(--v-line)}.volunteer-stats{display:grid;grid-template-columns:repeat(4,1fr)}.volunteer-stats>div{padding:35px 28px;border-right:1px solid var(--v-line)}.volunteer-stats>div:first-child{border-left:1px solid var(--v-line)}.volunteer-stats strong,.volunteer-stats span{display:block}.volunteer-stats strong{color:var(--v-blue);font:700 clamp(2rem,4vw,3.2rem)/1 var(--fog-font-display,serif)}.volunteer-stats span{margin-top:9px;color:#667988;font-size:.69rem;font-weight:800;text-transform:uppercase}
.volunteer-roles{padding:110px 0;background:#fff}.volunteer-section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:50px}.volunteer-section-heading h2,.application-intro h2,.community-heading h2,.benefits-heading h2,.faq-heading h2{margin:16px 0 0;font-size:clamp(2.3rem,4.6vw,4.4rem);letter-spacing:-.04em;line-height:1.02}.volunteer-section-heading>p{margin:0}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v-line);border-left:1px solid var(--v-line)}.role-card{position:relative;padding:34px 30px;border-right:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}.role-number{position:absolute;top:24px;right:25px;color:#8798a4;font-size:.65rem;font-weight:900}.role-icon{width:48px;height:48px;display:grid;place-items:center;color:#fff;background:var(--v-blue);border-radius:50%}.role-icon .fog-i{width:21px}.role-card h3{margin:24px 0 10px;font-size:1.35rem}.role-card p{min-height:80px;margin:0;font-size:.83rem}.role-meta{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:15px;border-top:1px solid var(--v-line);font-size:.64rem}.role-meta span{color:var(--v-blue);font-weight:900;text-transform:uppercase}.role-meta b{color:#7b652b}
.volunteer-application{padding:110px 0;background:var(--v-paper)}.application-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,110px);align-items:start}.application-intro{position:sticky;top:105px}.application-intro>p{margin:24px 0 32px}.application-steps{padding:0;margin:0;list-style:none;border-top:1px solid #d7d0c2}.application-steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #d7d0c2}.application-steps li>span{width:25px;height:25px;display:grid;place-items:center;color:#fff;background:var(--v-blue);border-radius:50%;font-size:.64rem;font-weight:900}.application-steps p,.application-steps strong{display:block;margin:0}.application-steps strong{color:var(--v-ink);font-size:.76rem}.application-steps p{font-size:.68rem}.volunteer-form{position:relative;padding:clamp(27px,5vw,52px);background:#fff;border:1px solid #ddd6c8;box-shadow:0 25px 70px rgba(7,42,72,.08)}.volunteer-honeypot{position:absolute;left:-9999px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-group{margin-bottom:21px}.form-group>label,.availability-group legend{display:flex;justify-content:space-between;width:100%;margin-bottom:8px;color:var(--v-ink);font-size:.77rem;font-weight:800}.form-group label>span,.availability-group legend>span{color:#a3241d}.form-group label small{color:#718391;font-weight:500}.volunteer-form input:not([type=checkbox]),.volunteer-form select,.volunteer-form textarea{width:100%;min-height:50px;padding:13px 14px;color:#15324b;background:#fbfcfc;border:1px solid #aebdc8;border-radius:3px;font:inherit}.volunteer-form textarea{min-height:145px;resize:vertical}.volunteer-form input:focus,.volunteer-form select:focus,.volunteer-form textarea:focus{outline:3px solid rgba(0,71,144,.14);border-color:var(--v-blue)}.volunteer-form .has-error{border-color:#a3241d!important}.field-error{display:block;margin-top:5px;color:#a3241d;font-size:.67rem;font-weight:700}.availability-group{padding:0;margin:2px 0 22px;border:0}.availability-options{display:flex;gap:8px;flex-wrap:wrap}.availability-options label{position:relative;cursor:pointer}.availability-options input{position:absolute;opacity:0}.availability-options span{display:block;padding:9px 12px;color:#314d64;background:#fff;border:1px solid #b4c1cb;font-size:.7rem;font-weight:800}.availability-options input:checked+span{color:#fff;background:var(--v-blue);border-color:var(--v-blue)}.availability-options input:focus-visible+span{outline:3px solid var(--v-gold);outline-offset:2px}.availability-group.has-error .availability-options{padding:5px;outline:2px solid #a3241d}.availability-help{margin:7px 0 0;font-size:.67rem}.form-message{min-height:20px;margin-bottom:8px;color:#a3241d;font-size:.72rem;font-weight:800}.form-actions{display:flex;gap:10px}.form-actions button{min-height:52px;padding:0 20px;border:1px solid var(--v-blue);font:800 .75rem var(--fog-font-body,inherit);cursor:pointer}.form-actions button:first-child{flex:1;display:flex;justify-content:space-between;align-items:center;color:#fff;background:var(--v-blue)}.form-actions button:first-child:hover{background:#003970}.form-actions button:last-child{color:var(--v-blue);background:#fff}.form-actions .fog-i{width:15px}.form-actions button:disabled{opacity:.65;cursor:wait}
.volunteer-community{padding:110px 0;color:#fff;background:var(--v-deep)}.community-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.community-heading .volunteer-kicker{color:#efd68f}.community-heading h2{color:#fff}.community-heading p{color:#b9cad7}.volunteers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.volunteer-card,.volunteer-empty{padding:30px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}.volunteer-avatar,.volunteer-empty>div{width:52px;height:52px;display:grid;place-items:center;color:var(--v-deep);background:var(--v-gold);border-radius:50%;font-weight:900}.volunteer-card h3,.volunteer-empty h3{margin:20px 0 5px;color:#fff}.volunteer-card>span{color:#efd68f;font-size:.68rem}.volunteer-card p,.volunteer-empty p{color:#b9cad7;font-size:.78rem}.volunteer-tags{display:flex;gap:7px}.volunteer-tags b{padding:5px 8px;color:#d3e0e9;border:1px solid rgba(255,255,255,.2);font-size:.6rem}.volunteer-empty{grid-column:1/-1}.volunteer-empty>div .fog-i{width:22px}.volunteer-empty a{display:inline-flex;gap:9px;align-items:center;color:#f0d58e;font-size:.73rem;font-weight:800}.volunteer-empty a .fog-i{width:14px}
.volunteer-benefits{padding:105px 0;background:#fff}.benefits-heading{display:grid;grid-template-columns:.35fr .65fr;gap:30px;align-items:start;margin-bottom:48px}.benefits-heading h2{margin-top:0}.benefits-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--v-line);border-left:1px solid var(--v-line)}.benefits-list article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:30px;border-right:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}.benefits-list article>span{width:48px;height:48px;display:grid;place-items:center;color:var(--v-blue);background:#e9f0f6}.benefits-list .fog-i{width:22px}.benefits-list h3{margin:0 0 6px}.benefits-list p{margin:0;font-size:.78rem}
.volunteer-faq{padding:105px 0;background:#edf2f5}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-heading a{display:inline-flex;gap:8px;align-items:center;margin-top:25px;color:var(--v-blue);font-size:.73rem;font-weight:800}.faq-heading a .fog-i{width:14px}.faq-list{border-top:1px solid #bdc9d1}.faq-list article{padding:27px 0;border-bottom:1px solid #bdc9d1}.faq-list h3{margin:0 0 9px;font-size:1.2rem}.faq-list p{margin:0;font-size:.82rem}.volunteer-cta{padding:75px 0;color:#fff;background:var(--v-blue)}.cta-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.cta-inner span{color:#efd58b;font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cta-inner h2{margin:7px 0 0;color:#fff;font-size:clamp(2rem,4vw,3.5rem)}.cta-inner>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.cta-inner a{display:flex;gap:10px;align-items:center;padding:13px 16px;color:var(--v-ink);background:var(--v-gold);font-size:.72rem;font-weight:900;text-decoration:none}.cta-inner a:last-child{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.6)}.cta-inner .fog-i{width:14px}
.page-volunteer .reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.page-volunteer .reveal.is-visible{opacity:1;transform:none}.page-volunteer :focus-visible{outline:3px solid var(--v-gold);outline-offset:4px}
@media(max-width:900px){.volunteer-hero-layout,.application-layout,.community-layout,.faq-layout{grid-template-columns:1fr}.application-intro{position:static}.volunteer-section-heading{grid-template-columns:1fr;gap:15px}.roles-grid{grid-template-columns:repeat(2,1fr)}.benefits-heading{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.volunteer-hero-note{max-width:580px}}
@media(max-width:620px){.page-volunteer .container{width:calc(100% - 28px)}.volunteer-hero{padding:calc(var(--fog-header-h,66px) + 56px) 0 70px}.volunteer-hero h1{font-size:clamp(2.8rem,14vw,4.4rem)}.volunteer-stats{grid-template-columns:repeat(2,1fr)}.volunteer-stats>div{padding:25px 15px;border-bottom:1px solid var(--v-line)}.volunteer-roles,.volunteer-application,.volunteer-community,.volunteer-benefits,.volunteer-faq{padding:75px 0}.roles-grid,.form-grid,.volunteers-grid,.benefits-list{grid-template-columns:1fr}.role-card p{min-height:0}.volunteer-form{padding:25px 18px}.form-actions{flex-direction:column}.form-actions button{width:100%}.benefits-list article{padding:24px 20px}.cta-inner>div:last-child,.cta-inner a{width:100%}}
@media(prefers-reduced-motion:reduce){.page-volunteer *,.page-volunteer *::before,.page-volunteer *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.page-volunteer .reveal{opacity:1;transform:none}}
/* Stats band: live figures from the database; fewer columns if a figure is unavailable */
.volunteer-stats[data-count="3"]{grid-template-columns:repeat(3,1fr)}.volunteer-stats[data-count="2"],.volunteer-stats[data-count="1"]{grid-template-columns:repeat(2,1fr)}
@media(max-width:620px){.volunteer-stats[data-count]{grid-template-columns:repeat(2,1fr)}}