/* Reading and navigation that work with touch, keyboard and browser zoom. */
html { scroll-padding-top:100px; scroll-padding-bottom:100px; }
html[data-reading-size="large"] { font-size:112.5%; }
body { font-size:1rem; }
.visually-hidden { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { z-index:150; }
button, input, select, textarea, summary { scroll-margin-block:110px; }
select { min-height:48px; font:inherit; background:#fff; color:var(--text); padding:10px 36px 10px 12px; max-width:100%; border:1px solid #aaa2b3; border-radius:4px; }
.controls > select { flex:1; min-width:0; }
.pro-filter select, .desk-game-select select { width:100%; }
select:focus-visible, textarea:focus-visible, .table-wrap:focus-visible { outline:3px solid #664780; outline-offset:3px; }
.desk-byline, .source, .desk-disclosure, .desk-footer-note, .desk-edition,
.roster-player-copy > p, .desk-matchup-note, .desk-matchup .source { font-size:.8125rem; }
.desk-story figcaption { font-size:.75rem; line-height:1.5; }
.desk-kicker, .desk-team > div > span, .desk-matchup-heading { font-size:.75rem; }
.desk-matchup-bottom p { font-size:.8125rem; }
.desk-lead .desk-story-copy > p { font-size:1.0625rem; }
.desk-sidebar p, .desk-page-heading p, .sub, .notice, .story p { font-size:.9375rem; }
.desk-text-link, .desk-section-title > a, .desk-matchup-link, .desk-footer-links, .desk-team-facts > div { font-size:.875rem; }
.save-button { font-size:.8125rem; min-width:72px; }
.desk-video-label { font-size:.75rem; }
.roster-player { content-visibility:auto; contain-intrinsic-size:auto 180px; }
.access-tools { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; margin:-10px 0 22px; padding-bottom:12px; border-bottom:1px solid var(--line); font-size:.8125rem; }
.access-tools > div { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.updates-state { color:var(--muted); }
.access-tools button { min-height:44px; padding:8px 12px; font-size:.8125rem; }
.access-tools > a { color:var(--purple); min-height:44px; display:flex; align-items:center; text-decoration:underline; text-underline-offset:4px; }
.updates-paused .updates-state { color:#78551b; font-weight:600; }
.updates-paused .sync { display:none; }
.mobile-primary-navigation { display:none; }
.access-settings { max-width:900px; margin:auto; }
.access-settings h3 { margin-top:30px; }
.access-settings h4 { margin:0 0 12px; font-size:1rem; }
.access-settings p, .access-settings li { font-size:1rem; line-height:1.7; }
.access-settings li + li { margin-top:8px; }
.access-settings .links a { min-height:44px; display:flex; align-items:center; color:var(--purple); text-decoration:underline; }
.reading-options { border:1px solid var(--line); padding:18px; margin:24px 0; }
.reading-options legend { font-weight:600; padding-inline:8px; }
.reading-options button { min-height:48px; padding:10px 16px; margin:4px 8px 4px 0; font-size:1rem; }
.reading-options button[aria-pressed=true], .search-categories button[aria-pressed=true] { background:var(--purple); color:#fff; border-color:var(--purple); }
.reading-options p { color:var(--muted); font-size:.875rem; }
.install-guides { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.install-guides section { background:var(--surface-soft); border:1px solid var(--line); padding:20px; }
.install-guides section:last-child { grid-column:1/-1; }
.install-guides ol { margin:0; padding-left:22px; }
.access-search { max-width:980px; margin:auto; }
.access-search > label { font-weight:600; font-size:.9375rem; display:block; margin-top:22px; }
.access-search-field { display:flex; align-items:stretch; gap:10px; margin:10px 0 18px; }
.access-search-field #siteSearch { margin:0; min-width:0; min-height:52px; font-size:1rem; }
.access-search-field button { flex:none; min-height:48px; font-size:.875rem; }
.search-categories, .search-suggestions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:16px; }
.search-categories button, .search-suggestions button { min-height:44px; padding:8px 12px; font-size:.875rem; }
.search-suggestions { font-size:.8125rem; }
.search-suggestions button { border:0; background:none; color:var(--purple); text-decoration:underline; text-underline-offset:4px; }
.search-count { font-size:.875rem; color:var(--muted); padding-block:12px; border-bottom:1px solid var(--line); }
.access-search-result { position:relative; padding:22px 0; border-bottom:1px solid var(--line); }
.access-search-result h3 { font:700 1.75rem/1.2 'Barlow Condensed',Arial,sans-serif; margin:8px 0; }
.access-search-result h3 a { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.access-search-result p { color:var(--muted); font-size:.9375rem; line-height:1.7; overflow-wrap:anywhere; }
body.more-is-modal { overflow:hidden; }
@media(max-width:800px) {
  .desk-front-grid, .desk-lower-grid { grid-template-columns:1fr; }
  .desk-front-wire, .desk-sidebar { padding-left:0; border-left:0; }
  .desk-front-wire { padding-top:24px; border-top:1px solid var(--line); }
  .desk-team-facts { max-width:500px; }
}
@media(max-width:700px) {
  html { scroll-padding-top:92px; scroll-padding-bottom:110px; }
  body { padding-bottom:calc(78px + env(safe-area-inset-bottom)); }
  header { position:static; min-height:68px; padding:8px 16px; }
  .brand.wordmark-brand { min-width:0; flex:1; }
  .desk-brand-caption, .header-right > span { display:none; }
  .desk-wordmark { font-size:28px; }
  .desk-brand-mark { width:27px; }
  .header-right { gap:8px; }
  .header-right button { min-width:44px; min-height:44px; padding:8px 10px; }
  .header-right #refresh { font-size:0!important; width:44px; }
  .header-right #refresh:after { content:'↻'; font-size:22px; }
  main { padding-inline:16px; }
  nav[aria-label="Coverage"] { display:flex; min-height:0; flex-wrap:nowrap!important; gap:8px; margin-bottom:18px; padding:4px 0; }
  nav[aria-label="Coverage"] > button { display:none; }
  nav[aria-label="Coverage"] > button[data-tab="schedule"],
  nav[aria-label="Coverage"] > button[data-tab="tracker"] { display:block; width:auto; flex:1; min-height:46px; padding:10px 6px; font-size:.875rem; }
  .more-menu { flex:1; width:auto; margin:0; }
  .more-menu > summary { min-height:46px; padding:10px 6px; text-align:center; font-size:.875rem; }
  .more-body { position:fixed; inset:auto 12px max(12px,env(safe-area-inset-bottom)); top:auto; width:auto; min-width:0; max-width:none; max-height:78vh; max-height:78dvh; padding:14px; grid-template-columns:repeat(2,minmax(0,1fr)); box-shadow:0 0 0 100vmax #21163399; border-radius:8px; }
  .mobile-menu-close { display:block; grid-column:1/-1; position:sticky; top:-14px; background:#fff; color:var(--purple); z-index:1; min-height:48px; font-size:.9375rem; }
  .menu-group { border:0; padding:8px; }
  .menu-group p { font-size:.75rem; }
  .menu-group button { font-size:.875rem; min-height:48px; }
  .more-body .menu-group:last-child { grid-column:auto; display:block; }
  .mobile-primary-navigation { position:fixed; inset:auto 0 0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:stretch; gap:0; margin:0; padding:4px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); border:0; border-top:1px solid #c5bdcd; background:#fff; box-shadow:0 -4px 18px #2116330d; z-index:25; overflow:visible; }
  .mobile-primary-navigation a { min-width:0; min-height:60px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:4px; font-size:.75rem; color:#5f5768; border-radius:6px; padding:6px 2px; }
  .mobile-primary-navigation svg { width:22px; height:22px; flex:none; }
  .mobile-primary-navigation a[aria-current="page"] { color:var(--purple); background:#eee7f4; font-weight:700; }
  .mobile-primary-navigation a:focus-visible { outline-offset:-3px; }
  body.more-is-modal .mobile-primary-navigation { visibility:hidden; }
  .access-tools { margin:0 0 18px; gap:4px 12px; font-size:.8125rem; }
  .access-tools > div { gap:8px; }
  .access-tools > a { min-height:40px; }
  .desk-matchup-bottom { flex-wrap:wrap; }
  .desk-matchup-bottom p { flex-basis:100%; }
  .desk-matchup-link { min-height:44px; }
  .desk-matchup-heading { font-size:.75rem; }
  .desk-matchup-body { gap:8px; }
  .desk-team > div > span { font-size:.6875rem; }
  .desk-team h2 { font-size:1.25rem; }
  .desk-team { grid-template-rows:76px auto; }
  .desk-section-title > a { min-height:44px; }
  .desk-story figcaption { text-align:left; }
  .desk-news-row { align-items:start; }
  .desk-news-row img { width:76px; height:64px; }
  .desk-page-heading { flex-wrap:wrap; }
  .install-guides { grid-template-columns:1fr; }
  .install-guides section:last-child { grid-column:auto; }
  .access-search-field { flex-wrap:wrap; }
  .access-search-field #siteSearch { flex-basis:100%; }
  .access-search-field button { margin-left:auto; }
  .desk-schedule td, .desk-schedule td:first-child, .desk-schedule td:nth-child(4) { font-size:.875rem; }
  .desk-schedule .desk-text-link { font-size:.875rem; min-height:44px; }
  .desk-schedule tr { grid-template-columns:minmax(0,1fr); }
  .desk-schedule td:nth-child(n) { grid-column:1; text-align:left; }
  .desk-info { padding:20px; }
}
@media(max-width:374px) {
  .desk-matchup-heading { flex-direction:column; align-items:start; gap:4px; }
  .desk-team { grid-template-columns:1fr; grid-template-rows:36px 80px auto; }
  .desk-team img { width:36px; height:36px; }
  .desk-team strong { font-size:42px; }
  .desk-section-title { flex-wrap:wrap; }
  .desk-game-tabs { flex-wrap:wrap; gap:8px 16px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
