/* BGP Volunteer Hub — visual refresh */
.volunteer-page{background:#f7f5ed;color:#17231b}
.volunteer-page .main-header{
  max-width:1280px;margin:0 auto;padding:1rem max(1.1rem,3vw);
  background:#fffefa;border-bottom:1px solid #dfe5dc;box-sizing:border-box
}
.volunteer-hero{
  max-width:1280px;margin:0 auto;padding:clamp(3.5rem,7vw,6.5rem) max(1.1rem,4vw);
  display:grid;grid-template-columns:1fr minmax(360px,.82fr);gap:clamp(2rem,6vw,6rem);align-items:center
}
.volunteer-hero h1{font-size:clamp(3.4rem,7vw,6.5rem);line-height:.9;letter-spacing:-.06em;color:#153f26;margin:.4rem 0 1.4rem}
.volunteer-hero h1 em{color:#3d7a48;font-style:normal}
.volunteer-hero>div>p:not(.eyebrow){font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.55;max-width:650px;color:#526057}
.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}
.hero-actions .button{min-height:48px;padding:.75rem 1.15rem}
.welcome-photo-card{background:#fffefa;border:1px solid #dfe5dc;border-radius:30px;overflow:hidden;box-shadow:0 24px 60px rgba(28,67,40,.12)}
.welcome-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#dfe9d7}
.welcome-photo img{width:100%;height:100%;object-fit:cover;display:block}
.welcome-photo span{position:absolute;left:1rem;bottom:1rem;background:#fffefa;color:#153f26;border-radius:999px;padding:.55rem .8rem;font-size:.72rem;font-weight:900}
.welcome-photo-copy{padding:1.5rem 1.6rem 1.8rem}
.welcome-photo-copy h2{font-size:clamp(2rem,4vw,3.1rem);line-height:.98;letter-spacing:-.045em;color:#153f26;margin:.3rem 0 .8rem}
.welcome-photo-copy>p:not(.eyebrow){color:#526057;line-height:1.5}
.application-shell{max-width:1120px;margin:0 auto 2rem;padding:clamp(2rem,5vw,4rem) max(1.1rem,3vw);background:transparent}
.application-shell>header{max-width:760px;margin-bottom:2rem}
.application-shell>header h2{font-size:clamp(2.2rem,4.5vw,4rem);line-height:.98;letter-spacing:-.045em;color:#153f26;margin:.25rem 0 .75rem}
.application-shell>header>p:last-child{color:#526057;line-height:1.5}
.application-shell .admin-insights{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.application-shell .admin-card{background:#fffefa;border:1px solid #dfe5dc;border-radius:22px;box-shadow:0 12px 30px rgba(28,67,40,.06);padding:1.4rem}
.volunteer-application{background:#fffefa;border:1px solid #dfe5dc;border-radius:28px;padding:clamp(1rem,3vw,2rem);box-shadow:0 18px 45px rgba(28,67,40,.07)}
.form-section{border:0;border-top:1px solid #dfe5dc;padding:2rem 0 0;margin:2rem 0 0}
.form-section:first-of-type{border-top:0;padding-top:0;margin-top:0}
.form-section legend{font-size:1.25rem;font-weight:900;color:#153f26;padding:0}
.form-section legend span{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#e9f3df;margin-right:.55rem;font-size:.75rem}
.submit-button{background:#153f26!important;color:#fffefa!important;border:0;padding:.8rem 1.2rem;cursor:pointer}
@media(max-width:900px){.volunteer-hero{grid-template-columns:1fr}.welcome-photo-card{max-width:700px}}
@media(max-width:600px){.volunteer-hero{padding-top:2.8rem}.volunteer-hero h1{font-size:clamp(3rem,15vw,4.8rem)}.welcome-photo-card{border-radius:22px}.application-shell{padding-left:.8rem;padding-right:.8rem}}