/* ═══════════════════════════════════════════════════════════════
   cs2majorsingapore.com — theme "Broadcast HUD"
   Shared tokens + shell for every page. Home-page-only rules live inline in index.html.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --ink:#06080C;
  --panel:#0C1017;
  --panel-2:#121824;
  --line:#1F2A3A;
  --text:#EAF0F7;
  --muted:#7C8BA0;
  --cyan:#19E6FF;
  --amber:#FFB020;
  --red:#FF3B4A;
  --green:#3DFF9A;
  /* aliases used by inner pages (inline styles) */
  --primary:var(--amber);
  --text-muted:var(--muted);
  --card-bg:var(--panel);
  --bg-2:var(--panel-2);
  --surf:var(--panel);
  --card:var(--panel-2);
  --mint:var(--green);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{background:var(--ink);color:var(--text);font-family:'Barlow',system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body{overflow-x:hidden;padding-block:0}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
a{color:var(--cyan)}
img,iframe{max-width:100%}
h1,h2,h3,h4{font-family:'Oswald','Barlow',sans-serif;text-transform:uppercase;letter-spacing:.02em;text-wrap:balance}
h2{font-size:clamp(26px,3.8vw,38px);margin:2.2rem 0 .8rem;line-height:1.1}
h3{font-size:1.2rem;margin:1.6rem 0 .5rem}
p,li{max-width:70ch}
strong,b{color:var(--text)}
code{font-family:'Share Tech Mono',monospace;font-size:.95em;background:rgba(25,230,255,.08);padding:.1em .35em;border:1px solid rgba(25,230,255,.25);color:var(--cyan)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.wrap,.container{max-width:1240px;margin:0 auto;padding:0 24px}
.container-narrow{max-width:820px}

/* ── inner-page nav ── */
.page-nav{position:sticky;top:0;z-index:100;background:rgba(6,8,12,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.page-nav .container{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;gap:16px}
.page-nav a{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.page-nav-home{color:var(--text)}
.page-nav-home:hover{color:var(--cyan)}
.page-nav-back{color:var(--cyan);border:1px solid rgba(25,230,255,.4);padding:8px 14px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.page-nav-back:hover{background:rgba(25,230,255,.08)}

/* ── inner-page article ── */
article.container,.container.container-narrow{padding-top:60px;padding-bottom:80px}
article h1{font-size:clamp(34px,5.4vw,58px);line-height:.95;margin:0 0 .6rem;color:var(--text)}
article h2{padding-top:.6rem;border-top:1px solid var(--line);color:var(--cyan)}
article ul{padding-left:1.2rem;margin:.6rem 0 1.2rem}
article li{margin:.3rem 0;color:var(--text)}
article li::marker{color:var(--amber)}
article table{border-collapse:collapse;width:100%;margin:1rem 0 2rem;font-size:.95rem;font-family:'Share Tech Mono',monospace}
article th,article td{padding:.6rem;border-bottom:1px solid var(--line)}
article th{text-align:left;color:var(--muted);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
blockquote{border-left:3px solid var(--amber);padding:.6rem 1rem;color:var(--text);background:rgba(255,176,32,.06);margin:1rem 0}

/* ── articles section ── */
.articles-section{padding:96px 0}
.articles-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.matches-all-link{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);text-decoration:none}
.matches-all-link:hover{border-bottom:1px solid var(--cyan)}

/* ── buttons reused on inner pages ── */
.cta-button,.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:var(--cyan);color:#041014;font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.btn-secondary{display:inline-flex;align-items:center;padding:12px 20px;border:1px solid var(--line);color:var(--text);font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.btn-secondary:hover{border-color:var(--cyan)}

/* ── footer ── */
.footer{padding:64px 0 32px;border-top:1px solid var(--line);background:var(--ink)}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-logo{font-family:'Oswald',sans-serif;font-weight:600;font-size:18px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.footer-brand p{color:var(--muted);font-size:13px;max-width:36ch}
.footer-links h4{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin:0 0 12px}
.footer-links a{display:block;color:var(--muted);font-size:14px;text-decoration:none;margin:6px 0}
.footer-links a:hover{color:var(--text)}
.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.14em}

/* ── error pages ── */
.err-wrap{max-width:640px;margin:120px auto;padding:0 24px;text-align:center}
.err-code{font-family:'Oswald',sans-serif;font-weight:700;font-size:8rem;line-height:1;color:transparent;-webkit-text-stroke:2px var(--cyan)}