/* Shared navigation/footer styles; intentionally excludes page section styles. */
:where(.announcement,.nav-v10,.v4-footer,.toast){--forest:#173A31;--gold:#C99A4A;--coral:#B84D3B;--ink:#14201D;--line:#DFE4E1;font-family:"DM Sans",sans-serif;line-height:1.5}
:where(.announcement,.nav-v10,.v4-footer,.toast),:where(.announcement,.nav-v10,.v4-footer,.toast) *{box-sizing:border-box}
:where(.nav-v10,.v4-footer) a{text-decoration:none;color:inherit}
:where(.nav-v10,.v4-footer) :is(button,input){font-family:inherit}
.v4-footer .container{width:85%;max-width:none;margin-inline:auto}
@media(max-width:768px){.v4-footer .container{width:95%}}
.announcement{background:var(--forest);color:#fff;font-size:13px}
.announcement-inner{height:38px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;text-align:center}
.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(20,32,29,.08);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:44px;height:44px;border-radius:50%;background:var(--forest);color:white;display:grid;place-items:center;position:relative;overflow:hidden}
.brand-mark:after{content:"";position:absolute;right:-10px;bottom:-14px;width:32px;height:32px;border-radius:50%;background:var(--gold)}
.brand-mark span{position:relative;z-index:1;font-size:17px;font-weight:900;letter-spacing:-.04em}
.brand-logo-image{width:100%;height:100%;object-fit:cover;display:block}
.brand-name strong{display:block;font-size:15px;letter-spacing:.04em}
.brand-name small{display:block;margin-top:2px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#6f7b76}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:50px}
.footer-brand p{font-size:13px;line-height:1.7;color:#AEB9B4;max-width:420px}
.footer-col h5{font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin:0 0 18px;color:#D3DBD7}
.footer-col a{display:block;color:#AEB9B4;font-size:13px;margin:11px 0}
.footer-col a:hover{color:#fff}
.footer-bottom{margin-top:52px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;color:#89958F;font-size:12px}
.toast{position:fixed;right:22px;bottom:22px;background:#111A17;color:#fff;padding:14px 16px;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.2);display:none;align-items:center;gap:10px;z-index:80;font-size:13px}
.toast.show{display:flex}
@media(max-width:1024px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr}
.footer-col:last-child{display:none}
}
@media(max-width:720px){.brand-name small{display:none}
.footer-grid{grid-template-columns:1fr 1fr}
.footer-brand{grid-column:1/-1}
.footer-col:last-child{display:block}
.footer-bottom{flex-direction:column}
}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}
.footer-brand{grid-column:auto}
}
footer.v4-footer{background:#0D1C17;color:#fff;padding:68px 0 24px}
.footer-top-v4{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.10)}
.footer-brand-v4 .brand{color:#fff}
.footer-brand-v4 p{max-width:560px;margin:22px 0 0;color:#AEB9B4;font-size:15px;line-height:1.75}
.footer-signup{align-self:end}
.footer-signup h4{font-size:24px;letter-spacing:-.025em;margin:0 0 12px}
.footer-signup p{margin:0 0 16px;color:#96A39D;font-size:13px;line-height:1.55}
.footer-signup-form{display:flex;gap:8px}
.footer-signup-form input{min-width:0;flex:1;height:48px;border:1px solid rgba(255,255,255,.15);background:#132721;color:#fff;border-radius:12px;padding:0 14px;outline:none}
.footer-signup-form button{height:48px;border:0;border-radius:12px;background:#C99A4A;color:#12201B;font-weight:850;padding:0 16px;cursor:pointer}
.footer-mid-v4{display:grid;grid-template-columns:1.15fr repeat(3,.72fr);gap:46px;padding:42px 0}
.footer-contact-stack{display:grid;gap:12px}
.footer-contact-item{display:flex;align-items:flex-start;gap:10px;color:#AEB9B4;font-size:13px}
.footer-contact-item i{color:#D7B46A;margin-top:2px}
.footer-col-v4 h5{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#DDE5E1;margin:0 0 16px}
.footer-col-v4 a{display:block;color:#96A39D;font-size:13px;margin:10px 0}
.footer-col-v4 a:hover{color:#fff}
.social-row-v4{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.social-link-v4{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:8px 12px 8px 8px;color:#D7DFDB;font-size:12px;font-weight:700;transition:.2s ease}
.social-link-v4:hover{background:#fff;color:#12201B;border-color:#fff}
.social-icon-v4{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07)}
.social-icon-v4 svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-bottom-v4{padding-top:21px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#788680;font-size:11px}
@media(max-width:980px){.footer-top-v4{grid-template-columns:1fr;gap:30px}
.footer-mid-v4{grid-template-columns:1fr 1fr}
.footer-contact-v4{grid-column:1/-1}
}
@media(max-width:640px){.footer-top-v4{gap:34px}
.footer-signup-form{display:grid}
.footer-mid-v4{grid-template-columns:1fr;gap:28px}
.footer-contact-v4{grid-column:auto}
.social-link-v4 span:last-child{display:none}
.social-link-v4{padding:7px}
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nav-v10{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid #E5E9E7;box-shadow:none;backdrop-filter:none}
.nav-v10-inner{width:min(1320px,100%);height:96px;margin:0 auto;display:flex;align-items:stretch;justify-content:space-between;background:#fff}
.brand-v10{padding:0 34px;gap:16px;display:flex;align-items:center;min-width:0}
.brand-mark-v10{width:62px;height:62px;flex:0 0 62px}
.brand-mark-v10 span{font-size:22px}
.brand-name-v10 strong{font-size:22px;letter-spacing:.035em;white-space:nowrap}
.nav-v10-actions{margin-left:auto;display:flex;align-items:stretch;height:100%}
.menu-trigger-v10{height:100%;min-width:176px;padding:0 31px;border:0;border-left:1px solid #EEF0EF;background:#fff;color:#171C28;display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer;font-size:17px;font-weight:850;letter-spacing:.01em;transition:background .18s ease}
.menu-trigger-v10:hover{background:#FAFBFA}
.menu-trigger-icon{display:grid;place-items:center;padding-left:12px;border-left:2px solid #1D2631;line-height:1}
.nav-donate-v10{width:210px;height:100%;display:flex;align-items:center;justify-content:center;background:#D92943;color:#fff;font-size:17px;font-weight:900;letter-spacing:.02em;transition:background .18s ease}
.nav-donate-v10:hover{background:#C61F38}
.mega-menu-v10{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #ECEFED;box-shadow:0 18px 50px rgba(15,25,22,.08);min-height:calc(100vh - 96px);overflow:auto}
.mega-menu-v10.open{display:block}
.mega-menu-v10-inner{width:min(1320px,100%);margin:0 auto;background:#fff}
.mega-menu-row-v10{border-bottom:1px solid #ECEFF2}
.mega-menu-toggle-v10,.mega-menu-direct-v10{width:100%;min-height:108px;padding:0 44px;border:0;background:#fff;color:#171C28;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:25px;font-weight:750;letter-spacing:-.02em;cursor:pointer}
.mega-menu-toggle-v10:hover,.mega-menu-direct-v10:hover{background:#FBFCFB}
.mega-menu-toggle-v10 svg{transition:transform .2s ease}
.mega-menu-toggle-v10[aria-expanded="true"] svg{transform:rotate(180deg)}
.mega-submenu-v10{display:none;padding:0 44px 26px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px;background:#fff}
.mega-submenu-v10.open{display:grid}
.mega-submenu-v10 a{display:flex;align-items:center;min-height:48px;padding:8px 0;color:#55615D;font-size:16px;font-weight:650}
.mega-submenu-v10 a:hover{color:var(--coral)}
.mega-menu-direct-v10{border-bottom:1px solid #ECEFF2;text-decoration:none}
.mega-search-v10{height:104px;margin:0;display:flex;align-items:center;gap:24px;padding:0 44px;background:#F2F4FB;color:#171C28}
.mega-search-v10 input{width:100%;border:0;outline:none;background:transparent;font-size:21px;color:#171C28}
.mega-search-v10 input::placeholder{color:#C7CED8}
body.nav-menu-open{overflow:hidden}
@media(max-width:720px){.nav-v10-inner{height:84px}
.brand-v10{padding:0 16px;gap:10px}
.brand-mark-v10{width:50px;height:50px;flex-basis:50px}
.brand-mark-v10 span{font-size:18px}
.brand-name-v10 strong{font-size:17px;letter-spacing:.025em}
.menu-trigger-v10{min-width:88px;padding:0 13px;gap:9px;font-size:13px}
.menu-trigger-icon{padding-left:8px;border-left:1.5px solid #1D2631}
.menu-trigger-icon svg{width:22px;height:22px}
.nav-donate-v10{width:112px;font-size:14px}
.mega-menu-v10{min-height:calc(100vh - 84px)}
.mega-menu-toggle-v10,.mega-menu-direct-v10{min-height:86px;padding:0 22px;font-size:21px}
.mega-submenu-v10{padding:0 22px 20px;grid-template-columns:1fr}
.mega-submenu-v10 a{font-size:15px;min-height:42px}
.mega-search-v10{height:92px;padding:0 22px;gap:18px}
.mega-search-v10 input{font-size:18px}
}
@media(max-width:430px){.brand-v10{padding-left:12px;padding-right:10px}
.brand-mark-v10{width:46px;height:46px;flex-basis:46px}
.brand-mark-v10 span{font-size:16px}
.brand-name-v10 strong{font-size:15px}
.menu-trigger-v10{min-width:72px;padding:0 9px}
.menu-trigger-label{display:none}
.menu-trigger-icon{padding-left:0;border-left:0}
.nav-donate-v10{width:96px;font-size:13px}
}