/* A compact, shared navigation; scoped to avoid changing headers inside pages. */
.site-header{position:sticky;top:0;z-index:70;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;height:90px;min-height:90px;padding:0 clamp(22px,3.5vw,64px);gap:24px;background:#091521;border-bottom:1px solid #d2e4f012;box-shadow:0 4px 22px #04101a12}
.site-header>.brand{margin-right:0;flex-shrink:0;gap:11px;font-size:19px;line-height:1.2;letter-spacing:-.7px;white-space:nowrap}
.site-header>.brand .brand-icon{width:30px;height:38px;color:#c8e7ed}
.site-header>.brand .community-signature{max-width:255px;align-items:flex-start}
.site-header>.brand .community-signature .community-signature-note{font-size:11px;line-height:1.5;font-weight:400;max-width:255px;margin-top:6px;color:#bed0dc;white-space:normal}
.site-header .primary-nav{display:flex;position:static;order:0;flex-basis:auto;justify-content:flex-start;flex-direction:row;align-items:center;gap:4px;margin:0 0 0 auto;padding:0;background:none;border:0;box-shadow:none;overflow:visible;font-size:15px;line-height:1.4;max-height:none}
.site-header .primary-nav>.nav-direct,.site-header .nav-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:12px 13px;margin:0;color:#b9c6d2;background:transparent;border:0;border-radius:7px;font:500 14px 'DM Sans',sans-serif;white-space:nowrap;transition:background .18s,color .18s;box-shadow:none;cursor:pointer}
.site-header .primary-nav>.nav-direct:hover,.site-header .nav-trigger:hover,.site-header .nav-trigger[aria-expanded=true]{background:#ffffff0a;color:#fff}
.site-header .primary-nav>.nav-direct.active,.site-header .nav-group.current>.nav-trigger{color:#e9f9ff;background:#a5deee0c;box-shadow:inset 0 -2px #a8dfe8}
.site-header .nav-trigger>svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s}
.site-header .nav-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.site-header .nav-group{position:relative}
.site-header .nav-dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:290px;padding:9px;background:#fff;border:1px solid #dde5eb;border-radius:12px;box-shadow:0 20px 60px #07172538;color:#172e40;animation:nav-reveal .16s ease-out}
.site-header .nav-dropdown:before{content:'';position:absolute;top:-7px;left:calc(50% - 7px);width:12px;height:12px;background:white;border-top:1px solid #dde5eb;border-left:1px solid #dde5eb;transform:rotate(45deg)}
.site-header .nav-dropdown>a{position:relative;display:block;padding:14px 15px;border:0;border-radius:7px;margin:0;line-height:1.5;color:#19364e;font-size:14px;white-space:normal;box-shadow:none;transition:background .18s}
.site-header .nav-dropdown>a>span{display:block;font-weight:600;color:#19364e}
.site-header .nav-dropdown>a>small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:#718292;line-height:1.5}
.site-header .nav-dropdown>a:hover{background:#f1f6f9;color:#19364e}
.site-header .nav-dropdown>a.active{background:#edf4f8;color:#173d5c;box-shadow:none}
.site-header .nav-dropdown>a.active>span{color:#176da3}
.site-header .header-donate{flex-shrink:0;min-height:44px;gap:17px;padding:12px 17px;font-size:14px;border-radius:7px;white-space:nowrap}
.site-header .menu-toggle{display:none}
.nav-backdrop{display:none}
@keyframes nav-reveal{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
@media(min-width:1101px) and (max-width:1300px){.site-header{padding:0 24px;gap:15px}.site-header>.brand{font-size:17px;gap:9px}.site-header>.brand .community-signature{max-width:220px}.site-header>.brand .community-signature .community-signature-note{font-size:10px;max-width:220px}.site-header .primary-nav>.nav-direct,.site-header .nav-trigger{padding:12px 10px;font-size:14px;gap:5px}.site-header .header-donate{padding:12px 14px;gap:12px}}
@media(max-width:1100px){.site-header{height:90px;min-height:90px;padding:0 24px;gap:14px}.site-header>.brand{margin-right:auto;font-size:19px}.site-header .menu-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex-shrink:0;order:3;margin:0;padding:9px;border:1px solid #6d869a66;border-radius:8px;background:transparent;color:#dbe9f1}.site-header .menu-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.site-header .menu-close-icon{display:none}.site-header .menu-toggle[aria-expanded=true] .menu-icon{display:none}.site-header .menu-toggle[aria-expanded=true] .menu-close-icon{display:block}.site-header .header-donate{order:2}.site-header .primary-nav{display:none;position:absolute;top:calc(100% + 10px);left:20px;right:20px;flex-direction:column;align-items:stretch;margin:0;padding:12px;background:#102336;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 24px 50px #0004;max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;gap:3px;font-size:16px}.site-header .primary-nav.open{display:flex;animation:nav-reveal .16s ease-out}.site-header .primary-nav>.nav-direct,.site-header .nav-trigger{justify-content:space-between;width:100%;padding:14px 15px;font-size:16px;min-height:49px;border-radius:7px}.site-header .nav-group.current>.nav-trigger,.site-header .primary-nav>.nav-direct.active{box-shadow:none;background:#ffffff0b;color:#c9eef6}.site-header .nav-group{border-bottom:1px solid #ffffff0b;padding-bottom:3px}.site-header .nav-dropdown{position:static;transform:none;width:auto;margin:3px 7px 9px;padding:5px;background:#091b2c;border:0;border-radius:8px;box-shadow:none;animation:none}.site-header .nav-dropdown:before{display:none}.site-header .nav-dropdown>a{padding:13px 16px;min-height:48px;color:#deebf4;font-size:15px}.site-header .nav-dropdown>a>span{color:#deebf4;font-weight:500}.site-header .nav-dropdown>a>small{color:#9caebe;font-size:12px}.site-header .nav-dropdown>a:hover,.site-header .nav-dropdown>a.active{background:#ffffff08}.site-header .nav-dropdown>a.active>span{color:#a8e0ee}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:90px 0 0;background:#020b16a6;backdrop-filter:blur(3px);z-index:60}body.navigation-open{overflow:hidden}}
@media(max-width:600px){.site-header{height:88px;min-height:88px;padding:0 16px;gap:10px}.site-header>.brand{font-size:16px;gap:8px;max-width:calc(100% - 138px)}.site-header>.brand .brand-icon{width:25px;height:34px}.site-header>.brand .community-signature{max-width:185px}.site-header>.brand .community-signature .community-signature-note{font-size:10px;line-height:1.45;max-width:185px;margin-top:4px}.site-header .header-donate{min-height:44px;padding:11px 13px;gap:10px;font-size:13px}.site-header .menu-toggle{width:42px;height:44px}.site-header .primary-nav{left:10px;right:10px;top:calc(100% + 8px);max-height:calc(100dvh - 108px)}.nav-backdrop:not([hidden]){top:88px}}
@media(max-width:370px){.site-header{padding:0 12px;gap:8px}.site-header>.brand{font-size:14px;gap:7px;max-width:calc(100% - 128px)}.site-header>.brand .community-signature .community-signature-note{font-size:10px}.site-header .header-donate{padding:10px 11px;gap:8px}}
@media(prefers-reduced-motion:reduce){.site-header .nav-dropdown,.site-header .primary-nav.open{animation:none}.site-header .nav-trigger,.site-header .nav-trigger>svg,.site-header .primary-nav a{transition:none}}