header.site-header{display:flex;align-items:center;justify-content:flex-start;gap:16px;min-height:82px;padding:16px max(20px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);background:var(--bg);color:var(--text)}.site-header .brand{display:flex;align-items:center;gap:10px;flex:none;font-size:17px;letter-spacing:4px;font-weight:750;text-decoration:none;color:var(--text)}.site-header .brand-icon{margin:0}.site-header .menu-toggle{margin:0;display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--text);cursor:pointer}.site-identity{min-width:0;margin-left:auto;text-align:right;max-width:55%;display:flex;flex-direction:column;gap:3px}.site-label{display:block;font:10px system-ui,sans-serif;letter-spacing:1.8px;color:var(--cyan)}.site-identity strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,88vw);height:100dvh;max-height:100dvh;max-width:88vw;padding:22px 18px;border:0;border-right:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--text);box-sizing:border-box;overflow-y:auto}.site-drawer[open]{display:flex;flex-direction:column;animation:site-slide-in .16s ease-out}.site-drawer::backdrop{background:#0009;backdrop-filter:blur(2px)}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-heading h2{font:600 17px system-ui;margin:0}.drawer-heading button{height:44px;width:44px;min-height:44px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--text);font:20px system-ui;cursor:pointer}.drawer-site{padding:24px 8px;border-bottom:1px solid var(--line);margin-bottom:16px}.drawer-site strong{display:block;line-height:1.4;margin-top:7px;font-size:20px;overflow-wrap:anywhere}.site-drawer nav{display:flex;flex-direction:column;gap:5px;flex-wrap:nowrap}.site-drawer nav a{display:flex;align-items:center;gap:14px;padding:14px 12px;min-height:48px;border:1px solid transparent;border-radius:7px;text-decoration:none;color:var(--text);font:16px system-ui}.site-drawer nav a:hover{background:#1c252e}.site-drawer nav a[aria-current=true],.site-drawer nav a[aria-current=page]{background:#19302f;color:var(--cyan);border-color:#315653}.nav-icon{width:23px;text-align:center;color:var(--muted);font-size:21px}.drawer-footer{display:flex;flex-direction:column;gap:16px;margin-top:auto;padding:26px 12px 8px;color:var(--muted);font:13px system-ui}.drawer-footer button{background:#1c252e;border:1px solid #3a4653;border-radius:5px;color:var(--text);padding:12px;font:15px system-ui;cursor:pointer}.site-header :focus-visible,.site-drawer :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.navigation-open{overflow:hidden}.site-drawer [hidden],.site-header [hidden]{display:none!important}@keyframes site-slide-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.site-drawer[open]{animation:none}}@media(max-width:760px){header.site-header{padding:14px 16px;gap:12px;min-height:78px;flex-wrap:nowrap}.site-header .brand{font-size:14px;letter-spacing:3px;gap:7px}.site-identity{max-width:48%}.site-identity strong{font-size:13px}.site-header .menu-toggle{width:40px;height:42px}.site-label{font-size:9px}}

/* A quiet header and persistent, evenly spaced phone navigation. */
.bottom-nav{display:none}
.bottom-nav[hidden],.bottom-nav [hidden]{display:none!important}
@media(max-width:760px){
 .site-header .menu-toggle{display:none}
 body.has-bottom-nav{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .bottom-nav{position:fixed;inset:auto 0 0;z-index:100;display:grid;grid-template-columns:repeat(var(--nav-count,5),minmax(0,1fr));gap:0;margin:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--panel);box-sizing:border-box}
 .bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:56px;margin:0;padding:6px 2px;border:0;border-radius:7px;background:transparent;color:var(--muted);text-decoration:none;font:500 11px/1.2 system-ui,sans-serif;letter-spacing:0;cursor:pointer}
 .bottom-nav svg{flex:none}
 .bottom-nav [aria-current=page],.bottom-nav .section-active,.bottom-nav [aria-expanded=true]{color:var(--cyan);background:#19302f}
 .bottom-nav :focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}
}