/* The rebuilt home's header (header.top), for pages still on site.css.
   Rules copied from sys.css and day.css, scoped to header.top so nothing else on an
   older page changes, and with resets against site.css (.nav, a, img). Added 2026-10-18, t16. */
@font-face{font-family:"Archivo";src:url(/assets/ros/Archivo-100_900-62_125.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Archivo Fallback";src:local("Arial Narrow"),local("Arial");size-adjust:96%;ascent-override:92%}
header.top{--ink:#1D1430;--ink-2:#251a3d;--ink-3:#2e2149;--violet:#7A5FA6;--violet-2:#8E76B6;--gold:#FFC933;--lilac:#CDBDF0;--text:#1D1430;--display:"Archivo","Archivo Fallback","Arial Narrow",sans-serif;--g:clamp(16px,4vw,48px);--max:1240px;--ease:cubic-bezier(.16,1,.3,1);--top:68px;
  position:sticky;top:0;z-index:70;background:rgba(29,20,48,.9);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid rgba(205,189,240,.14);font-family:var(--display);font-stretch:100%;font-size:17px;line-height:1.6;color:#fff;-webkit-font-smoothing:antialiased}
header.top *{box-sizing:border-box;margin:0;padding:0}
header.top .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g);display:flex;align-items:center;gap:26px;height:var(--top)}
header.top .wrap>*{min-width:0}
header.top .dot{color:var(--gold)}
header.top .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:1.32rem;letter-spacing:-.01em;font-stretch:92%;color:#fff;flex:none;min-height:44px}
header.top .brand img{width:40px;height:auto;max-width:none}
header.top .brand img.head{width:44px;height:auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}
header.top ul.nav{position:static;z-index:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;display:flex;gap:20px;margin-left:auto;list-style:none}
header.top .nav a{text-decoration:none;font-weight:600;font-size:.95rem;color:var(--lilac);padding:6px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
header.top .nav a:hover,header.top .nav a[aria-current=page]{color:#fff;border-color:var(--violet-2)}
header.top .menu{display:none;margin-left:auto;position:relative}
header.top .menu summary{list-style:none;cursor:pointer;min-height:42px;min-width:42px;display:grid;place-items:center;border:1px solid rgba(205,189,240,.35);border-radius:6px}
header.top .menu summary::-webkit-details-marker{display:none}
header.top .menu summary span{display:block;width:18px;height:2px;background:#fff;box-shadow:0 -6px 0 #fff,0 6px 0 #fff}
header.top .menu[open] summary span{box-shadow:none;background:var(--gold)}
header.top .menu ul{position:absolute;right:0;top:calc(100% + 12px);list-style:none;background:var(--ink-2);border:1px solid rgba(205,189,240,.2);box-shadow:8px 8px 0 var(--violet);min-width:230px;padding:8px}
header.top .menu li a{display:block;padding:12px 14px;text-decoration:none;font-weight:700;color:#fff}
header.top .menu li a:hover{background:var(--ink-3)}
header.top .acts2{display:flex;gap:8px;flex:none}
header.top .b{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:54px;padding:0 26px;border-radius:999px;font-family:var(--display);font-weight:800;font-size:1.02rem;text-decoration:none;line-height:1.1;border:2px solid transparent;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .2s;cursor:pointer;white-space:nowrap}
header.top .b-o{border-color:rgba(255,255,255,.7);color:#fff;background:transparent}
header.top .b-o:hover{background:#fff;color:var(--ink)}
header.top .b-g{background:var(--gold);color:var(--ink)}
header.top .b-g:hover{transform:translateY(-2px)}
header.top .b-sm{min-height:42px;padding:0 18px;font-size:.92rem}
@media (max-width:1180px){header.top .acts2 .b-o{display:none}}
@media (max-width:960px){header.top ul.nav{display:none}header.top .menu{display:block}header.top .wrap{gap:12px}header.top .acts2{margin-left:0}}
@media (max-width:640px){header.top .acts2 .long{display:none}header.top .acts2 .b{padding:0 16px}header.top .wrap{gap:10px}}
@media (max-width:420px){header.top .brand{font-size:1.15rem}header.top .brand img{width:34px}header.top .acts2 .b{padding:0 14px}}