/* CHANLR Phase 1 polish layer. No external fonts, images or scripts. */
:root{--p1-or:#c2410c;--p1-or-b:#ea580c}
[data-theme=dark]{--p1-or:#fb923c;--p1-or-b:#f97316}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--p1-or:#fb923c;--p1-or-b:#f97316}}
/* Primary nav: Live Now, Tonight, My Teams, Cheapest, Standings + All leagues drawer */
.sportsnav .nl,.sportsnav a.np[href="/playoffs/"],.sportsnav a.np[href="/deals/"]{display:none!important}
.sportsnav{gap:8px}
.sportsnav:not(.p1-ovf)+.navcue{display:none}
/* Accessible orange accents (AA on light and dark) */
.herocta .btn.ghost.hero-s,.hero-s{color:var(--p1-or)!important;border-color:var(--p1-or)!important}
.chip.chipmore{color:var(--p1-or)!important}
a:focus-visible,button:focus-visible,[role=button]:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--p1-or-b)!important;outline-offset:2px!important}
/* Hero: two columns on desktop, next-3 preview beside the copy */
@media (min-width:960px){
 body.home .hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);grid-template-rows:repeat(6,auto) 1fr;column-gap:44px;align-items:start}
 body.home .hero>*{grid-column:1}
 body.home .hero>#next3{grid-column:2;grid-row:1 / -1;align-self:center;margin:8px 0 0}
 body.home .hero>.hero-esign{grid-column:1 / -1;grid-row:auto;max-width:760px;justify-self:center;width:100%}
 body.home .hero h1{font-size:3rem;line-height:1.05;letter-spacing:-.02em}
 body.home .hero .hero-meta .proof{justify-content:flex-start}
 body.home .hero .hero-meta,body.home .hero .hero-disc{text-align:left}
 body.home .hero .hero-fresh{display:flex;justify-content:flex-start}
}
/* Live "games this week" pill */
.p1-wk{display:inline-flex;width:fit-content;justify-self:start;align-items:center;gap:8px;margin:2px 0 12px;padding:6px 12px;border-radius:999px;font-weight:700;font-size:.92rem;background:color-mix(in srgb,var(--p1-or-b) 12%,transparent);color:var(--p1-or);border:1px solid color-mix(in srgb,var(--p1-or-b) 35%,transparent)}
.p1-wk .dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px color-mix(in srgb,#16a34a 25%,transparent)}
.p1-wk[hidden]{display:none}
/* Mobile: bigger tap targets, full-width CTAs, roomier type */
@media (max-width:640px){
 body{font-size:17px}
 .herocta{flex-direction:column;align-items:stretch}
 .herocta .btn{width:100%;justify-content:center;min-height:52px;font-size:1.05rem}
 .herocta .hero-t{align-self:center;min-height:44px}
 .hero h1{font-size:2.25rem;line-height:1.08}
 /* Game cards: stack details in one column so badges never overlap */
 a.game{grid-template-columns:64px minmax(0,1fr)!important;grid-template-areas:none!important;row-gap:8px!important;padding:12px 44px 12px 18px!important}
 a.game>.when{grid-column:1!important;grid-row:1 / span 2!important;align-self:start}
 a.game>:not(.when):not(.gpin):not(.p2-cal):not(.chf-b){grid-area:auto!important;grid-column:2!important;justify-self:start;max-width:100%}
 a.game>.chf-b{grid-area:auto!important;grid-column:1 / -1!important;margin:2px 0 0!important;justify-self:start}
 a.game .tv{justify-content:flex-start!important}
 a.game .gb{font-size:.82rem}
 .chips .chip{min-height:40px}
}
/* Next-3 preview cards (narrow column): stacked layout at every width */
#next3 a.game{grid-template-columns:64px minmax(0,1fr)!important;grid-template-areas:none!important;row-gap:6px!important;padding:10px 40px 10px 16px!important}
#next3 a.game>.when{grid-column:1!important;grid-row:1 / span 2!important;align-self:start}
#next3 a.game>:not(.when):not(.gpin):not(.p2-cal):not(.chf-b){grid-area:auto!important;grid-column:2!important;justify-self:start;max-width:100%}
#next3 a.game>.chf-b{grid-area:auto!important;grid-column:1 / -1!important;margin:2px 0 0!important;justify-self:start}
#next3 a.game .tv{justify-content:flex-start!important}
/* Pinned and favorite cards get a subtle highlight */
a.game.is-pin,a.game.is-mine{border-color:color-mix(in srgb,var(--p1-or-b) 55%,var(--line))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--p1-or-b) 30%,transparent),0 2px 8px rgba(0,0,0,.06)!important}
.gpin i{pointer-events:none}
/* Loading skeletons instead of bare "Loading..." */
.p1-skel{display:block;height:14px;margin:8px 0;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,currentColor 8%,transparent),color-mix(in srgb,currentColor 16%,transparent),color-mix(in srgb,currentColor 8%,transparent));background-size:200% 100%;animation:p1sh 1.2s ease-in-out infinite}
.p1-skel.s2{width:72%}.p1-skel.s3{width:48%}
li.p1-loading{list-style:none}
@keyframes p1sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.p1-skel{animation:none}}
.p1-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}