/* Compact teal site identity, isolated from each story's own theme. */
@font-face { font-family:Libr8AidHeader; src:url('/assets/fonts/norwester.woff') format('woff'); font-display:swap; }
#l8aid-site-header, #l8aid-site-header * { box-sizing:border-box; }
#l8aid-site-header { position:relative; z-index:100; display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:10px; width:min(1080px,calc(100% - 40px)); height:62px; min-height:62px; max-width:none; margin:0 auto; padding:0; border:0; background:transparent; color:#f5f3ea; font:16px/1.2 Libr8AidHeader,Impact,sans-serif; letter-spacing:0; text-align:left; direction:ltr; overflow:visible; transform:none; animation:none; }
#l8aid-site-header .l8aid-brand { display:inline-flex; align-items:center; flex:0 0 auto; gap:10px; margin:0; padding:0; border:0; background:none; color:#f5f3ea; font:25px/1 Libr8AidHeader,Impact,sans-serif; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; white-space:nowrap; box-shadow:none; transform:none; }
#l8aid-site-header .l8aid-brand::before, #l8aid-site-header .l8aid-brand::after { content:none; }
#l8aid-site-header .l8aid-name { color:#f5f3ea; }
#l8aid-site-header .l8aid-name b { color:#00c49a; font:inherit; }
#l8aid-site-header .l8aid-mark { position:relative; display:block; flex:0 0 40px; width:40px; height:40px; overflow:hidden; border:1px solid #00c49a73; border-radius:50%; background:#000; }
#l8aid-site-header .l8aid-mark img { position:absolute; width:337.5%; max-width:none; height:auto; left:-111.25%; top:-39.7%; margin:0; padding:0; border:0; border-radius:0; object-fit:fill; transform:none; filter:none; opacity:1; }
#l8aid-site-header .l8aid-menu { position:relative; display:block; flex:0 0 auto; width:auto; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:#d8eee4; }
#l8aid-site-header summary { display:flex; align-items:center; justify-content:space-between; gap:10px; width:auto; min-height:44px; margin:0; padding:9px 12px; border:1px solid #00c49a73; border-radius:5px; background:#09130f; color:#d8eee4; font:14px/1.2 Libr8AidHeader,Impact,sans-serif; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; list-style:none; white-space:nowrap; }
#l8aid-site-header summary::-webkit-details-marker { display:none; }
#l8aid-site-header summary::before { content:none; }
#l8aid-site-header summary::after { content:'+'; color:#a5ffe4; font:20px/1 Arial,sans-serif; }
#l8aid-site-header details[open] summary::after { content:'−'; }
#l8aid-site-header .l8aid-links { position:absolute; top:calc(100% + 6px); right:0; left:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:min(350px,calc(100vw - 22px)); max-height:calc(100dvh - 76px); overflow-y:auto; overscroll-behavior:contain; gap:4px; margin:0; padding:10px; border:1px solid #ffffff35; border-radius:7px; background:#090e0c; box-shadow:0 18px 38px #000a,0 0 22px #00c49a14; }
#l8aid-site-header .l8aid-links :is(a,button) { position:relative; display:flex; align-items:center; justify-content:flex-start; width:auto; min-height:44px; margin:0; padding:9px 10px; border:0; border-radius:4px; background:none; color:#d8ddd9; font:14px/1.25 Libr8AidHeader,Impact,sans-serif; letter-spacing:.025em; text-align:left; text-transform:uppercase; text-decoration:none; white-space:normal; cursor:pointer; box-shadow:none; transform:none; }
#l8aid-site-header .l8aid-links :is(a,button)::before, #l8aid-site-header .l8aid-links :is(a,button)::after { content:none; }
#l8aid-site-header .l8aid-links .explore-aid { color:#a5ffe4; background:#00c49a0d; }
#l8aid-site-header .l8aid-links :is(a,button):hover { background:#17382b; }
#l8aid-site-header .l8aid-links .explore-contact { grid-column:1 / -1; color:#a5ffe4; background:#00c49a0d; }
#l8aid-site-header :is(a,button,summary):focus-visible { outline:2px solid #a5ffe4; outline-offset:2px; }
@media(max-width:760px) { #l8aid-site-header { width:calc(100% - 22px); height:56px; min-height:56px; } #l8aid-site-header .l8aid-brand { gap:7px; font-size:21px; } #l8aid-site-header .l8aid-mark { flex-basis:36px; width:36px; height:36px; } #l8aid-site-header summary { gap:8px; padding-inline:10px; font-size:13px; } }
@media print { #l8aid-site-header .l8aid-menu { display:none; } }
