:root { --bg:#0b0c0e; --panel:#14161a; --line:#2c313a; --text:#e8e4dc; --muted:#8b909a; --brass:#c9a227; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.5 "IBM Plex Sans","Segoe UI",system-ui,sans-serif; }
a { color: var(--brass); }
header, main, footer { width:min(42rem, calc(100% - 2rem)); margin:0 auto; }
header { padding:1.2rem 0 .4rem; }
h1 { font-size:1.7rem; line-height:1.15; margin:0 0 .4rem; color:#f3ead2; }
.kicker { color:var(--brass); letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; margin:0; }
.lede { font-size:1.05rem; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:.6rem; padding:.9rem 1rem; margin:1rem 0; }
h2 { font-size:1rem; margin:0 0 .35rem; color:#f3ead2; }
ul { margin:.3rem 0 0; padding-left:1.1rem; }
.muted { color:var(--muted); }
.grid { display:grid; gap:.6rem; }
.play-link { display:block; padding:.7rem .8rem; border:1px solid var(--line); border-radius:.5rem; text-decoration:none; color:var(--text); background:var(--panel); }
.play-link strong { color:#f3ead2; }
.play-link span { display:block; color:var(--muted); font-size:.85rem; }
footer { padding:1rem 0 2rem; color:var(--muted); font-size:.85rem; }