:root{--ccna-blue:#084aa5;--ccna-blue-dark:#073b82;--ccna-purple:#6130aa;--ccna-gold:#f5b800;--ink:#15233d;--muted:#60708a;--paper:#fff;--wash:#f3f7fd;--line:#d9e4f4}
*{box-sizing:border-box}.volunteer-page{margin:0;background:linear-gradient(180deg,#eef4fb 0,#f8fbff 45%,#fff 100%);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.volunteer-shell{width:min(1180px,calc(100% - 32px));margin:24px auto 48px}.volunteer-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 4px 16px}.volunteer-brand{text-decoration:none;color:var(--ccna-blue-dark);display:flex;align-items:baseline;gap:10px;font-weight:800;font-size:1.25rem}.volunteer-brand small{font-weight:500}.volunteer-topbar nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.volunteer-topbar nav a{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid #8db3e9;border-radius:10px;background:#fff;color:var(--ccna-blue-dark);font-weight:700;text-decoration:none}.language-pill{min-width:112px}.language-code{display:inline-grid;place-items:center;width:30px;height:24px;border-radius:6px;background:#e9f1ff;color:var(--ccna-blue-dark);font-size:.78rem}.volunteer-photo-hero{min-height:370px;display:grid;grid-template-columns:330px 1fr;align-items:center;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(90deg,rgba(255,255,255,.98) 0 33%,rgba(4,31,72,.82) 59%,rgba(4,31,72,.55)),url('../images/volunteer/volunteer-hero.jpg') center/cover no-repeat;box-shadow:0 18px 45px rgba(18,52,99,.18)}.hero-logo-panel{padding:34px}.hero-logo-panel img{width:100%;max-width:250px;display:block;border-radius:18px;mix-blend-mode:multiply}.hero-copy{padding:52px 56px;color:#fff;max-width:720px}.hero-copy>span{text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;font-weight:800;color:#d9e8ff}.hero-copy h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.94;margin:15px 0 20px;letter-spacing:-.045em}.hero-copy p{font-size:1.2rem;line-height:1.55;max-width:620px;margin:0 0 14px}.hero-copy strong{font-size:1.25rem;color:var(--ccna-gold);font-style:italic}.volunteer-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:-28px 38px 28px;position:relative;z-index:2}.volunteer-choice-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:300px;padding:64px 42px 36px;border-radius:22px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 10px 26px rgba(24,58,103,.14);border:2px solid #dfe8f7;transition:.18s transform,.18s box-shadow}.volunteer-choice-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(24,58,103,.2)}.volunteer-choice-card.offer{border-color:#ddcff5;background:linear-gradient(145deg,#fff 55%,#f5efff)}.volunteer-choice-card.shift{border-color:#c8dcf8;background:linear-gradient(145deg,#fff 55%,#eef6ff)}.choice-icon{position:absolute;top:-34px;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:2.1rem;background:linear-gradient(135deg,#7a42c3,#4f1d9c);box-shadow:0 10px 22px rgba(85,37,153,.25)}.shift .choice-icon{background:linear-gradient(135deg,#1771d6,#06439a)}.volunteer-choice-card h2{font-size:2rem;margin:5px 0 14px;color:var(--ccna-purple)}.volunteer-choice-card.shift h2{color:var(--ccna-blue)}.volunteer-choice-card p{font-size:1.05rem;line-height:1.55;max-width:430px;margin:0 0 24px}.volunteer-choice-card strong{margin-top:auto;padding:14px 23px;border-radius:9px;color:#fff;background:linear-gradient(90deg,#6e34b5,#54209e)}.volunteer-choice-card.shift strong{background:linear-gradient(90deg,#0960c5,#07459a)}.current-needs,.why-volunteer,.volunteer-impact{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 22px rgba(29,68,116,.08)}.current-needs{padding:24px 28px;margin:0 38px 24px;background:linear-gradient(135deg,#f9fbff,#edf5ff)}.section-heading{display:flex;align-items:center;gap:12px}.section-heading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ccna-blue);color:#fff}.section-heading h2{color:var(--ccna-blue-dark);font-size:1.55rem;margin:0}.needs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.needs-grid a{padding:18px;border-radius:13px;background:#fff;border:1px solid #d5e0ef;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:5px}.needs-grid strong{font-size:1rem}.needs-grid span{font-weight:800;color:var(--ccna-purple)}.view-all-needs{display:block;text-align:center;color:var(--ccna-blue);font-weight:800;text-decoration:none}.volunteer-lower-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin:0 38px}.why-volunteer,.volunteer-impact{padding:28px}.why-volunteer h2,.volunteer-impact h2{color:var(--ccna-blue-dark);margin-top:0}.why-volunteer ul{list-style:none;padding:0;margin:20px 0}.why-volunteer li{margin:12px 0}.why-volunteer li::first-letter{color:var(--ccna-purple)}.why-volunteer p{font-size:1.2rem;color:var(--ccna-purple);font-style:italic}.volunteer-impact{text-align:center;background:linear-gradient(145deg,#fff,#eff6ff)}.impact-icon{font-size:2.4rem}.impact-stats{display:grid;grid-template-columns:1fr 1fr;margin:22px 0}.impact-stats>div{padding:10px 20px}.impact-stats>div+div{border-left:1px solid #ccd9ec}.impact-stats strong{display:block;font-size:2.5rem;color:var(--ccna-blue)}.impact-stats span{display:block}.volunteer-card{margin:28px 0;padding:30px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 28px rgba(29,68,116,.1)}.volunteer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.volunteer-card label{display:flex;flex-direction:column;gap:7px;font-weight:700}.volunteer-card input,.volunteer-card select,.volunteer-card textarea{width:100%;padding:12px 13px;border:1px solid #b9c9df;border-radius:9px;background:#fff;font:inherit}.volunteer-card fieldset{margin:24px 0;padding:20px;border:1px solid #cedbef;border-radius:15px}.volunteer-card legend{padding:0 8px;font-weight:800;color:var(--ccna-blue-dark)}.volunteer-card button{border:0;border-radius:10px;background:linear-gradient(90deg,#0a5dc1,#073f91);color:#fff;padding:14px 22px;font-weight:800;font-size:1rem}.volunteer-areas,.unavailable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.volunteer-areas label,.unavailable-grid label{flex-direction:row;align-items:flex-start;padding:12px;border:1px solid #d6e1ef;border-radius:10px}.volunteer-areas input,.unavailable-grid input,.volunteer-consent input{width:auto;margin-top:3px}.public-shift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.public-shift-card{padding:17px;border-radius:14px;border:1px solid #cfdaea;background:#fff}.public-shift-card input{width:auto}.volunteer-alert{padding:14px 18px;border-radius:12px;margin:20px 0}.volunteer-alert.success{background:#e9f7ef;color:#175b37}.volunteer-alert.error{background:#fff0f0;color:#8e2424}@media(max-width:820px){.volunteer-shell{width:min(100% - 20px,1180px);margin-top:10px}.volunteer-topbar,.volunteer-topbar nav{align-items:flex-start}.volunteer-photo-hero{grid-template-columns:1fr;min-height:470px;background:linear-gradient(180deg,rgba(255,255,255,.98) 0 35%,rgba(4,31,72,.83) 58%,rgba(4,31,72,.65)),url('../images/volunteer/volunteer-hero.jpg') center/cover no-repeat}.hero-logo-panel{padding:24px}.hero-logo-panel img{max-width:185px}.hero-copy{padding:24px 28px 40px}.volunteer-choice-grid,.volunteer-lower-grid{grid-template-columns:1fr;margin-left:10px;margin-right:10px}.current-needs{margin-left:10px;margin-right:10px}.needs-grid{grid-template-columns:1fr 1fr}.volunteer-grid,.public-shift-grid,.volunteer-areas,.unavailable-grid{grid-template-columns:1fr}}@media(max-width:520px){.volunteer-topbar{flex-direction:column}.volunteer-topbar nav{width:100%}.volunteer-topbar nav a{flex:1;justify-content:center}.needs-grid{grid-template-columns:1fr}.volunteer-choice-card{padding-left:24px;padding-right:24px}.hero-copy h1{font-size:2.7rem}}
/* v13.2.1 volunteer visual refinement */
.volunteer-photo-hero{min-height:420px;display:flex;align-items:center;justify-content:flex-start;background:linear-gradient(90deg,rgba(4,31,72,.94) 0%,rgba(4,31,72,.82) 38%,rgba(4,31,72,.28) 68%,rgba(4,31,72,.08) 100%),url('../images/volunteer/volunteer-hero.jpg') center right/cover no-repeat;border-radius:28px}
.hero-logo-panel{display:none!important}.hero-copy{padding:58px 64px;max-width:690px;color:#fff}.hero-copy h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.94;margin:14px 0 22px}.hero-copy p{max-width:570px}.volunteer-choice-grid{margin:30px 38px 28px}.volunteer-choice-card{min-height:280px;padding-top:58px}.volunteer-choice-card.offer strong{background:linear-gradient(90deg,#7138b9,#54209e)}
@media(max-width:820px){.volunteer-photo-hero{min-height:500px;align-items:flex-end;background:linear-gradient(180deg,rgba(4,31,72,.12) 0%,rgba(4,31,72,.72) 50%,rgba(4,31,72,.96) 100%),url('../images/volunteer/volunteer-hero.jpg') 68% center/cover no-repeat}.hero-copy{padding:170px 28px 38px}.volunteer-choice-grid{margin-top:22px}}

/* Embedded in the main CCNA Connect body */
body.volunteer-embedded{background:transparent;padding:0;overflow:hidden}
body.volunteer-embedded .volunteer-shell{width:100%;max-width:none;margin:0;padding:0}
body.volunteer-embedded .volunteer-landing,body.volunteer-embedded .volunteer-card{margin-top:0}
body.volunteer-embedded .volunteer-card{box-shadow:none;border:1px solid #d9e5f2}