.nav { display:flex; align-items:center; gap:6px; }
.nav > a { display:inline-block; color:var(--muted,#8b9eb5); padding:8px 12px; font-size:12px; line-height:1.4; text-decoration:none; white-space:nowrap; border-bottom:2px solid transparent; }
.nav > a:hover { color:var(--cyan,#67d9ff); }
.nav > a[aria-current="page"] { color:var(--text,#e9eef8); border-bottom-color:var(--cyan,#67d9ff); background:#67d9ff12; }
.nav > a:focus-visible, [data-help]:focus-visible { outline:2px solid #67d9ff; outline-offset:3px; }
.room-nav > a { color:#dfe8ff; font-weight:700; }
.room-nav > a[aria-current="page"] { color:#fff; background:#060b1433; }
.site-help { box-sizing:border-box; position:fixed; inset:0; margin:auto; width:min(620px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:24px; overflow:auto; border:1px solid #294055; border-radius:6px; background:#080d15; color:#e9eef8; font:13px/1.7 "IBM Plex Mono","SFMono-Regular",Consolas,monospace; box-shadow:0 18px 70px #0009; }
.site-help::backdrop { background:#02050cbf; }
.site-help .site-help-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:18px; }
.site-help h2 { font-size:20px; line-height:1.3; margin:0; letter-spacing:0; }
.site-help h3 { color:#67d9ff; font-size:12px; margin:20px 0 6px; text-transform:uppercase; letter-spacing:.08em; }
.site-help p { margin:0; color:#a7b6c8; }
.site-help button { border:1px solid #294055; background:#0d141c; color:#e9eef8; padding:7px 11px; font:inherit; cursor:pointer; white-space:nowrap; }
.site-help button:focus-visible { outline:2px solid #67d9ff; outline-offset:3px; }
@media(max-width:1100px) { .page > header { height:auto; min-height:62px; flex-wrap:wrap; padding:10px 0; } }
@media(max-width:760px) { .room-nav { order:3; flex-basis:100%; } .room-nav > a { flex:1; text-align:center; } .site-help { padding:18px; } }