@import url('https://fonts.googleapis.com/css2?family=Anton&family=Teko:wght@500;600;700&family=Work+Sans:wght@400;500;600;700&display=swap');

/* Floodlit stadium look, shared by all text pages. Single dark theme by design. */
:root{
  --bg:#0a0f1c; --surface:#131d33; --surface-2:#1a2740; --line:#2a3752; --line-soft:#202c46;
  --text:#edeff4; --text-dim:#a3adc4; --text-faint:#6b7894;
  --amber:#ffb648; --amber-soft:#ffcf8a; --pitch:#46c47f; --pitch-glow:rgba(70,196,127,0.14);
  --display:'Anton', Impact, 'Arial Narrow', sans-serif;
  --label:'Teko', 'Arial Narrow', sans-serif;
  --body:'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--body);
  background-image:radial-gradient(700px 420px at 12% -10%, rgba(255,182,72,0.12), transparent 60%),
                   radial-gradient(700px 420px at 88% -10%, rgba(255,182,72,0.12), transparent 60%);
  background-repeat:no-repeat}
a{color:var(--amber-soft);text-underline-offset:3px}
a:hover{color:var(--amber)}
a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}

.site-nav{border-bottom:1px solid var(--line-soft);padding:14px 16px}
.site-nav .in{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{font-family:var(--display);font-size:1.25rem;letter-spacing:0.02em;color:var(--text);text-decoration:none}
.brand span{color:var(--amber)}
.site-nav nav{display:flex;gap:18px;flex-wrap:wrap}
.site-nav nav a{color:var(--text-dim);text-decoration:none;font-weight:600;font-size:0.9rem}
.site-nav nav a:hover,.site-nav nav a[aria-current="page"]{color:var(--amber-soft)}

main.page{max-width:760px;margin:0 auto;padding:40px 16px 56px}
.eyebrow{font-family:var(--label);font-weight:600;font-size:1rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--amber-soft)}
h1{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,7vw,3.2rem);line-height:1;margin:6px 0 14px;text-wrap:balance}
h2{font-family:var(--display);font-weight:400;font-size:1.6rem;line-height:1.1;margin:36px 0 10px;text-wrap:balance}
h3{font-size:1.1rem;margin:24px 0 6px}
p,li{color:var(--text-dim);max-width:68ch}
strong{color:var(--text)}
.lede{font-size:1.12rem;color:var(--text)}
.meta{font-size:0.85rem;color:var(--text-faint)}

.play-cta{display:inline-block;margin:18px 0 6px;background:var(--amber);color:#211501;font-family:var(--display);
  font-size:1.15rem;letter-spacing:0.02em;padding:13px 22px;border-radius:10px;text-decoration:none}
.play-cta:hover{color:#211501;filter:brightness(1.05)}

.card-list{display:grid;gap:14px;padding:0;list-style:none}
.card-list li{max-width:none}
.card-list a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;text-decoration:none}
.card-list a:hover{border-color:var(--amber)}
.card-list .t{font-family:var(--display);font-size:1.3rem;color:var(--text);line-height:1.15}
.card-list .d{display:block;color:var(--text-dim);margin-top:6px;font-size:0.95rem}

.table-wrap{overflow-x:auto;margin:14px 0}
table{border-collapse:collapse;width:100%;font-size:0.95rem;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top}
th{font-family:var(--label);font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-faint);font-size:0.95rem}
td{color:var(--text-dim)} td:first-child{color:var(--text);font-weight:600}

.callout{background:var(--pitch-glow);border:1px solid #265c3f;border-radius:12px;padding:14px 18px;margin:22px 0}
.callout p{margin:0;color:var(--text)}

.ad-slot{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;margin:28px 0}
.ad-slot .ad-label{font-size:0.62rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-faint)}
.ad-slot ins{display:block;width:100%;min-height:90px}
.ad-slot.off{display:none}

.site-foot{border-top:1px solid var(--line-soft);padding:24px 16px 40px;color:var(--text-faint);font-size:0.85rem}
.site-foot .in{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.site-foot nav{display:flex;gap:16px;flex-wrap:wrap}
.site-foot a{color:var(--text-dim)}
.site-foot p{color:var(--text-faint);margin:0;max-width:none}