:root{
  --tundra:#203731;
  --tundra-deep:#101c19;
  --tundra-deep-rgb: 16,28,25;
  --charcoal:#0a0d0b;
  --frost:#eef1ec;
  --frost-dim:#b9c2ba;
  --brass:#FFB612;
  --brass-bright:#FFB612;
  --ice:#82a6a1;
  --line: rgba(238,241,236,0.12);
  --status-active:#7ec98a;
  --status-practice:#FFB612;
  --status-ir:#c9776a;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:
    radial-gradient(ellipse at 20% -10%, rgba(130,166,161,0.10), transparent 45%),
    radial-gradient(ellipse at 90% 0%, rgba(255,182,18,0.08), transparent 40%),
    var(--tundra-deep);
  color:var(--frost);
  font-family:'Barlow',sans-serif;
  min-height:100vh;
}
.frost-noise{
  position:fixed; inset:0; pointer-events:none; opacity:0.5; z-index:0;
  background-image:
    radial-gradient(circle at 12% 22%, rgba(255,255,255,0.035) 0, transparent 1.5px),
    radial-gradient(circle at 64% 8%, rgba(255,255,255,0.03) 0, transparent 1.5px),
    radial-gradient(circle at 33% 68%, rgba(255,255,255,0.03) 0, transparent 1.5px),
    radial-gradient(circle at 82% 52%, rgba(255,255,255,0.035) 0, transparent 1.5px),
    radial-gradient(circle at 48% 88%, rgba(255,255,255,0.03) 0, transparent 1.5px);
  background-size: 380px 380px;
}

/* ---- Site nav ---- */
.sitenav{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding: 16px 6vw;
  background:rgba(var(--tundra-deep-rgb), 0.85);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.sitenav .mark{
  font-family:'Big Shoulders Stencil Display', sans-serif;
  font-weight:800;
  font-size:19px;
  letter-spacing:0.02em;
  text-transform:uppercase;
  color:var(--frost);
  text-decoration:none;
  display:flex; align-items:center; gap:8px;
}
.sitenav .mark .brand-mark{ flex:none; width:26px; height:26px; border-radius:50%; }
.sitenav .links{ display:flex; gap:4px; align-items:center; flex-wrap:wrap; }
.sitenav a.link{
  font-family:'Roboto Mono', monospace;
  font-size:12.5px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--frost-dim);
  text-decoration:none;
  padding:8px 13px;
  border-radius:2px;
  transition: color .15s ease, background .15s ease;
}
.sitenav a.link:hover{ color:var(--frost); background:rgba(238,241,236,0.06); }
.sitenav a.link.active{ color:var(--charcoal); background:var(--brass); font-weight:600; }
.sitenav a.link.soon{ color:rgba(185,194,186,0.4); cursor:default; }
.sitenav a.link.soon:hover{ background:none; color:rgba(185,194,186,0.4); }
.sitenav .burger{ display:none; }

/* ---- Nav dropdown (e.g. History submenu) ---- */
.nav-dropdown{ position:relative; }
.dropdown-trigger{
  display:inline-flex; align-items:center; gap:5px;
}
.dropdown-trigger::after{
  content:'\25be'; font-size:9px; position:relative; top:1px;
}
.dropdown-panel{
  display:none;
  position:absolute; top:calc(100% + 6px); left:0; min-width:200px; z-index:60;
  background:var(--charcoal); border:1px solid var(--brass); border-radius:3px;
  padding:6px; box-shadow:0 10px 28px rgba(0,0,0,0.45);
}
.dropdown-panel.open{ display:block; }
.dropdown-panel a{
  display:block; padding:9px 12px; border-radius:2px;
  font-family:'Roboto Mono', monospace; font-size:12px; letter-spacing:0.04em; text-transform:uppercase;
  color:var(--frost-dim); text-decoration:none;
}
.dropdown-panel a:hover{ background:rgba(255,182,18,0.12); color:var(--frost); }
.dropdown-panel a.active{ color:var(--brass-bright); font-weight:600; }

@media (max-width:760px){
  .sitenav{ flex-wrap:wrap; gap:10px; }
  .sitenav .mark{ width:100%; justify-content:center; }
  .sitenav .links{ width:100%; justify-content:flex-start; }
}

/* ---- Shared footer ---- */
footer.sitefoot{
  padding: 30px 6vw 50px;
  border-top:1px solid var(--line);
  font-family:'Roboto Mono', monospace;
  font-size:11.5px;
  color:var(--frost-dim);
  letter-spacing:0.04em;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
}
footer.sitefoot a{ color:var(--ice); text-decoration:none; }
footer.sitefoot a:hover{ text-decoration:underline; }

/* ---- Disclaimer banner ---- */
.disclaimer-banner{
  background: rgba(0,0,0,0.35);
  border-bottom:1px solid var(--line);
  padding:9px 6vw;
  text-align:center;
  font-family:'Roboto Mono', monospace;
  font-size:10.5px;
  letter-spacing:0.03em;
  color: var(--frost-dim);
  line-height:1.5;
}

/* ---- Loading / error states for live data ---- */
.loading-msg{
  font-family:'Roboto Mono', monospace;
  font-size:13px;
  color:var(--frost-dim);
  padding:20px 0;
}

/* ---- Discourage casual copy/paste of data tables into spreadsheets ----
   Not a real security measure (dev tools bypass this trivially) — just
   removes the normal click-drag-select-copy flow for casual scraping.
   Headlines and body text elsewhere on the site remain normally selectable. */
table{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}