/* UK brand colors (brand.uky.edu, Brand Guidelines Apr 2025): Wildcat Blue #0033A0 (PMS 286 C), White #FFFFFF, Midnight #1B365D (PMS 534), Cool Neutral #DCDDDE (Black 15%). */
:root{--blue:#0033a0;--dark:#1b365d;--silver:#dcddde;--ink:#111;--muted:#5a6475;--line:#dcddde;--bg:#fff;--accent:#0033a0;--surface:#f3f6fc;--strong:#000;--pin:#c00;color-scheme:light}
/* Dark theme: page = deep Midnight shade, surfaces = Midnight #1B365D, accent text = UK Sky #B1C9E8 (PMS 658), text = Cool Neutral #DCDDDE / White. Header, nav, column bars stay Wildcat Blue. */
:root[data-theme="dark"]{--bg:#0e1b2f;--ink:#dcddde;--muted:#a9b8cc;--line:#2c4670;--accent:#b1c9e8;--surface:#1b365d;--strong:#fff;--pin:#ff8a80;color-scheme:dark}
*{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(--accent);text-decoration:underline}
.devbar{background:#dcddde;color:#1b365d;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 Georgia,'Times New Roman',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(--accent)}
.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:var(--surface)}
.take h2{margin:0 0 6px;font:900 14px/1 Arial;letter-spacing:.14em;color:var(--accent)}
.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:var(--strong)}.col li.pin a{color:var(--pin)}
.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(--accent);font-family:Georgia,serif}.page a{color:var(--accent);text-decoration:underline}
.foot{background:var(--dark);color:#dcddde;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(--accent)}
.takes article{border-bottom:1px solid var(--line);padding:12px 0}.takes h2{margin:0 0 4px;font-family:Georgia,serif}.takes h2 a{color:var(--accent);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)}
.mast .logo-img{display:block;margin:0 auto;width:min(760px,92vw);max-width:100%;height:auto}
.foot .foot-logo{display:block;margin:0 auto 8px;width:220px;max-width:70vw}.foot .foot-logo img{display:block;width:100%;height:auto}
.topcard{display:block;position:relative;max-width:760px;margin:0 auto 4px;aspect-ratio:1200/630;background:var(--blue) left center/cover no-repeat;padding:13% 25% 13% 4.5%;box-sizing:border-box;text-align:left;color:#fff;text-decoration:none!important;border:1px solid var(--dark)}
.top .topcard h1{color:#fff;text-align:left;font-size:clamp(20px,4vw,40px);text-shadow:0 2px 6px rgba(0,0,0,.35);max-width:none}
.top .topcard:hover h1{text-decoration:underline}
.mast{position:relative}
.theme{position:absolute;top:8px;right:8px;display:flex;gap:2px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:2px}
.theme button{all:unset;cursor:pointer;color:#fff;font:700 13px/1 Arial,sans-serif;min-width:28px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:12px;opacity:.8}
.theme button:hover{opacity:1;background:rgba(255,255,255,.15)}
.theme button[aria-pressed="true"]{background:#fff;color:var(--blue);opacity:1}
.theme button:focus-visible{outline:2px solid #fff;outline-offset:1px}
@media (max-width:820px){.mast{padding-top:42px}}
.more{margin:22px 0 6px;border-top:3px double var(--blue);padding-top:12px}
.more>h2{margin:0 0 10px;font:900 18px/1.2 Arial;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.more>h2 span{color:var(--muted);font-weight:700;font-size:13px}
.more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px 22px}
.more-sport h3{margin:0 0 4px;padding:4px 8px;background:var(--dark);font:900 13px/1.3 Arial;letter-spacing:.06em;text-transform:uppercase;border-left:4px solid var(--blue)}
.more-sport h3 a{color:#fff}
.more-sport ul{list-style:none;margin:0;padding:0}
.more-sport li{padding:5px 2px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;line-height:1.25}
.more-sport li a{color:var(--strong)}.more-sport li .src{display:block;font-weight:400;font-size:11.5px}
.more-all{text-align:right;font-size:13px;margin:8px 0 0}.more-all a,.sports-index a{color:var(--accent)}
.sport-hero{display:block;max-width:760px;margin:6px auto 14px;aspect-ratio:1200/630;background:var(--blue) left center/cover no-repeat;border:1px solid var(--dark)}
.sport-list{list-style:none;padding:0;margin:0}.sport-list li{padding:9px 2px;border-bottom:1px solid var(--line);font-weight:700}.sport-list li a{color:var(--strong)}.sport-list .src{display:block;font-weight:400}
.sports-index{columns:2 220px;padding-left:18px}.sports-index li{margin:4px 0}
@media (max-width:820px){.topnav a{margin:0 6px}}
.topnav{display:flex;flex-wrap:wrap;justify-content:center;row-gap:2px}
@media (max-width:480px){.topnav{font-size:12px;letter-spacing:.04em}.topnav a{margin:0 7px}}
/* Tip / story submissions */
.tipbox{margin:16px auto 22px;max-width:820px;border-top:1px solid var(--line);padding:12px 16px 4px}
.tipbox h2{margin:0 0 2px;font:900 14px/1.2 Arial;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.tipbox>p{margin:0 0 8px;color:var(--muted);font-size:14px}
.tipform{display:grid;gap:10px}
.tipform label{display:grid;gap:3px;font-size:13px;font-weight:700;color:var(--ink)}
.tipform .opt,.tipform .req{font-weight:400;color:var(--muted)}
.tipform input,.tipform textarea{font:16px/1.35 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:3px;padding:8px 9px;width:100%;box-sizing:border-box;max-width:100%}
.tipform textarea{resize:vertical;min-height:4.5em}
.tipform input:focus,.tipform textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.tipform [aria-invalid="true"]{border-color:var(--pin)}
.tip-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tip-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.tipform button{font:700 14px/1 Arial;letter-spacing:.06em;text-transform:uppercase;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:3px;padding:10px 18px;cursor:pointer}
.tipform button:hover,.tipform button:focus-visible{background:var(--dark);border-color:var(--accent)}
.tip-note{font-size:12px;color:var(--muted)}.tip-note a{color:var(--accent)}
.tip-err{display:block;color:var(--pin);font-size:13px;font-weight:700}
.tip-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.tip-page .tipform{margin:12px 0 18px}
@media (max-width:600px){.tip-row{grid-template-columns:1fr}.tipbox{padding:12px 4px 4px}}
.take .more{border-top:0;padding-top:0;margin:6px 0 0}
