/* naijaodds.com - "the odds desk": dark, dense, terminal-adjacent.
   Deliberately unlike the other markets: near-black, lime accent, hairline rules,
   numbers in monospace, tables as the primary content unit. */
:root{
  --bg:#08090B; --surface:#0E1116; --card:#12161C; --text:#EDF1F7; --muted:#8C99A8;
  --accent:#C6F135; --accent2:#4DD8E6; --border:rgba(255,255,255,.10);
  --radius:4px; --rule:rgba(255,255,255,.16);
  --sans:ui-sans-serif,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --display:var(--sans);
}
html{-webkit-font-smoothing:antialiased}
body{font-size:16.5px;letter-spacing:-.005em}
.wrap{max-width:1080px}
.hero{padding:34px 0 8px;border-bottom:1px solid var(--rule)}
.hero h1{font-size:clamp(30px,4.6vw,50px);line-height:1.02;letter-spacing:-.03em;font-weight:800}
.hero p.lead{font-size:17.5px;color:var(--muted);max-width:60ch}
.pill{border-radius:2px;border:1px solid var(--rule);background:transparent;text-transform:uppercase;
  letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--accent);padding:5px 9px}
h2{font-size:15px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700;
  border-bottom:1px solid var(--rule);padding-bottom:9px;margin:38px 0 16px}
h3{font-size:17px;letter-spacing:-.01em}
.card{background:transparent;border:0;border-top:1px solid var(--rule);border-radius:0;padding:15px 2px}
.card p{color:var(--muted)}
.grid{gap:0 26px}
.g3{grid-template-columns:repeat(3,1fr)}
.card.link:hover{border-top-color:var(--accent);background:rgba(198,241,53,.04);transform:none}
.calc{background:var(--surface)!important;border:1px solid var(--rule);border-radius:var(--radius);padding:18px}
input,select,button{border-radius:2px}
button{background:var(--accent);color:#0A0B0D;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px}
.out .big{font-size:34px;font-family:var(--mono);letter-spacing:-.02em;color:var(--accent)}
table th{text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted)}
table td,table th{border-bottom:1px solid var(--rule)}
code{background:#0B0E13;border:1px solid var(--rule);border-radius:2px}
details{border-top:1px solid var(--rule);padding:13px 0}
footer.site{border-top:1px solid var(--rule);background:#050608}
/* signature: a market strip across the top of the page */
.strip{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--rule);border-radius:var(--radius);
  margin:18px 0 6px;background:var(--surface)}
.strip div{flex:1 1 150px;padding:11px 14px;border-right:1px solid var(--rule)}
.strip div:last-child{border-right:0}
.strip .k{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.strip .v{font-family:var(--mono);font-size:19px;font-weight:700;color:var(--text)}
.strip .v.good{color:var(--accent)}