@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:#0076B6;--dark:#00406b;--silver:#B0B7BC;--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:#B0B7BC;color:#00406b;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:600px;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}}

/* WHAT THE ATHLETES ARE SAYING (Oct 13 2026, BBT-style sidebar block + /athletes) */
.ath-block{margin:0 0 14px;padding:8px 8px 10px;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:6px;background:var(--surface,transparent)}
.ath-head{display:flex;align-items:center;gap:8px;margin:0 0 4px}.ath-ico{width:44px;height:44px;flex:0 0 auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}
.ath-h{margin:0;font:900 13px/1.2 Arial Black,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.ath-pagehead .ath-ico{width:64px;height:64px}.ath-pagehead h1{margin:0}
.ath-list{list-style:none;margin:0;padding:0}
.col .ath-list li,.ath-list li{padding:7px 0;border-bottom:1px solid var(--line);font-weight:400;text-transform:none;font-size:14px;line-height:1.3;background:none!important}
.ath-list li:last-child{border-bottom:0}
.ath-who{display:block}.ath-who b{font-weight:800}
.ath-sport{color:var(--muted);font:700 10.5px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-left:3px}
.ath-list q{display:block;margin:3px 0 2px;font-style:italic;overflow-wrap:anywhere}
.ath-meta{display:block;color:var(--muted);font-size:12px}.ath-meta a{color:var(--accent);text-decoration:underline}
.ath-all{display:block;text-align:right;font-size:12.5px;color:var(--accent);margin-top:4px;text-decoration:underline;font-weight:700}
.ath-page li{font-size:16px;padding:10px 0}
/* top strips (Updated + Last/Next) locked to the dark header family in BOTH themes (Richard Oct 13) */
:root{--topstrip:color-mix(in srgb,var(--dark) 72%,#000)}
html .stamp,html .strip{background:var(--topstrip);color:#e6eef6;border-bottom:1px solid rgba(255,255,255,.12)}
html .strip b{color:#fff}html .strip a,html[data-theme] .strip a{color:#bcdcf5}
/* Oct 13 (Richard v2): Take headline everywhere (Take page h1, front-page Take section, /take/ list) = normal case, no underline (hover ok), 28px desktop / 21px mobile, line-height 1.25, card width. Front-page lead is the normal news story again (its style untouched). */
html .post h1,html .take h3,html .takes article h2,html .lead-take h1{font-family:"Oswald","Arial Narrow",Arial,sans-serif!important;font-weight:700!important;font-size:28px!important;line-height:1.25!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important;padding:0!important;max-width:640px}
html .take h3{margin:0 0 8px!important}html .takes article h2{margin:0 0 6px!important}html .takes article{padding-left:0!important;padding-right:0!important}
html .post h1 a,html .take h3 a,html .takes article h2 a{text-decoration:none!important;color:inherit}
html .take h3 a:hover,html .takes article h2 a:hover{text-decoration:underline!important}
html .take .takecard-sm{display:block;width:100%;max-width:640px;height:auto;border-radius:6px;margin:6px 0 10px}
html .post img.takecard{max-width:640px}
@media(max-width:700px){html .post h1,html .take h3,html .takes article h2,html .lead-take h1{font-size:21px!important}}
html .lead-take h1{width:100%;max-width:600px!important;margin:0 auto 6px!important}html .lead-take a{text-decoration:none!important}html .lead-take a:hover h1{text-decoration:underline}html .lead-take .src{max-width:600px;margin:0 auto;text-align:left}
/* Oct 13 (Richard): front-page main card = BBT topcard (copied from lionscountry.com style.css): clickable card only, no headline/box under it. Take cards have the headline baked in, so their h1 is screen-reader only. */
.topcard{position:relative;max-width:600px;margin:0 auto 4px;aspect-ratio:1200/630;height:auto;background:#0a0e1c center/contain no-repeat;padding:10.5% 33% 8% 4.5%;overflow:hidden;display:flex;align-items:center;box-sizing:border-box;text-align:left;color:#fff;text-decoration:none!important;border:1px solid var(--dark);border-radius:6px}
.top .topcard h1{margin:0;color:#fff!important;text-align:left;font-weight:900;font-size:clamp(20px,2.4vw,30px);line-height:1.12;text-shadow:0 2px 6px rgba(0,0,0,.35);max-width:none;text-transform:none;text-decoration:none;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.top .topcard:hover h1{text-decoration:underline}
.topcard.topcard-baked{padding:0;background-size:cover}
.top .src{margin-top:8px;font-size:13px;text-align:center}
@media(max-width:600px){.top .topcard h1{font-size:clamp(14px,4.2vw,22px)}}
/* Oct 13 (Richard): BBT-style "hits" list beside the main card (2-5 items, rolled-off leads first). Grid copied from BBT; list centred vertically so 2 or 5 items both sit balanced next to the card. */
.top.dr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px) minmax(0,1fr);gap:28px;align-items:center;text-align:left}
.top.dr .dr-lines{grid-column:1;justify-self:end;width:100%;max-width:260px}
.top.dr .dr-main{grid-column:2}
.top.dr .topcard{margin:0;max-width:none;width:100%}
.dr-lines{margin:0;padding:2px 0 0;border:0;background:none;box-shadow:none}
.dr-lines ul{list-style:none;margin:0;padding:0}
.dr-lines li{padding:0 0 9px;margin:0 0 9px;border:0;border-bottom:1px solid var(--line);font:600 15px/1.25 "Oswald","Arial Narrow",Arial,sans-serif;letter-spacing:.2px}
.dr-lines li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
html .dr-lines a{color:var(--strong);text-decoration:none}
html .dr-lines a:hover,html .dr-lines a:focus-visible{text-decoration:underline;text-underline-offset:2px}
html .dr-lines a.hot{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.dr-lines .dr-tag{display:inline-block;font:700 10px/1 Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;background:var(--accent);color:#fff;padding:3px 5px;border-radius:3px;vertical-align:2px}
@media(max-width:860px){.top.dr{grid-template-columns:1fr;gap:10px}.top.dr .dr-lines,.top.dr .dr-main{grid-column:1;max-width:none;justify-self:stretch}.top.dr .dr-main{order:-1}.dr-lines li{margin:0 0 6px;padding-bottom:6px}}
/* Oct 13: per-site social icons (hidden until a URL is set in sites.json "social") */
.soc{display:flex;gap:10px;justify-content:center;align-items:center}.soc a{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.12);color:#fff!important;text-decoration:none!important}.soc a:hover{background:rgba(255,255,255,.25)}
.soc-foot{margin:0 0 10px}.mast{position:relative}.soc-head{position:absolute;top:10px;left:12px}@media(max-width:700px){.soc-head{display:none}}
.soc-foot a{background:var(--accent)}.soc-foot a:hover{opacity:.85}

/* per-site brand header (sites.json brand) */
.mast .logo-img{display:inline-block;line-height:0}.mast .logo-img img{display:block;width:min(560px,88vw);height:auto}
.mast{padding:8px 10px 10px}:root[data-theme="dark"] .mast{background:#0076B6!important}.top.lead-card img{width:100%!important;max-width:600px!important;height:auto!important;max-height:none!important;aspect-ratio:1200/630;object-fit:cover;margin:0 auto 14px!important;display:block}:root[data-theme="dark"]{--bg:#041a2e;--surface:#0b3a60;--strip:#08304f;--line:#1f5682;--muted:#b7cfe0;--ink:#eef5fa;--strong:#fff}html:root[data-theme="dark"]{--lead-dark:#d6ecfa;--accent:#9fd3f5}html:root[data-theme="dark"]{--rb1:#0a3557;--rb2:#0e4068}:root[data-theme="dark"] body{background:radial-gradient(ellipse 120% 90% at 50% 35%,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%) fixed,linear-gradient(135deg,#01070d 0%,#041a2e 35%,#073457 70%,#11588a 100%) fixed;background-color:#041a2e}:root[data-theme="dark"] .ad{background:repeating-linear-gradient(45deg,#08304f,#08304f 10px,#0b3a60 10px,#0b3a60 20px);border-color:#1f5682}@media (max-width:700px){.mast{padding-top:42px!important}.mast .logo-img img{width:min(560px,92vw)!important}}:root{--topstrip:#08304f}
:root[data-theme="dark"]{--accent:#2d8ec3;--lead-dark:#2d8ec3}

/* homefix Oct 16 (Jax audit): hero headline under the card art, full text, no ellipsis */
.top .topcard{aspect-ratio:auto!important;display:block!important;padding:calc(52.5% + 12px) 16px 14px!important;background-size:100% auto!important;background-position:top center!important;background-repeat:no-repeat!important;background-color:#0b1220!important}
.topcard h1:not(.sr),.top .topcard h1:not(.sr){display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere;font-size:clamp(19px,2vw,26px)!important;line-height:1.15!important;text-shadow:none!important}
@media(max-width:600px){.top .topcard{padding:calc(52.5% + 10px) 12px 12px!important}.top .topcard h1{font-size:clamp(17px,5vw,21px)!important}}
/* homefix: scores strip sits directly under the nav, B/R style bar */
.strip{margin:0!important;padding:8px 12px!important;display:flex!important;flex-wrap:wrap;justify-content:center;gap:4px 18px;font-weight:700;background:rgba(0,0,0,.35);border-bottom:1px solid rgba(255,255,255,.12)}
@media(max-width:600px){.strip{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;font-size:13px}}
.top .topcard.topcard-baked{padding:0!important;aspect-ratio:1200/630!important;background-size:cover!important;background-position:center!important}

/* ===== herofix Oct 16 2026: story's own card everywhere, bigger hero, image-led tiles, team-color accents ===== */
@media(min-width:861px){.top.dr{grid-template-columns:minmax(0,260px) minmax(0,880px)!important;justify-content:center}.top.dr .dr-lines{grid-column:1}.top.dr .dr-main{grid-column:2}}
.top.dr .topcard{max-width:none!important;width:100%;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.45);border-top:4px solid var(--blue)}
.col li.th.fs-tile{display:block!important;padding-top:12px!important;padding-bottom:12px!important}
.col li.fs-tile .th-img{display:block!important;line-height:0;border-radius:6px;overflow:hidden;border-bottom:3px solid var(--blue);box-shadow:0 4px 14px rgba(0,0,0,.35);margin:0 0 8px}
.col li.fs-tile .th-img img{width:100%!important;height:auto!important;aspect-ratio:1200/630;object-fit:cover;object-position:center 35%;border-radius:0!important;transition:transform .3s ease}
.col li.fs-tile:hover .th-img img{transform:scale(1.04)}
.col li.fs-tile .th-body>a{display:block;font-size:17px;line-height:1.2;text-transform:uppercase;letter-spacing:.2px}
.col h2{border-bottom:3px solid var(--blue)}