/* Top menu shared with the rest of the site (kept separate so the clock page keeps its own look). */
:root{--orange2:#ffa14f;--panel:#0d0d11;--mono:'IBM Plex Mono','SF Mono',Menlo,monospace;--mw:1200px;--bg:#000}
.tally.red,.tally.green,.tally.amber,.tally.grey{}
/* ── tally ── */
.tally{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.tally.red{background:var(--red);box-shadow:0 0 10px var(--red);animation:pulse 1.4s ease-in-out infinite}
.tally.green{background:var(--green);box-shadow:0 0 8px rgba(47,210,122,.8)}
.tally.amber{background:var(--amber);box-shadow:0 0 8px rgba(255,179,0,.8)}
.tally.grey{background:var(--t3)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ── nav ── */
nav{position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(9,9,11,.78);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.06)}
.ni{max-width:var(--mw);margin:0 auto;padding:0 28px;height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nb{display:flex;align-items:center;gap:14px}
.nav-logo{height:38px;width:auto}
.tc{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--t3);display:flex;align-items:center;gap:8px;padding-left:14px;border-left:1px solid var(--line2)}
.tc b{color:var(--t2);font-weight:500;font-variant-numeric:tabular-nums}
.nl{display:flex;align-items:center;gap:30px}
.nl a{font-size:14px;font-weight:500;color:var(--t2);transition:color .15s;display:inline-flex;align-items:center;gap:8px}
.nl a:hover{color:#fff}
.nl a.nc{background:var(--orange);color:#0a0a0c;font-weight:600;height:40px;padding:0 18px;border-radius:7px}
.nl a.nc:hover{background:var(--orange2)}
.nav-toggle{display:none;background:none;border:1px solid var(--line2);border-radius:7px;width:42px;height:42px;color:var(--t1);cursor:pointer;align-items:center;justify-content:center}
.nav-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media(max-width:1000px){
  .tc{display:none}
  .nav-toggle{display:flex}
  .nl{display:none;position:absolute;top:70px;left:0;width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:16px 20px 22px;background:rgba(12,12,16,.98);border-bottom:1px solid var(--line2);backdrop-filter:blur(20px)}
  .nl.active{display:flex;animation:fu .25s ease both}
  .nl a{padding:12px 10px;font-size:16px;border-radius:8px}
  .nl a:hover{background:var(--panel)}
  .nl a.nc{justify-content:center;margin-top:8px;height:48px}
}