/* Paranoy's one visual system: colours, type and the shared header, on every page. */
:root{color-scheme:dark;--bg:#2b2433;--bg2:#1e1826;--panel:#342b3e;--line:#4a3f57;--line2:#3a3144;--ink:#f4efe6;--ink2:#cbbfd4;--ink3:#9d91a8;
  --brand:#EF9F27;--brand-ink:#2a1a04;--accent:#8ab6f9;--accent2:#2f3a5c;--bad:#f4a6a0;--good:#a9d6c4;--warn:#fab219;--crit:#d03b3b;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}
body{background:var(--bg);color:var(--ink)}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.skip{position:absolute;left:8px;top:-40px;z-index:100;padding:6px 10px;border-radius:6px;background:var(--brand);color:var(--brand-ink);font:600 13px var(--sans)}.skip:focus{top:8px}
.btn{font:600 13px/1.2 var(--sans);padding:6px 13px;border-radius:7px;border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);cursor:pointer;text-decoration:none;white-space:nowrap;display:inline-block}
.btn.ghost{background:none;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink3)}

/* header: logo, main links, account; a second bar for the dashboard's sections */
header.site{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:6px 18px;padding:8px 16px;background:var(--bg2);border-bottom:1px solid var(--line2);font:14px/1.4 var(--sans)}
header.site a{color:var(--ink2);text-decoration:none}header.site a:hover,header.site nav a[aria-current="page"]{color:#fff}
header.site a.btn,header.site a.btn:hover{color:var(--brand-ink)}header.site a.btn.ghost{color:var(--ink)}
header.site nav a[aria-current="page"]{box-shadow:inset 0 -2px var(--brand)}
#brand{display:flex;align-items:flex-end;color:var(--ink)!important;font:italic 20px/1 var(--serif);flex:none}#brand svg{width:24px;height:27px;margin-right:-3px}#brand span{margin-bottom:3px}
#site-nav{display:flex;align-items:center;gap:4px 16px;flex:1;min-width:0}#site-nav>a,#site-nav .dd>a{padding:4px 0}
#site-nav .end{margin-left:auto;display:flex;align-items:center;gap:8px 14px}
#who-name{color:var(--ink3);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd{position:relative;display:flex;align-items:center;gap:2px}
.dd-btn{font:inherit;background:none;border:0;color:var(--ink3);cursor:pointer;padding:4px 3px;line-height:1}.dd-btn:hover{color:#fff}
.gh svg{vertical-align:-2px;margin-right:4px}
#menu-btn{display:none;font:inherit;font-size:18px;line-height:1;padding:3px 9px;border-radius:6px;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer;margin-left:auto}
.cta-m{display:none}
nav.subnav{display:none;gap:2px 4px;flex-wrap:wrap;padding:5px 12px;background:var(--bg2);border-bottom:1px solid var(--line2);font:13px/1.4 var(--sans);position:relative;z-index:19}
nav.subnav a{color:var(--ink2);text-decoration:none;padding:3px 10px;border-radius:5px;border:1px solid transparent}nav.subnav a:hover{color:#fff}
nav.subnav a[aria-current="page"]{background:var(--panel);border-color:var(--line);color:var(--ink)}
nav.subnav.on,nav.subnav.pinned{display:flex}
nav.subnav.pinned{position:sticky;top:var(--hh,49px)}  /* the dashboard's sections stay under the header too */
/* off the dashboard the second bar pops up over the page instead of pushing it down */
nav.subnav.on:not(.pinned){position:absolute;left:0;right:0;top:var(--hh,49px);box-shadow:0 10px 24px rgba(0,0,0,.3)}
@media(max-width:760px){
  #menu-btn{display:block}.cta-m{display:inline-block;margin-left:auto;padding:4px 10px}.cta-m+#menu-btn{margin-left:0}
  #site-nav{display:none;position:absolute;top:100%;right:8px;left:8px;flex-direction:column;align-items:stretch;gap:2px;padding:10px 14px;background:var(--bg2);border:1px solid var(--line2);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
  header.site.open #site-nav{display:flex}
  #site-nav>a,#site-nav .dd>a{padding:7px 0}#site-nav .end{margin:6px 0 0;padding-top:8px;border-top:1px solid var(--line2);flex-wrap:wrap}
  .dd-btn{display:none}header.site nav a[aria-current="page"]{box-shadow:none;color:#fff;font-weight:600}
  nav.subnav.pinned{flex-wrap:nowrap;overflow-x:auto}nav.subnav.on:not(.pinned){display:none}
  #site-nav .dd{flex-direction:column;align-items:stretch}
  #site-nav .dd .mini{display:flex;flex-direction:column;padding-left:14px}#site-nav .dd .mini a{padding:5px 0;color:var(--ink3)}
}
@media(min-width:761px){#site-nav .dd .mini{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}