/* Action links share a button treatment while keeping normal link behavior. */
:is(.nba-actions,.matchup-shortcuts,.slate-row) a,
:is(.room-feature,.room-intro,.room-reports,.featured,.heading,.feature,.central-update)>a {
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 min-height:44px;padding:9px 14px;border:1px solid #587595;border-radius:8px;
 background:#1b3048;color:#e4f1ff;font:700 .87rem/1.35 system-ui,sans-serif;
 text-decoration:none;text-align:center;max-width:100%;overflow-wrap:anywhere;
 box-shadow:inset 0 1px #ffffff0a;
 transition:background-color .15s,border-color .15s;
}
:is(.nba-actions,.matchup-shortcuts,.slate-row) a:hover,
:is(.room-feature,.room-intro,.room-reports,.featured,.heading,.feature,.central-update)>a:hover {
 background:#294763;border-color:#9ed3ff;color:#fff;
}
:is(.nba-actions,.matchup-shortcuts,.slate-row) a:focus-visible,
:is(.room-feature,.room-intro,.room-reports,.featured,.heading,.feature,.central-update)>a:focus-visible {
 outline:2px solid #b4dfff;outline-offset:3px;
}
.feature>a,.broadcast-copy>.broadcast-link {
 align-self:flex-start;border-color:#8cb8dc;background:#9ed3ff;color:#102035;
}
.feature>a:hover,.broadcast-copy>.broadcast-link:hover {background:#c0e4ff;color:#102035}
.central-update>a {font-size:.78rem;padding:7px 11px}
.slate-row>div {display:flex;align-items:center;flex-wrap:wrap;gap:6px}
@media(min-width:1100px) {
 body {font-size:16px}
 .workspace {max-width:1920px;grid-template-columns:240px minmax(0,1fr)}
 .workspace>main {max-width:none;padding:28px clamp(24px,2.6vw,50px)}
 body>main {max-width:1840px;padding:32px clamp(24px,2.6vw,50px) 44px}
 body>header:not(.masthead) {padding-inline:max(26px,calc((100vw - 1740px)/2))}
 .room-tools {gap:16px}
 .room-tools a {padding:19px;min-height:132px}
 .room-tools strong {font-size:20px}
 .prop-table th,.prop-table td {padding:13px 15px}
 .features {gap:16px}
 .feature {padding:20px;gap:14px}
 .feature h3 {font-size:23px;min-height:56px}
 .feature p {font-size:14px}
 .feature .time {font-size:12px}
 .feature-top {font-size:14px}
 .feature-top span {font-size:10px}
 .teams img {width:60px;height:60px}
 .teams strong {font-size:15px}
 .league-card {padding:19px 20px}
 .league-card small {font-size:12px}
 .league-line strong {font-size:25px}
 .search-section {padding:23px}
}
@media(prefers-reduced-motion:reduce) {
 :is(.nba-actions,.matchup-shortcuts,.slate-row) a,
 :is(.room-feature,.room-intro,.room-reports,.featured,.heading,.feature,.central-update)>a {transition:none}
}
/* Use the viewport instead of centering the desks inside a fixed-width canvas. */
@media(min-width:1100px) {
 .workspace {width:100%;max-width:none;margin-inline:0}
 body>main {width:100%;max-width:none;margin-inline:0}
 body>header:not(.masthead) {padding-inline:clamp(24px,2.6vw,50px)}
 .workspace>main,body>main {padding-inline:clamp(24px,2.6vw,50px)}
}
.slate-byes {display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:14px 18px;margin:0 0 18px;border:1px solid var(--line);border-left:3px solid #9ab9d5;border-radius:9px;background:var(--panel)}
.slate-byes h3 {margin:0;font:700 .88rem/1.4 system-ui,sans-serif;color:var(--ice)}
.slate-byes>div {display:flex;flex-wrap:wrap;gap:8px}
.slate-byes span {padding:5px 10px;border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:.87rem;background:#16263a}
.team-prop-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.team-prop-summary .card {display:grid;gap:8px}
.team-prop-summary strong {font-size:1.15rem;font-variant-numeric:tabular-nums}
#tg-note,#tg-coverage {margin:12px 0}
@media(max-width:900px){.team-prop-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.team-prop-summary{grid-template-columns:minmax(0,1fr)}}