.aligned-page { --primary:#28594e; --primary-dark:#173448; --primary-light:#557b61; --accent:#d6a64a; --accent-hover:#e5bc68; --cream:#fbf7ef; --off-white:#fbf7ef; --white:#fffdf9; --border:#dce4d9; --text-mid:#52665e; --text-light:#66776e; background:#fbf7ef; color:#173448; }
.aligned-page :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline:3px solid #956c23; outline-offset:4px; }
.aligned-page .page-nav,.aligned-page .vt-nav { position:sticky; top:0; z-index:100; background:#fffdf9; border-bottom:1px solid #dce4d9; box-shadow:none; backdrop-filter:none; }
.aligned-page .page-nav-brand img,.aligned-page .vt-brand img { width:42px!important; height:46px!important; padding:0; object-fit:contain!important; }
.aligned-page .page-nav-brand-text,.aligned-page .vt-brand-text { color:#173448; font:700 18px Inter,system-ui,sans-serif; }
.aligned-page .page-nav-center a.active,.aligned-page .vt-nav-center a.active { color:#28594e; }
.aligned-page .page-nav-center a.active::after,.aligned-page .vt-nav-center a.active::after { background:#d6a64a; }
.aligned-page .page-nav-donate,.aligned-page .vt-nav-actions .donate { background:#e8c779; color:#173448; border-radius:9px; box-shadow:none; }
.aligned-page .page-hero { position:relative; overflow:hidden; padding:82px 0 88px; background:#fbf7ef; color:#173448; }
.aligned-page .page-hero::after { content:''; position:absolute; width:340px; height:340px; right:max(5vw,40px); top:50%; translate:0 -50%; border-radius:50%; background:radial-gradient(circle at 68% 30%,#f2dfaa 0 20%,transparent 20.5%),radial-gradient(circle at 42% 60%,#dce7d7 0 39%,transparent 39.5%); opacity:.72; pointer-events:none; }
.aligned-page .page-hero .container { position:relative; z-index:1; }
.aligned-page .page-hero-eyebrow { color:#806225; font-size:10px; letter-spacing:.18em; }
.aligned-page .page-hero h1 { max-width:780px; color:#173448; font-size:clamp(42px,5vw,66px); font-weight:600; line-height:1.06; letter-spacing:-.045em; }
.aligned-page .page-hero .lede { max-width:620px; color:#52665e; font-size:17px; line-height:1.75; }
.aligned-page .page-body { background:#fbf7ef; }
.aligned-page .page-section h2,.aligned-page .partner-tier h2 { color:#173448; font-weight:600; letter-spacing:-.025em; }
.aligned-page :is(.fact-card,.split-stat-card,.impact-stat-card,.partner-card,.faq-item) { background:#fffdf9; border-color:#dce4d9; box-shadow:none; border-radius:14px; }
.aligned-page :is(.fact-card,.split-stat-card,.impact-stat-card,.partner-card):hover { border-color:#aec2a8; box-shadow:0 12px 28px rgba(40,89,78,.07); }
.aligned-page .split-stat-card .num,.aligned-page .impact-stat-card .num { color:#28594e; }
.aligned-page .rpt-dl-btn { background:#28594e; box-shadow:none; border-radius:8px; }
.aligned-page .rpt-dl-btn:hover { background:#204c42; color:#fff; }
.aligned-page .partner-tier-label { color:#806225; }
.aligned-page .partner-mark { background:#e7ede2; color:#28594e; }
.aligned-page .partner-cta { background:#28594e; border:0; box-shadow:none; }
.aligned-page .faq-cat-tab { background:#fffdf9; border-color:#d3dfcf; color:#49624e; }
.aligned-page .faq-cat-tab:hover { border-color:#8faa89; color:#28594e; }
.aligned-page .faq-cat-tab.active { background:#28594e; border-color:#28594e; color:#fff; }
.aligned-page .faq-q-icon { background:#edf2e7; color:#28594e; }
.aligned-page .page-footer,.aligned-page .vt-footer { background:#244f46; color:rgba(255,255,255,.76); }
.aligned-page .page-footer a,.aligned-page .vt-footer a { color:rgba(255,255,255,.72); }
.aligned-page .page-footer h4,.aligned-page .vt-footer h4 { color:#fff; }

/* Volunteer page */
.volunteer-page .vt-hero { background:#fbf7ef; color:#173448; padding:80px 0 88px; }
.volunteer-page .vt-hero::after { display:none; }
.volunteer-page .vt-eyebrow,.volunteer-page .vt-section-eyebrow { color:#806225; background:transparent; border:0; }
.volunteer-page .vt-hero h1 { color:#173448; font-size:clamp(43px,5vw,66px); font-weight:600; letter-spacing:-.045em; }
.volunteer-page .vt-hero h1 em,.volunteer-page .vt-section-head h2 em { color:#557b61; -webkit-text-fill-color:currentColor; background:none; }
.volunteer-page .vt-hero-lede { color:#52665e; }
.volunteer-page .vt-hero-stats { background:#edf2e7; border:1px solid #d6e0d2; box-shadow:none; }
.volunteer-page .vt-hero-stats strong { color:#28594e; }
.volunteer-page .vt-section { background:#fbf7ef; }
.volunteer-page .vt-role { background:#fffdf9; border:1px solid #dce4d9; box-shadow:none; border-radius:15px; }
.volunteer-page .vt-role:hover,.volunteer-page .vt-role.selected { border-color:#91ad8a; box-shadow:0 12px 28px rgba(40,89,78,.08); }
.volunteer-page .vt-role-icon { background:#edf2e7; }
.volunteer-page .vt-role-icon svg { stroke:#28594e; }
.volunteer-page .vt-role-pick { color:#28594e; }
.volunteer-page .vt-requirements { background:#edf2e7; }
.volunteer-page .vt-requirement { background:#fffdf9; border-color:#dce4d9; }
.volunteer-page .vt-form-section { background:#f6f0e4; }
.volunteer-page .vt-form { border:1px solid #dce4d9; box-shadow:none; background:#fffdf9; }
.volunteer-page .vt-submit { background:#28594e; color:#fff; box-shadow:none; }
.volunteer-page .vt-faq { background:#fffdf9; }

@media(max-width:1180px){.aligned-page .page-nav-center,.aligned-page .vt-nav-center{gap:12px}.aligned-page .page-nav-center a,.aligned-page .vt-nav-center a{font-size:12px}.aligned-page .page-nav-brand-text,.aligned-page .vt-brand-text{font-size:16px}}
@media(max-width:900px){.aligned-page .page-hero::after{right:-100px;opacity:.45}.aligned-page .page-hero{padding:62px 0}.volunteer-page .vt-hero{padding:60px 0}.aligned-page .page-nav-center:not(.open),.aligned-page .vt-nav-center:not(.open){visibility:hidden}}
@media(max-width:600px){.aligned-page .page-hero::after{display:none}.aligned-page .page-hero h1{font-size:42px}.aligned-page .page-nav-brand-text,.aligned-page .vt-brand-text{font-size:14px}.volunteer-page .vt-hero-stats{width:100%;grid-template-columns:1fr}.volunteer-page .vt-hero-stats>div{border-right:0;border-bottom:1px solid #d6e0d2}.volunteer-page .vt-hero-stats>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.aligned-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
