@font-face{font-family:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/fonts/oswald-latin-var.woff2) format("woff2")}
:root{--blue:#0C2340;--dark:#071629;--silver:#8A8D8F;--ink:#111;--muted:#5a6475;--line:#d7deea;--bg:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 Arial,Helvetica,sans-serif}
a{color:var(--ink);text-decoration:none}a:hover{color:var(--blue);text-decoration:underline}
.devbar{background:#8A8D8F;color:#071629;text-align:center;font:700 12px/1.8 Arial;letter-spacing:.08em}
.mast{background:var(--blue);color:#fff;text-align:center;padding:18px 10px 12px;border-bottom:6px solid var(--dark)}
.mast .logo-link{color:#fff;text-decoration:none}
.mast .logo{color:#fff;font:900 clamp(38px,8vw,84px)/1 "Oswald","Arial Narrow",Arial,sans-serif;letter-spacing:.02em;text-decoration:none}
.mast .tag{font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-top:8px;opacity:.9}
.stamp{text-align:center;color:var(--muted);font-size:13px;padding:8px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em}
main{max-width:1180px;margin:0 auto;padding:12px 14px 30px}
.top{text-align:center;padding:10px 0 18px;border-bottom:3px double var(--blue)}
.top img{max-width:min(100%,640px);max-height:400px;object-fit:cover;display:block;margin:0 auto 12px;border:1px solid var(--line)}
.top h1{margin:0 auto;max-width:950px;font:900 clamp(26px,4.6vw,50px)/1.08 Arial Black,Arial,sans-serif;text-transform:uppercase;color:var(--blue)}
.top a:hover h1{text-decoration:underline}
.src{color:var(--muted);font-size:12px;white-space:nowrap}
.top .src{margin-top:8px;font-size:13px}
.take{margin:16px auto;max-width:820px;border:2px solid var(--blue);padding:10px 16px;background:#f3f6fc}
.take h2{margin:0 0 6px;font:900 14px/1 Arial;letter-spacing:.14em;color:var(--blue)}
.take h3{margin:4px 0 6px;font-size:20px}.take .body{font-size:16px}.take .placeholder{color:var(--muted);font-style:italic}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:14px}
.col h2{margin:0 0 6px;padding:6px 8px;background:var(--blue);color:#fff;font:900 15px/1.2 Arial;text-transform:uppercase;letter-spacing:.06em;text-align:center}
.col ul{list-style:none;margin:0;padding:0}
.col li{padding:8px 2px;border-bottom:1px solid var(--line);font-weight:700;font-size:15.5px;text-transform:uppercase;line-height:1.25}
.col li a{color:#000}.col li.pin a{color:#c00}
.col li .src{display:block;font-weight:400;text-transform:none;margin-top:2px}
.col li.empty{color:var(--muted);font-weight:400;text-transform:none}
.ad{border:2px dashed #9aa6bd;background:repeating-linear-gradient(45deg,#f7f9fc,#f7f9fc 10px,#eef2f8 10px,#eef2f8 20px);color:#56627a;text-align:center;padding:14px 8px;margin:12px auto;font:700 12px/1.4 Arial;letter-spacing:.08em}
.ad small{display:block;font-weight:400;letter-spacing:0}
.ad-leaderboard-top,.ad-leaderboard-bottom{max-width:728px;min-height:90px}
.col .ad{min-height:250px;display:flex;flex-direction:column;justify-content:center}
.page{max-width:780px}.page h1{color:var(--blue);font-family:"Oswald","Arial Narrow",Arial,sans-serif}.page a{color:var(--blue);text-decoration:underline}
.foot{background:var(--dark);color:#cfd8ea;text-align:center;font-size:13px;padding:18px 12px}
.foot a{color:#fff}.foot p{margin:6px 0}
@media (max-width:820px){.cols{grid-template-columns:1fr;gap:12px}.col li{font-size:16px}}
.topnav{text-align:center;background:var(--dark);border-bottom:3px solid var(--silver);padding:6px 4px;font:700 13px/1.6 Arial;letter-spacing:.08em;text-transform:uppercase}
.topnav a{color:#fff;margin:0 10px;white-space:nowrap}
.ad-live{margin:12px auto;text-align:center}.ad-live.ad-leaderboard-top,.ad-live.ad-leaderboard-bottom{max-width:970px}
.take .more{margin-top:6px;font-size:13px}.take .more a,.take h3 a{color:var(--blue)}
.takes article{border-bottom:1px solid var(--line);padding:12px 0}.takes h2{margin:0 0 4px;font-family:"Oswald","Arial Narrow",Arial,sans-serif}.takes h2 a{color:var(--blue);text-decoration:none}
.label{display:inline-block;background:var(--blue);color:#fff;font:700 11px/1.6 Arial;letter-spacing:.1em;padding:0 6px;text-transform:uppercase}
.meta{color:var(--muted);font-size:13px;margin:4px 0 12px}
.post .body p{font-size:17px;line-height:1.55}
.take{border-color:var(--blue)}.foot{border-top:3px solid var(--silver)}
.post time,.takes time{color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.strip{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center;padding:8px;background:#f4f5f7;border-bottom:1px solid var(--line);font-size:14px}.strip a{color:var(--blue);text-decoration:underline}
.takecard{width:100%;height:auto;display:block;margin:0 0 12px}
.page.wide{max-width:980px}.sched{width:100%;border-collapse:collapse;font-size:15px}.sched th,.sched td{padding:7px 6px;border-bottom:1px solid var(--line);text-align:left}.sched .w{color:#0a7a2f;font-weight:700}.sched .l{color:#b00;font-weight:700}.opp{display:inline-block;min-width:40px;text-align:center;font:700 12px/1.8 Arial;border-radius:3px;padding:0 4px}

.topnav a.hot{background:var(--blue);padding:2px 8px;border-radius:3px}
.topnav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 4px}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tblwrap table{min-width:560px}
.page h2{color:var(--blue);font-family:"Oswald","Arial Narrow",Arial,sans-serif;margin-top:22px}.num{color:var(--muted);font-weight:400}
.says{list-style:none;padding:0}.say{border-bottom:1px solid var(--line);padding:12px 0}.say blockquote{margin:0 0 6px;font:17px/1.45 "Oswald","Arial Narrow",Arial,sans-serif}.say .who{font-size:14px}.say .src{font-size:12px;color:var(--muted)}.say .src a{color:var(--blue)}
@media (max-width:640px){.topnav a{margin:0 5px;font-size:12px}.sched{font-size:13px}.sched th,.sched td{padding:6px 4px}}

/* ===== Theme (light/dark) - per-site default via sites.json theme_default; toggle in header ===== */
:root{--accent:var(--blue);--surface:#f3f6fc;--strip:#f4f5f7;--strong:#000;--win:#0a7a2f;--loss:#b00;--pin:#c00}
:root[data-theme="dark"]{--bg:#111114;--ink:#e8e8ea;--muted:#a8a8b0;--line:#2e2e36;--surface:#1d1d22;--strip:#18181c;--strong:#f2f2f4;--accent:#ff6b7d;--win:#5fd38a;--loss:#ff6b7d;--pin:#ff8a95;color-scheme:dark}
.top h1,.take h2,.strip a,.takes h2 a,.page h2,.say .src a,a:hover{color:var(--accent)}
.take{background:var(--surface)}.strip{background:var(--strip)}.col li a{color:var(--strong)}.col li.pin a{color:var(--pin)}
.sched .w{color:var(--win)}.sched .l{color:var(--loss)}
:root[data-theme="dark"] .ad{background:repeating-linear-gradient(45deg,#18181c,#18181c 10px,#1d1d22 10px,#1d1d22 20px);color:#a8a8b0;border-color:#3a3a44}
:root[data-theme="dark"] .top img{border-color:var(--line)}
:root[data-theme="dark"] .page h1,:root[data-theme="dark"] .page a:not(.btn),:root[data-theme="dark"] .meta a,:root[data-theme="dark"] .post a{color:var(--accent)}
.mast{position:relative}
.theme{position:absolute;top:8px;right:8px;display:flex;gap:2px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:2px;z-index:2}
.theme button{all:unset;cursor:pointer;color:#fff;font:700 14px/1 Arial,sans-serif;min-width:30px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:13px}
.theme button:hover{background:rgba(255,255,255,.18)}
.theme button[aria-pressed="true"]{background:#fff;color:#111}
.theme button:focus-visible{outline:2px solid #fff;outline-offset:1px}
@media (max-width:640px){.theme{top:6px;right:6px}.theme button{min-width:26px;height:24px;font-size:13px}}
.top .leadcard{width:100%;max-width:960px;height:auto;max-height:none;object-fit:contain;display:block;margin:0 auto 14px;border:0;border-radius:6px;box-shadow:0 6px 22px rgba(0,0,0,.35)}
.top h1{color:var(--lead,var(--blue))}:root[data-theme="dark"] .top h1{color:var(--lead-dark,var(--accent))}

/* story headlines (lists, Take titles, /saying quotes): bold white in dark, bold black in light; section/page headings keep the accent */
:root .col li a,:root .col li.pin a,:root .takes h2 a,:root .take h3,:root .take h3 a,:root .say blockquote{color:var(--strong)!important;font-weight:700}
:root:root body .page a[href^="/player/"],:root:root body .sched a[href^="/player/"]{color:var(--strong)!important;font-weight:700!important;text-decoration:none!important}:root:root body .page a[href^="/player/"]:hover,:root:root body .sched a[href^="/player/"]:hover{text-decoration:underline!important}
/* headline thumbnails + page header cards (sites with hl_thumbs) */
.col li.th{display:flex;gap:10px;align-items:flex-start}.col li.th .th-img{flex:0 0 64px;line-height:0}.col li.th .th-img img{width:64px;height:64px;border-radius:4px;object-fit:cover;display:block}.col li.th .th-body{flex:1;min-width:0}
.pagecard{max-width:780px;margin:12px auto 0;padding:0 14px;box-sizing:border-box}body:has(main.wide) .pagecard{max-width:980px}.pagecard img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 6px 22px rgba(0,0,0,.35)}
@media (max-width:640px){.col li.th .th-img{flex-basis:52px}.col li.th .th-img img{width:52px;height:52px}.pagecard{margin-top:8px}}

/* per-site brand header (sites.json brand) */
.mast .logo-img{display:inline-block;line-height:0}.mast .logo-img img{display:block;width:min(460px,88vw);height:auto}
.mast{background:linear-gradient(135deg,#071629 0%,#0C2340 55%,#123a66 100%);border-bottom:4px solid #C8102E}
.mast{padding:8px 10px 10px}.mast .tag{color:#cfe3f7}:root .mast,:root[data-theme="dark"] .mast{background:linear-gradient(135deg,#071629 0%,#0C2340 55%,#123a66 100%)!important;border-bottom:4px solid #C8102E}.top.lead-card img{width:100%!important;max-width:600px!important;height:auto!important;aspect-ratio:1200/630;margin:0 auto 14px!important;display:block}:root[data-theme="dark"]{--bg:#0C2340;--surface:#14315a;--strip:#0f2a4d;--line:#24476f;--muted:#a9bdd3;--ink:#eaf1f8;--strong:#ffffff}html:root[data-theme="dark"]{--rb1:#123058;--rb2:#173a68}:root[data-theme="dark"] body{background:linear-gradient(135deg,#071629 0%,#0C2340 55%,#123a66 100%) fixed;background-color:#0C2340}:root[data-theme="dark"] .ad{background:repeating-linear-gradient(45deg,#0f2a4d,#0f2a4d 10px,#14315a 10px,#14315a 20px);border-color:#24476f}
:root[data-theme="dark"]{--accent:#7b8897;--lead-dark:#6fb0ec}
/* row_bars */
:root{--rb1:#ffffff;--rb2:#e6eef7}:root[data-theme="dark"]{--rb1:#0a1626;--rb2:#13243a}
:root .sched tbody tr:nth-child(odd),:root .says>li:nth-child(odd),:root .col li:nth-child(odd),:root .takes article:nth-child(odd){background:var(--rb1)}
:root .sched tbody tr:nth-child(even),:root .says>li:nth-child(even),:root .col li:nth-child(even),:root .takes article:nth-child(even){background:var(--rb2)}
:root .says>li,:root .col li,:root .takes article{padding-left:8px;padding-right:8px}
:root{--win:#075e24}:root[data-theme="dark"]{--win:#5fd38a}
