/*
 * Nabd Premium UI System v2 — 0.7.0
 * Original Arabic-first sports interface. This layer intentionally overrides
 * the legacy presentation without changing domain logic or stored data.
 */
:root{
  --brand:#2147d9;
  --brand-strong:#1734aa;
  --brand-soft:#eef2ff;
  --accent:#f4b51c;
  --accent-soft:#fff7da;
  --live:#e9364f;
  --live-soft:#fff0f3;
  --success:#07966f;
  --bg:#f5f6f8;
  --surface:#ffffff;
  --surface-2:#f8f9fb;
  --surface-3:#eef1f5;
  --text:#151820;
  --text-2:#4d5360;
  --muted:#818895;
  --border:#e5e7eb;
  --border-strong:#d5d9e0;
  --shadow-sm:0 1px 2px rgba(16,24,40,.035),0 5px 18px rgba(16,24,40,.04);
  --shadow-md:0 16px 44px rgba(16,24,40,.09);
  --shadow-lg:0 28px 80px rgba(12,18,30,.18);
  --r-sm:9px;
  --r-md:14px;
  --r-lg:19px;
  --r-xl:25px;
  --header-h:70px;
  --container:1220px;
}
html[data-theme="dark"]{
  --brand:#7794ff;
  --brand-strong:#a6b7ff;
  --brand-soft:#1d2745;
  --accent:#ffc63d;
  --accent-soft:#342c16;
  --live:#ff5c70;
  --live-soft:#3a1d25;
  --success:#32d5a4;
  --bg:#0f1218;
  --surface:#171b23;
  --surface-2:#1c212b;
  --surface-3:#252b37;
  --text:#f5f6f8;
  --text-2:#c9ced8;
  --muted:#949caa;
  --border:#2b323e;
  --border-strong:#3a4352;
}
html{scroll-padding-top:calc(var(--header-h) + 18px)}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  letter-spacing:-.01em;
  background:
    radial-gradient(circle at 50% -120px,color-mix(in srgb,var(--brand) 7%,transparent),transparent 520px),
    var(--bg);
}
html[lang="en"] body,html[lang="de"] body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}
.card{border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border-color:var(--border)}
.page-shell{padding-block:22px 54px}
.section-kicker,.hero-kicker{font-size:.72rem;letter-spacing:.025em;text-transform:none;font-weight:850}
.section-heading{margin-bottom:15px}
.section-heading h2,.sidebar-card h2{font-size:1.14rem}
.primary-button{border-radius:11px;box-shadow:none;padding:10px 17px}
.square-button,.header-icon-button,.language-trigger,.mobile-menu-button{border-radius:11px}

/* Header */
.site-header{
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  backdrop-filter:saturate(180%) blur(18px);
  box-shadow:0 1px 0 var(--border);
  border:0;
}
.header-inner{gap:18px}
.brand-mark{
  width:40px;height:40px;border-radius:12px;
  background:linear-gradient(145deg,#1537b5,var(--brand));
  box-shadow:0 8px 20px rgba(33,71,217,.2);
}
.brand-copy strong{font-size:1.02rem;font-weight:900;letter-spacing:-.03em}
.brand-copy small{font-size:.61rem}
.header-live-link{
  display:inline-flex;align-items:center;gap:8px;flex:none;
  padding:8px 11px;border:1px solid var(--border);border-radius:999px;
  background:var(--surface-2);font-size:.76rem;color:var(--text-2)
}
.header-live-link:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:var(--accent-soft);color:var(--text)}
.live-beacon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft)}
.live-beacon i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent);animation:pulse 1.8s ease-in-out infinite}
.main-nav{gap:2px;min-width:0}
.nav-link{height:40px;padding:0 10px;border-radius:9px;font-size:.78rem;position:relative}
.nav-link .icon{width:1.08em;height:1.08em}
.nav-link.active{background:transparent;color:var(--brand)}
.nav-link.active:after{content:"";position:absolute;inset-inline:12px;bottom:-15px;height:3px;border-radius:3px 3px 0 0;background:var(--brand)}
.header-actions{gap:5px}
.header-icon-button,.language-trigger,.mobile-menu-button{height:40px;min-width:40px;background:transparent}

.demo-notice{background:#111827;color:#f8fafc}
.demo-notice-inner{min-height:32px;font-size:.71rem}
.demo-dot{background:var(--accent)}

/* Home scoreboard */
.scoreboard-hero{
  min-height:142px;padding:25px 29px;margin-bottom:13px;border-radius:22px;
  background:linear-gradient(120deg,#101a36 0%,#183d9a 68%,#2458e8 100%);
  box-shadow:0 18px 46px rgba(24,52,130,.18)
}
.hero-pattern{opacity:.45;background-size:34px 34px,100% 100%}
.scoreboard-copy h1{font-size:clamp(1.55rem,3vw,2.35rem);margin:6px 0 5px}
.scoreboard-copy p{font-size:.8rem}
.hero-metrics{gap:9px}
.hero-metric{min-width:116px;padding:12px 13px;border-radius:14px}
.hero-metric strong{font-size:1.28rem}
.hero-metric span{font-size:.67rem}
.metric-icon{width:34px;height:34px;border-radius:10px}

/* Date navigation and toolbar */
.date-command{padding:14px 16px;margin-bottom:12px;border-radius:18px}
.date-command-head{margin-bottom:11px}
.date-command-head h2{font-size:1rem}
.date-browser-row{gap:10px}
.date-strip{gap:7px}
.date-tile{min-width:64px;border-radius:12px;padding:7px 5px;background:var(--surface)}
.date-tile strong{font-size:1.08rem;margin:3px 0}
.date-tile span,.date-tile small{font-size:.64rem}
.date-tile.active{background:var(--accent);border-color:var(--accent);color:#151515;box-shadow:0 8px 20px rgba(244,181,28,.25)}
.date-tile.active span,.date-tile.active small{color:rgba(0,0,0,.62)}
.calendar-picker{width:112px}
.calendar-picker-label{border-style:solid;border-radius:12px;background:var(--surface-2);font-size:.72rem}
.match-toolbar{
  position:sticky;top:calc(var(--header-h) + 7px);z-index:40;
  background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);
  padding-block:4px 9px;margin-bottom:8px
}
.segmented{border-radius:13px;padding:4px;background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}
.segmented a{height:38px;border-radius:9px;font-size:.76rem}
.segmented a.active{background:var(--brand);color:#fff;box-shadow:none}
.segmented a b{background:color-mix(in srgb,currentColor 10%,transparent);border-radius:8px;min-width:24px;text-align:center}
.filter-button{height:42px;border-radius:12px;background:var(--surface);border:1px solid var(--border);padding-inline:14px}

/* Competition list and compact score rows */
.home-content-grid{grid-template-columns:minmax(0,1fr) 270px;gap:14px}
.competition-groups{gap:11px}
.competition-card{border-radius:18px;overflow:clip}
.competition-header{min-height:60px;padding:9px 12px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.competition-identity{gap:10px}
.competition-logo{width:39px;height:39px;border-radius:11px;background:var(--surface);border-color:var(--border);box-shadow:0 2px 8px rgba(16,24,40,.05)}
.competition-identity strong{font-size:.9rem;font-weight:900}
.competition-identity small{font-size:.64rem}
.competition-actions .text-icon-link{font-size:.7rem}
.match-card{
  grid-template-columns:76px minmax(0,1fr) 52px 116px 67px;
  min-height:78px;padding:7px 11px;background:var(--surface)
}
.match-card:hover{background:color-mix(in srgb,var(--brand-soft) 44%,var(--surface))}
.match-card.is-live{background:linear-gradient(90deg,var(--live-soft),var(--surface) 36%)}
.match-time-block{padding-inline-end:9px}
.match-kickoff{font-size:.92rem}
.match-time-block small{font-size:.58rem}
.live-minute{font-size:.82rem}
.match-teams{padding-inline:12px;gap:4px}
.team-row{gap:7px;min-height:28px}
.team-crest{width:27px;height:27px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2)}
.team-name{font-size:.79rem;font-weight:780}
.match-score{gap:6px}
.match-score strong{font-size:1.06rem;min-width:24px;height:28px;border-radius:7px;background:var(--surface-3);display:grid;place-items:center}
.match-score .versus{font-size:.7rem;color:var(--muted)}
.match-context{font-size:.68rem;color:var(--text-2)}
.match-context small{font-size:.57rem}
.match-actions{gap:4px}
.favorite-button,.match-actions .arrow-link{width:32px;height:32px;border-radius:9px}

.match-day-sidebar{gap:11px}
.sidebar-card{padding:15px;border-radius:17px}
.live-center-number strong{font-size:2.5rem}

/* Generic entity and editorial surfaces */
.page-hero,.entity-hero{border-radius:22px;box-shadow:var(--shadow-md)}
.entity-hero{padding:26px}
.detail-tabs{border-radius:15px;padding:4px;box-shadow:none;overflow-x:auto;scrollbar-width:none}
.detail-tabs::-webkit-scrollbar{display:none}
.detail-tabs a{border-radius:10px;min-height:42px;white-space:nowrap}
.detail-tabs a.active{background:var(--brand);color:#fff}
.news-grid,.player-grid,.video-grid{gap:13px}
.news-card,.player-card,.video-card{border-radius:17px;overflow:clip;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.news-card:hover,.player-card:hover,.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--brand) 22%,var(--border))}
.news-card-media,.video-thumb{background:linear-gradient(145deg,#e9edf5,#f8fafc)}
.news-card-body{padding:14px}
.news-card-body h2,.news-card-body h3{line-height:1.48;letter-spacing:-.025em}
.category-chips{gap:7px}
.category-chips a{border-radius:999px}

/* Match centre */
.breadcrumb{margin-bottom:10px;font-size:.7rem}
.match-hero{padding:18px 21px;border-radius:22px;overflow:hidden;position:relative}
.match-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--brand) 7%,transparent),transparent 55%);pointer-events:none}
.match-hero>*{position:relative}
.match-hero-topline{padding-bottom:9px;border-bottom:1px solid var(--border)}
.competition-pill{border-radius:999px;padding:5px 9px;background:var(--surface-2);font-size:.72rem}
.competition-mini-logo{width:25px;height:25px;border-radius:8px}
.match-stage-label{margin-top:9px;color:var(--muted);font-size:.68rem;text-align:center}
.match-main{padding:20px 0 15px;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);gap:17px}
.hero-team{gap:9px}
.hero-crest{width:74px;height:74px;border-radius:22px;background:var(--surface);box-shadow:0 8px 25px rgba(20,30,50,.08)}
.hero-team-name{font-size:.92rem;font-weight:900}
.match-state-badge{font-size:.65rem;border-radius:999px;padding:5px 9px}
.scoreline{font-size:2.6rem;line-height:1.05;gap:12px}
.scoreline strong{font-variant-numeric:tabular-nums}
.kickoff-big{font-size:2rem}
.hero-score time{font-size:.65rem;color:var(--muted)}
.match-meta-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding-top:11px;border-top:1px solid var(--border)}
.match-meta-item{min-height:55px;padding:8px 10px;border-radius:12px;background:var(--surface-2);border:0}
.match-meta-item .meta-icon{width:30px;height:30px;border-radius:9px}
.match-meta-item small{font-size:.56rem}
.match-meta-item strong{font-size:.7rem}
.detail-tabs{position:sticky;top:calc(var(--header-h) + 7px);z-index:35;margin-block:11px 13px;background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(12px)}
.match-detail-layout{gap:13px;grid-template-columns:minmax(0,1fr) 260px}
.premium-panel,.side-info-card{padding:17px;border-radius:18px}
.timeline-event{min-height:54px}
.timeline-marker{box-shadow:0 0 0 5px var(--surface)}
.stats-team-head{padding:0 4px 11px;font-weight:900}
.stats-list{display:grid;gap:0}
.stat-row{padding:12px 4px;border-bottom:1px solid var(--border)}
.stat-row:last-child{border-bottom:0}
.stat-values{grid-template-columns:62px 1fr 62px}
.stat-values strong{font-size:1.02rem;font-variant-numeric:tabular-nums}
.stat-values span{font-size:.75rem;color:var(--text-2)}
.dual-stat-track{height:7px;border-radius:999px;overflow:hidden;background:var(--surface-3)}
.dual-stat-track i.home{background:var(--brand)}
.dual-stat-track i.away{background:var(--accent)}
.lineup-team-card{border-radius:16px}

/* Home content sections */
.home-editorial-grid{gap:12px}
.editorial-story{border-radius:18px}
.home-latest-news,.home-video-highlights,.home-favorites-prompt{border-radius:18px}
.home-favorites-prompt{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand-soft) 46%,var(--surface)))}

/* Bottom navigation */
.mobile-bottom-nav{grid-template-columns:repeat(5,1fr);padding-top:5px}
.mobile-bottom-nav a{font-size:.58rem;gap:1px;min-width:0;position:relative}
.mobile-bottom-nav a .icon{width:20px;height:20px}
.mobile-bottom-nav a.active{color:var(--brand);font-weight:850}
.mobile-bottom-nav a.active:before{content:"";position:absolute;top:-6px;width:34px;height:3px;border-radius:0 0 4px 4px;background:var(--brand)}

/* Dark-mode polish */
html[data-theme="dark"] .scoreboard-hero{background:linear-gradient(120deg,#11182d,#193675 72%,#244dc4)}
html[data-theme="dark"] .news-card-media,html[data-theme="dark"] .video-thumb{background:linear-gradient(145deg,#202735,#151a23)}
html[data-theme="dark"] .date-tile.active{color:#161616}
html[data-theme="dark"] .date-tile.active span,html[data-theme="dark"] .date-tile.active small{color:rgba(0,0,0,.65)}

@media(max-width:1180px){
  .header-live-link{display:none}
  .home-content-grid{grid-template-columns:minmax(0,1fr) 245px}
  .match-card{grid-template-columns:72px minmax(0,1fr) 50px 96px 62px}
}

@media(max-width:980px){
  .home-content-grid{grid-template-columns:1fr}
  .match-day-sidebar{display:grid;grid-template-columns:repeat(3,1fr)}
  .match-detail-layout{grid-template-columns:1fr}
  .match-detail-sidebar{display:grid;grid-template-columns:1fr 1fr}
}

@media(max-width:820px){
  :root{--header-h:64px}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .site-header{height:var(--header-h)}
  .header-inner{width:calc(100% - 18px);position:relative;justify-content:space-between;gap:7px}
  .brand{order:3;margin-inline-start:auto}
  .brand-mark{width:38px;height:38px;border-radius:11px}
  .brand-copy small{display:none}
  .brand-copy strong{font-size:.93rem}
  .main-nav,.desktop-personalization,.language-switcher{display:none!important}
  .header-actions{order:1}
  .header-actions>.header-icon-button:not(#themeToggle):not([href="/search"]):not(.mobile-menu-button){display:none}
  #themeToggle{display:none}
  .mobile-menu-button{display:inline-flex!important}
  .header-live-link{display:inline-flex;order:2;margin-inline:auto;padding:7px 10px;background:transparent;border-color:transparent}
  .header-live-link strong{font-size:.72rem}
  .header-live-link .live-beacon{width:21px;height:21px}
  .page-shell{padding-top:13px}
  .scoreboard-hero{min-height:124px;padding:18px 18px;border-radius:18px}
  .scoreboard-copy h1{font-size:1.42rem;margin-top:4px}
  .scoreboard-copy p{font-size:.69rem}
  .hero-metrics{display:none}
  .date-command{padding:11px 11px 12px;border-radius:16px}
  .date-command-head>div:first-child{display:none}
  .date-command-head{margin-bottom:9px}
  .date-command-actions{width:100%;justify-content:space-between}
  .date-browser-row{display:block}
  .date-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:7px;padding-bottom:2px;scrollbar-width:none}
  .date-strip::-webkit-scrollbar{display:none}
  .date-tile{flex:0 0 68px;scroll-snap-align:center}
  .date-tile.active{flex-basis:76px}
  .calendar-picker{width:100%;height:42px;margin-top:9px}
  .calendar-picker-label{flex-direction:row}
  .match-toolbar{top:calc(var(--header-h) + 3px);padding-block:3px 7px;display:block}
  .match-toolbar .filter-button{display:none}
  .match-filters{width:100%;overflow-x:auto;justify-content:stretch}
  .match-filters a{flex:1;min-width:max-content;padding-inline:9px}
  .match-day-sidebar{grid-template-columns:1fr 1fr}
  .timezone-summary{display:none}
  .competition-header{min-height:56px}
  .competition-actions .text-icon-link{display:none}
  .match-card{grid-template-columns:60px minmax(0,1fr) 42px 36px;min-height:74px;padding:6px 7px}
  .match-context{display:none}
  .match-time-block{padding-inline-end:6px}
  .match-teams{padding-inline:7px}
  .team-name{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .team-crest{width:25px;height:25px}
  .match-score strong{font-size:.98rem;min-width:22px;height:25px}
  .match-actions{justify-content:center}
  .match-actions .arrow-link{display:none}
  .match-hero{padding:13px 12px;border-radius:18px}
  .match-hero-topline{padding-bottom:7px}
  .match-stage-label{margin-top:7px}
  .match-main{grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);gap:7px;padding:15px 0 12px}
  .hero-crest{width:56px;height:56px;border-radius:17px}
  .hero-team-name{font-size:.74rem;max-width:110px}
  .scoreline{font-size:2rem;gap:8px}
  .kickoff-big{font-size:1.55rem}
  .match-state-badge{font-size:.58rem}
  .match-meta-grid{grid-template-columns:repeat(3,1fr);gap:5px}
  .match-meta-item{padding:7px 5px;display:block;text-align:center;min-width:0}
  .match-meta-item .meta-icon{margin:0 auto 4px}
  .match-meta-item strong,.match-meta-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .detail-tabs{top:calc(var(--header-h) + 3px);padding:3px;margin-block:8px 10px}
  .detail-tabs a{min-width:max-content;padding-inline:11px;font-size:.68rem}
  .detail-tabs a .icon{display:none}
  .match-detail-sidebar{grid-template-columns:1fr}
  .premium-panel,.side-info-card{padding:14px}
  .stat-values{grid-template-columns:48px 1fr 48px}
}

@media(max-width:560px){
  body{font-size:14px}
  .container,.container-wide{width:calc(100% - 16px)}
  .demo-notice-inner{min-height:30px}
  .scoreboard-hero{margin-bottom:9px}
  .scoreboard-copy .hero-kicker{font-size:.65rem}
  .scoreboard-copy h1{font-size:1.3rem}
  .date-command-actions .square-button{width:39px;height:39px}
  .today-button{height:39px}
  .match-day-sidebar{grid-template-columns:1fr}
  .sidebar-card{padding:13px}
  .competition-logo{width:36px;height:36px}
  .competition-identity strong{font-size:.84rem}
  .match-card{grid-template-columns:54px minmax(0,1fr) 38px 32px;min-height:70px;padding-inline:5px}
  .match-kickoff{font-size:.8rem}
  .live-minute{font-size:.73rem}
  .match-time-block small{font-size:.53rem}
  .match-teams{gap:2px;padding-inline:5px}
  .team-row{gap:5px;min-height:27px}
  .team-crest{width:23px;height:23px}
  .team-name{font-size:.72rem}
  .match-score{gap:3px}
  .match-score strong{font-size:.9rem;min-width:19px;height:24px}
  .favorite-button{width:30px;height:30px}
  .match-main{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr)}
  .hero-crest{width:52px;height:52px}
  .hero-team-name{font-size:.69rem;max-width:86px}
  .scoreline{font-size:1.8rem}
  .match-meta-item:nth-child(2){display:none}
  .match-meta-grid{grid-template-columns:1fr 1fr}
  .timeline-event{grid-template-columns:43px 24px minmax(0,1fr);padding-block:9px}
  .timeline-premium:before{inset-inline-start:54px}
  .stats-team-head{font-size:.72rem}
  .stat-row{padding:10px 1px}
  .stat-values span{font-size:.68rem}
  .mobile-bottom-nav{height:auto;background:color-mix(in srgb,var(--surface) 97%,transparent)}
  .site-footer{padding-bottom:68px}
}

@media(prefers-reduced-motion:reduce){.live-beacon i{animation:none}}
.match-quick-search{height:42px;min-width:230px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted)}
.match-quick-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:.76rem}
.match-quick-search input::placeholder{color:var(--muted)}
.match-quick-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}
.match-quick-search kbd{font:inherit;font-size:.62rem;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:1px 6px;color:var(--muted);background:var(--surface-2)}
.match-card[hidden],.competition-card[hidden]{display:none!important}
@media(max-width:820px){.match-quick-search{display:none}}
.stats-groups{display:grid;gap:13px}.stats-group{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.stats-group>h3{margin:0;padding:9px 13px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:.78rem;color:var(--text-2)}.stats-group .stat-row{padding-inline:12px}.stats-group .stat-row:last-child{border-bottom:0}
@media(max-width:560px){.stats-groups{gap:9px}.stats-group>h3{font-size:.72rem;padding:8px 10px}.stats-group .stat-row{padding-inline:8px}}
.match-hero .competition-pill{color:#172033;background:#fff;border-color:rgba(255,255,255,.8)}
.match-hero .competition-pill span:last-child{color:#172033}
.match-hero .match-meta-item{color:#172033;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.72)}
.match-hero .match-meta-item small{color:#727b8c}
.match-hero .match-meta-item strong{color:#172033}
.match-hero .match-meta-item>div>span{color:#727b8c}
.match-hero .match-meta-item .meta-icon{color:var(--brand);background:#edf2ff}
html[data-theme="dark"] .match-hero .competition-pill{background:#fff;color:#172033}
html[data-theme="dark"] .match-hero .match-meta-item{background:rgba(255,255,255,.96);color:#172033}
/* Narrow-device and tablet overflow hardening */
@media(max-width:1100px){
  .home-content-grid{grid-template-columns:1fr}
  .match-day-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .match-detail-layout{grid-template-columns:1fr}
  .match-detail-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:340px){
  .header-inner{gap:4px}
  .site-header .brand-copy{display:none}
  .header-live-link{padding-inline:6px;gap:5px}
  .header-live-link strong{font-size:.65rem}
  .header-actions{gap:3px}
  .header-icon-button,.mobile-menu-button{min-width:38px;width:38px;height:38px}
  .match-filters a{padding-inline:7px;font-size:.68rem}
}