/* Volunteer guidelines — dedicated presentation */
.page-volunteer-guidelines{--g-ink:#082a47;--g-blue:#004790;--g-deep:#03223e;--g-gold:#d2ae6d;--g-paper:#f4f1e8;--g-line:#d5dfe5;color:#455c70;background:#fff;overflow:hidden}.page-volunteer-guidelines *,.page-volunteer-guidelines *::before,.page-volunteer-guidelines *::after{box-sizing:border-box}.page-volunteer-guidelines .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.page-volunteer-guidelines h1,.page-volunteer-guidelines h2,.page-volunteer-guidelines h3{color:var(--g-ink);font-family:var(--fog-font-display,'Toroka Wide',serif);text-wrap:balance}.page-volunteer-guidelines p{line-height:1.7}.guidelines-eyebrow,.guidelines-kicker{display:inline-flex;align-items:center;gap:9px;color:#786123;font-size:.69rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.guidelines-eyebrow{color:#efd58c}.guidelines-eyebrow .fog-i{width:18px}
.guidelines-hero{padding:calc(var(--fog-header-h,76px) + 82px) 0 90px;color:#fff;background:var(--g-deep)}.guidelines-hero-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(50px,9vw,120px);align-items:end}.guidelines-hero h1{max-width:780px;margin:23px 0 0;color:#fff;font-size:clamp(3.1rem,6.6vw,6.4rem);letter-spacing:-.06em;line-height:.93}.hero-summary{padding-left:30px;border-left:1px solid rgba(255,255,255,.2)}.hero-summary p{margin:0;color:#c6d5e0}.hero-summary>div{display:flex;gap:13px;flex-direction:column;margin-top:25px}.hero-summary a{width:fit-content;display:flex;gap:12px;align-items:center;color:#fff;font-size:.72rem;font-weight:800}.hero-summary a:first-child{padding:13px 15px;color:var(--g-deep);background:var(--g-gold);text-decoration:none}.hero-summary .fog-i{width:14px}.guidelines-nav{position:sticky;top:var(--fog-header-h,76px);z-index:5;background:#fff;border-bottom:1px solid var(--g-line)}.guidelines-nav .container{display:flex;gap:28px;overflow-x:auto}.guidelines-nav a{padding:17px 0;color:#445d70;font-size:.67rem;font-weight:800;white-space:nowrap;text-decoration:none}.guidelines-nav a:hover{color:var(--g-blue)}
.guidelines-intro,.guidelines-roles,.guidelines-requirements,.conduct-section,.process-section,.guideline-benefits,.guideline-faq{padding:105px 0}.intro-layout{display:grid;grid-template-columns:.35fr .65fr;gap:50px}.intro-layout h2,.section-heading h2,.requirements-heading h2,.conduct-heading h2,.benefits-layout h2,.faq-layout header h2{margin:0 0 20px;font-size:clamp(2.3rem,4.6vw,4.3rem);letter-spacing:-.045em;line-height:1.02}.intro-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.intro-tags span{padding:7px 10px;color:var(--g-blue);background:#e8f0f6;font-size:.63rem;font-weight:900}.guidelines-roles{background:var(--g-paper)}.section-heading{display:grid;grid-template-columns:.35fr .65fr;gap:40px;margin-bottom:48px}.guideline-role-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7d0c3;border-left:1px solid #d7d0c3}.guideline-role{position:relative;padding:31px;border-right:1px solid #d7d0c3;border-bottom:1px solid #d7d0c3;background:rgba(255,255,255,.38)}.role-index{position:absolute;top:23px;right:23px;color:#8898a4;font-size:.62rem;font-weight:900}.role-icon{width:46px;height:46px;display:grid;place-items:center;color:#fff;background:var(--g-blue);border-radius:50%}.role-icon .fog-i{width:20px}.guideline-role h3{margin:22px 0 9px}.guideline-role>p{min-height:74px;margin:0;font-size:.78rem}.guideline-role dl{margin:22px 0 0;border-top:1px solid #d7d0c3}.guideline-role dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #d7d0c3;font-size:.62rem}.guideline-role dt{color:#778894;text-transform:uppercase}.guideline-role dd{margin:0;color:var(--g-ink);font-weight:800;text-align:right}
.requirements-layout,.conduct-layout,.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(55px,8vw,100px)}.requirements-heading p,.conduct-heading p{max-width:400px}.requirements-list{border-top:1px solid var(--g-line)}.requirements-list article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--g-line)}.requirements-list article>span{width:43px;height:43px;display:grid;place-items:center;color:var(--g-blue);background:#e9f0f6}.requirements-list .fog-i{width:20px}.requirements-list h3{margin:0 0 5px}.requirements-list p{margin:0;font-size:.76rem}.conduct-section{color:#fff;background:var(--g-deep)}.conduct-heading{position:sticky;top:145px;align-self:start}.conduct-heading .guidelines-kicker{color:#eed48d}.conduct-heading h2{color:#fff}.conduct-heading p{color:#b9cbd8}.conduct-list{padding:0;margin:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}.conduct-list li{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18)}.conduct-list li>span{color:#efd48a;font-size:.65rem;font-weight:900}.conduct-list p{margin:0;color:#beced9;font-size:.76rem}.conduct-list strong{display:block;margin-bottom:3px;color:#fff;font-size:.9rem}.process-section{background:#fff}.process-track{display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0;list-style:none;border-top:1px solid var(--g-line);border-left:1px solid var(--g-line)}.process-track li{padding:27px 22px;border-right:1px solid var(--g-line);border-bottom:1px solid var(--g-line)}.process-track b{color:var(--g-blue);font-size:.65rem}.process-track h3{margin:20px 0 8px;font-size:1rem}.process-track p{margin:0;font-size:.7rem}
.guideline-benefits{background:var(--g-paper)}.benefits-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #d7d0c3;border-left:1px solid #d7d0c3}.benefit-grid article{padding:27px;border-right:1px solid #d7d0c3;border-bottom:1px solid #d7d0c3}.benefit-grid .fog-i{width:23px;color:var(--g-blue)}.benefit-grid h3{margin:16px 0 0;font-size:1rem}.faq-list{border-top:1px solid var(--g-line)}.faq-list details{border-bottom:1px solid var(--g-line)}.faq-list summary{padding:21px 0;color:var(--g-ink);font:700 1rem var(--fog-font-display,serif);cursor:pointer}.faq-list p{padding:0 20px 20px 0;margin:0;font-size:.78rem}.guidelines-cta{padding:70px 0;color:#fff;background:var(--g-blue)}.cta-layout{display:flex;justify-content:space-between;gap:40px;align-items:center}.cta-layout span{color:#efd58b;font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cta-layout h2{margin:7px 0 0;color:#fff;font-size:clamp(2rem,4vw,3.4rem)}.cta-layout>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.cta-layout a{display:flex;gap:9px;align-items:center;padding:13px 16px;color:var(--g-deep);background:var(--g-gold);font-size:.7rem;font-weight:900;text-decoration:none}.cta-layout a:last-child{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.6)}.cta-layout .fog-i{width:14px}.page-volunteer-guidelines .reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.page-volunteer-guidelines .reveal.is-visible{opacity:1;transform:none}.page-volunteer-guidelines :focus-visible{outline:3px solid var(--g-gold);outline-offset:4px}
@media(max-width:900px){.guidelines-hero-layout,.intro-layout,.requirements-layout,.conduct-layout,.benefits-layout,.faq-layout{grid-template-columns:1fr}.hero-summary{padding:25px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.2)}.section-heading{grid-template-columns:1fr}.guideline-role-grid{grid-template-columns:repeat(2,1fr)}.conduct-heading{position:static}.process-track{grid-template-columns:repeat(2,1fr)}.cta-layout{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.page-volunteer-guidelines .container{width:calc(100% - 28px)}.guidelines-hero{padding:calc(var(--fog-header-h,66px) + 55px) 0 65px}.guidelines-hero h1{font-size:clamp(2.8rem,14vw,4.4rem)}.guidelines-intro,.guidelines-roles,.guidelines-requirements,.conduct-section,.process-section,.guideline-benefits,.guideline-faq{padding:75px 0}.guideline-role-grid,.process-track,.benefit-grid{grid-template-columns:1fr}.guideline-role>p{min-height:0}.cta-layout>div:last-child,.cta-layout a{width:100%}}
@media(prefers-reduced-motion:reduce){.page-volunteer-guidelines *{animation-duration:.01ms!important;transition-duration:.01ms!important}.page-volunteer-guidelines .reveal{opacity:1;transform:none}}