/* Game Action 360 "Make ESPN Jealous" UI System */
:root {
  --ga-bg: #05070d;
  --ga-bg-2: #07111f;
  --ga-card: rgba(13, 27, 46, .88);
  --ga-card-2: rgba(18, 37, 63, .92);
  --ga-line: rgba(255,255,255,.12);
  --ga-line-strong: rgba(255,255,255,.22);
  --ga-text: #f8fbff;
  --ga-muted: #9fb3ca;
  --ga-blue: #19d3ff;
  --ga-red: #ff315a;
  --ga-gold: #ffcf3f;
  --ga-green: #28e89f;
  --ga-purple: #9b7cff;
  --ga-radius: 24px;
}
* { box-sizing: border-box; }
body {
  background:
    radial-gradient(circle at 15% -10%, rgba(25,211,255,.22), transparent 28%),
    radial-gradient(circle at 85% 0%, rgba(255,49,90,.18), transparent 28%),
    linear-gradient(180deg, #081426 0%, var(--ga-bg) 48%, #03050a 100%);
  color: var(--ga-text);
  min-height: 100vh;
  font-feature-settings: "tnum" 1, "ss01" 1;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--ga-blue); }
.ga-navbar { background: rgba(3,7,13,.84); backdrop-filter: blur(20px); border-bottom: 1px solid var(--ga-line); }
.ga-brand-mark { width: 38px; height: 38px; border-radius: 12px; display:inline-grid; place-items:center; background: linear-gradient(135deg,var(--ga-blue),var(--ga-red)); color:#fff; font-weight:1000; box-shadow:0 10px 30px rgba(25,211,255,.22); }
.ga-page { padding-top: 2rem; padding-bottom: 4rem; }
.ga-hero {
  position: relative; overflow: hidden; border: 1px solid var(--ga-line); border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(25,211,255,.17), rgba(255,49,90,.10) 48%, rgba(255,207,63,.11)),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    var(--ga-card);
  box-shadow: 0 32px 90px rgba(0,0,0,.34);
}
.ga-hero:before { content:""; position:absolute; inset:-1px; background: linear-gradient(120deg, transparent 0 38%, rgba(255,255,255,.08) 40%, transparent 47%); pointer-events:none; }
.ga-hero-grid { display:grid; grid-template-columns: 1.35fr .9fr; gap: 1.25rem; }
.ga-card { background: var(--ga-card); border: 1px solid var(--ga-line); border-radius: var(--ga-radius); color: #fff; box-shadow: 0 16px 42px rgba(0,0,0,.24); }
.ga-card-lift { transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.ga-card-lift:hover { transform: translateY(-4px); border-color: rgba(25,211,255,.4); box-shadow:0 24px 68px rgba(0,0,0,.30); }
.ga-panel { background: rgba(255,255,255,.055); border:1px solid var(--ga-line); border-radius: 20px; }
.ga-glass { background: rgba(255,255,255,.075); border: 1px solid var(--ga-line); backdrop-filter: blur(16px); }
.ga-kicker { color: var(--ga-blue); text-transform: uppercase; font-weight: 900; letter-spacing: .14em; font-size: .74rem; }
.ga-title { font-weight: 1000; letter-spacing: -.055em; line-height: .95; }
.ga-gradient-text { background: linear-gradient(90deg,#fff 0%, var(--ga-blue) 42%, var(--ga-gold) 78%, #fff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ga-muted { color: var(--ga-muted); }
.ga-chip { display:inline-flex; gap:.42rem; align-items:center; padding:.38rem .68rem; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid var(--ga-line); font-size:.82rem; color:#e7f4ff; }
.ga-live-dot { width:.55rem; height:.55rem; border-radius:50%; background: var(--ga-red); box-shadow:0 0 0 6px rgba(255,49,90,.12); display:inline-block; }
.ga-score { font-size: clamp(2.35rem, 6vw, 5.2rem); font-weight: 1000; line-height:.9; letter-spacing:-.08em; font-variant-numeric: tabular-nums; }
.ga-team-logo { width: 58px; height:58px; border-radius: 18px; display:grid; place-items:center; font-weight:1000; background:linear-gradient(135deg,rgba(25,211,255,.28),rgba(255,255,255,.09)); border:1px solid var(--ga-line); }
.ga-media-img { width:100%; height: 220px; object-fit: cover; border-radius: 18px; background: linear-gradient(135deg,rgba(25,211,255,.28),rgba(255,49,90,.18)); }
.ga-placeholder-media { min-height: 220px; border-radius: 20px; display:grid; place-items:center; background: radial-gradient(circle at 30% 20%, rgba(25,211,255,.28), transparent 28%), linear-gradient(135deg, #0d1b2e, #162a47); border:1px solid var(--ga-line); color:#dff7ff; }
.ga-stat { background:rgba(255,255,255,.07); border:1px solid var(--ga-line); border-radius:20px; padding:1rem; }
.ga-stat-value { font-size:1.9rem; line-height:1; font-weight:1000; letter-spacing:-.06em; }
.ga-section-title { font-weight:1000; letter-spacing:-.042em; }
.ga-table { --bs-table-bg:transparent; --bs-table-color:#f8fbff; --bs-table-border-color:rgba(255,255,255,.12); }
.ga-table thead th { color:#bfeeff; text-transform:uppercase; font-size:.72rem; letter-spacing:.12em; border-bottom-color:rgba(25,211,255,.28); }
.ga-ticker { border-block:1px solid var(--ga-line); background:rgba(255,255,255,.055); overflow:hidden; white-space:nowrap; }
.ga-ticker-track { display:inline-flex; gap:2rem; padding:.72rem 0; animation: gaTicker 38s linear infinite; }
@keyframes gaTicker { from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
.ga-command-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:.75rem; }
.ga-command-btn { min-height:76px; border-radius:18px; border:1px solid var(--ga-line); background:rgba(255,255,255,.07); color:#fff; font-weight:900; }
.ga-command-btn:hover { border-color:rgba(25,211,255,.5); background:rgba(25,211,255,.12); }
.ga-admin-shell { display:grid; grid-template-columns:280px 1fr; gap:1.5rem; }
.ga-sidebar { position:sticky; top:82px; height:calc(100vh - 104px); background:rgba(13,27,46,.93); border:1px solid var(--ga-line); border-radius:26px; padding:1rem; overflow:auto; }
.ga-sidebar a { color:#d7e8f8; display:flex; align-items:center; gap:.55rem; padding:.68rem .78rem; border-radius:14px; }
.ga-sidebar a:hover { background:rgba(25,211,255,.12); color:#fff; }
.form-control,.form-select,.form-check-input { background:#0b1728; border-color:rgba(255,255,255,.16); color:#fff; }
.form-control:focus,.form-select:focus { background:#0b1728; color:#fff; border-color:var(--ga-blue); box-shadow:0 0 0 .2rem rgba(25,211,255,.12); }
.btn-ga { --bs-btn-bg: linear-gradient(135deg,var(--ga-blue),#0a8fff); --bs-btn-color:#00111c; border:0; font-weight:900; box-shadow:0 12px 32px rgba(25,211,255,.22); }
.btn-ga:hover { filter:brightness(1.08); color:#00111c; }
.btn-outline-ga { border-color:rgba(25,211,255,.45); color:#dff7ff; font-weight:800; }
.btn-outline-ga:hover { background:rgba(25,211,255,.14); border-color:var(--ga-blue); color:#fff; }
.badge-live { background:rgba(255,49,90,.17); color:#ffd6de; border:1px solid rgba(255,49,90,.38); }
.badge-premium { background:rgba(255,207,63,.17); color:#ffefb2; border:1px solid rgba(255,207,63,.38); }
.ga-overlay-body { background: transparent !important; }
.scorebug-pro { width: 860px; border-radius: 18px; overflow:hidden; display:grid; grid-template-columns: 1fr 110px 110px 1fr 180px; box-shadow:0 18px 60px rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.22); }
.scorebug-pro > div { padding:14px 18px; background:rgba(4,9,17,.91); color:#fff; display:flex; align-items:center; justify-content:center; border-right:1px solid rgba(255,255,255,.14); }
.scorebug-pro .team { justify-content:flex-start; font-weight:1000; letter-spacing:-.03em; }
.scorebug-pro .score { font-size:2.4rem; font-weight:1000; color:var(--ga-gold); font-variant-numeric:tabular-nums; }
.scorebug-pro .status { font-size:.85rem; color:#bfeeff; flex-direction:column; text-transform:uppercase; letter-spacing:.1em; }
@media(max-width: 991px){ .ga-hero-grid{grid-template-columns:1fr;} .ga-admin-shell{grid-template-columns:1fr;} .ga-sidebar{position:static;height:auto;} .ga-command-grid{grid-template-columns:repeat(2, minmax(0,1fr));} }
@media(max-width: 576px){ .ga-command-grid{grid-template-columns:1fr;} .ga-media-img{height:180px;} }
/* Baseball Network Edition */
.baseball-hero { background: radial-gradient(circle at 18% 20%, rgba(255,207,63,.22), transparent 26%), radial-gradient(circle at 82% 0%, rgba(25,211,255,.20), transparent 30%), linear-gradient(135deg,#05111f,#102846 56%,#06101d); border:1px solid rgba(255,255,255,.12); }
.network-card,.club-card,.player-card { background: rgba(7,17,31,.88); border:1px solid rgba(255,255,255,.13); border-radius:24px; box-shadow:0 18px 50px rgba(0,0,0,.25); }
.section-title { color:#fff; font-weight:1000; letter-spacing:-.04em; margin:1rem 0; }
.score-row,.team-line,.event-strip { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.score-row { font-size:1.25rem; border-bottom:1px solid rgba(255,255,255,.12); padding:.75rem 0; }
.score-row strong { font-size:2.5rem; color:var(--ga-gold); line-height:1; }
.scoreboard-xl { background:rgba(0,0,0,.34); border:1px solid rgba(255,255,255,.14); }
.team-line { font-size:1.55rem; padding:.35rem 0; }
.team-line strong { font-size:3.5rem; color:var(--ga-gold); line-height:1; font-variant-numeric:tabular-nums; }
.bases { width:92px; height:64px; position:relative; margin-inline:auto; }
.bases .base,.diamond-board .base { width:25px; height:25px; transform:rotate(45deg); border:2px solid rgba(255,255,255,.55); background:rgba(255,255,255,.08); display:grid; place-items:center; font-size:.55rem; color:rgba(255,255,255,.7); }
.bases .base:nth-child(1){ position:absolute; left:34px; top:0; }
.bases .base:nth-child(2){ position:absolute; left:0; top:32px; }
.bases .base:nth-child(3){ position:absolute; right:0; top:32px; }
.base.occupied { background:var(--ga-gold) !important; border-color:#fff !important; color:#111 !important; box-shadow:0 0 20px rgba(255,207,63,.45); }
.team-logo { width:64px; height:64px; border-radius:18px; object-fit:cover; background:#111827; }
.team-logo-lg { width:132px; height:132px; border-radius:32px; object-fit:cover; background:#111827; border:1px solid rgba(255,255,255,.18); }
.headline-link { color:#fff; font-weight:800; padding-bottom:.75rem; border-bottom:1px solid rgba(255,255,255,.12); }
.gamecast-topper { background:linear-gradient(135deg,#05111f,#0d2746); border-bottom:1px solid rgba(255,255,255,.12); }
.diamond-board { height:230px; position:relative; border-radius:26px; background: radial-gradient(ellipse at bottom, rgba(96,55,25,.58), rgba(96,55,25,.18) 40%, transparent 41%), linear-gradient(180deg, rgba(32,142,76,.25), rgba(14,77,45,.18)); border:1px solid rgba(255,255,255,.12); }
.diamond-board .second{ position:absolute; left:50%; top:28px; margin-left:-12px; }
.diamond-board .third{ position:absolute; left:25%; top:95px; }
.diamond-board .first{ position:absolute; right:25%; top:95px; }
.diamond-board .plate{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%); color:#fff; font-weight:900; }
.metric { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:.85rem; color:#fff; }
.metric span { display:block; color:var(--ga-muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; }
.metric strong { font-size:2rem; color:var(--ga-gold); }
.timeline-item { padding:.75rem 0; border-bottom:1px solid rgba(255,255,255,.11); color:#fff; display:flex; gap:.75rem; align-items:center; }
.zone-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; max-width:260px; margin:auto; padding:1rem; border:2px solid rgba(255,255,255,.2); }
.zone-dot { min-height:54px; display:grid; place-items:center; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:12px; color:#fff; font-weight:900; }
.spray-field { position:relative; height:240px; border-radius:24px 24px 120px 120px; background:linear-gradient(180deg, rgba(32,142,76,.28), rgba(32,142,76,.08)); border:1px solid rgba(255,255,255,.14); overflow:hidden; }
.spray-field:after { content:""; position:absolute; left:50%; bottom:-80px; width:220px; height:220px; transform:translateX(-50%) rotate(45deg); border:2px solid rgba(255,255,255,.16); }
.spray-dot { position:absolute; width:14px; height:14px; border-radius:50%; background:var(--ga-gold); box-shadow:0 0 16px rgba(255,207,63,.75); }
.sponsor-panel { background:linear-gradient(135deg,rgba(255,207,63,.18),rgba(25,211,255,.11)); border:1px solid rgba(255,207,63,.34); border-radius:24px; color:#fff; }
.team-hero { background-size:cover; background-position:center; border-bottom:1px solid rgba(255,255,255,.12); }
.event-strip { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:18px; }
.fw-black { font-weight:1000; }
/* Customer-facing product polish layer */
.gamecenter-hero,.clubhouse-hero,.player-hero{position:relative;overflow:hidden;border-radius:34px;border:1px solid var(--ga-line);background:radial-gradient(circle at 20% 10%,rgba(255,207,63,.18),transparent 30%),radial-gradient(circle at 90% 0,rgba(25,211,255,.18),transparent 28%),linear-gradient(135deg,rgba(6,16,29,.98),rgba(16,40,70,.92));box-shadow:0 32px 100px rgba(0,0,0,.32)}
.clubhouse-hero{background:radial-gradient(circle at 18% 15%,color-mix(in srgb,var(--team-secondary) 28%,transparent),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--team-primary) 52%,#06101d),#06101d 70%)}
.broadcast-scoreboard{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),rgba(4,10,18,.88);border:1px solid rgba(255,255,255,.16);border-radius:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 70px rgba(0,0,0,.34)}
.metric-tile{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:1rem;min-height:88px;display:flex;flex-direction:column;justify-content:center}.metric-tile span{color:#cbd5e1;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.metric-tile strong{font-size:1.9rem;line-height:1;font-weight:1000;color:#fff;font-variant-numeric:tabular-nums}.timeline-feed{display:grid;gap:.75rem}.timeline-item{display:grid;grid-template-columns:48px 1fr;gap:1rem;align-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:.85rem}.timeline-number{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--ga-blue),#0a8fff);color:#00111c;font-weight:1000;display:grid;place-items:center}.media-row{display:grid;grid-template-columns:88px 1fr;gap:.85rem;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.media-row img{width:88px;height:58px;object-fit:cover;border-radius:14px;background:#111827}.media-row small{display:block;color:var(--ga-muted);font-size:.8rem}.event-list-pro{display:grid;gap:.7rem}.event-strip-pro{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:1rem}.event-strip-pro small{display:block;color:var(--ga-muted)}.score-pill{border-radius:999px;background:rgba(255,207,63,.16);border:1px solid rgba(255,207,63,.34);padding:.45rem .75rem;font-weight:1000;color:#fff;font-variant-numeric:tabular-nums}.player-card-pro,.sponsor-card-pro{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;transition:.18s ease}.player-card-pro:hover,.sponsor-card-pro:hover{transform:translateY(-4px);border-color:rgba(25,211,255,.45);box-shadow:0 20px 54px rgba(0,0,0,.28)}.jersey-bubble,.player-avatar-xl{background:linear-gradient(135deg,var(--ga-gold),#f59e0b);color:#101827;font-weight:1000;display:grid;place-items:center}.jersey-bubble{width:48px;height:48px;border-radius:16px}.player-avatar-xl{width:190px;height:190px;border-radius:42px;margin:auto;font-size:3.4rem;box-shadow:0 25px 70px rgba(255,207,63,.22)}.team-logo-xl{width:min(220px,55vw);height:min(220px,55vw);object-fit:cover;border-radius:42px;border:1px solid rgba(255,255,255,.2);box-shadow:0 28px 80px rgba(0,0,0,.35)}.sponsor-logo{width:170px;height:90px;object-fit:contain;border-radius:18px;background:rgba(255,255,255,.08);padding:.75rem}.sponsor-logo-xl{width:min(280px,75vw);height:170px;object-fit:contain;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:1.25rem}.sponsor-panel{background:radial-gradient(circle at 15% 5%,rgba(255,207,63,.18),transparent 34%),rgba(255,255,255,.065);border:1px solid rgba(255,207,63,.22);border-radius:26px}.ga-table code{color:#bfeeff;white-space:normal}.baseball-nav-pills{display:flex;gap:.5rem;flex-wrap:wrap}.baseball-nav-pills a{padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);font-weight:800}.baseball-nav-pills a:hover{border-color:rgba(255,207,63,.45);color:#fff}.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;border:2px solid rgba(255,255,255,.25);border-radius:16px;padding:.5rem;max-width:260px;margin:auto}.zone-dot{aspect-ratio:1;border-radius:12px;background:rgba(25,211,255,.14);border:1px solid rgba(25,211,255,.3);display:grid;place-items:center;font-weight:1000}.spray-field{height:260px;position:relative;border-radius:0 0 130px 130px;background:radial-gradient(circle at 50% 100%,rgba(40,232,159,.22),transparent 58%),rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);overflow:hidden}.spray-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--ga-gold);box-shadow:0 0 0 7px rgba(255,207,63,.14)}

/* Game Action 360 UI Refinement Iteration — customer-facing product polish */
.network-hero-pro{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:38px;background:linear-gradient(135deg,rgba(8,20,38,.98),rgba(4,8,16,.96));box-shadow:0 36px 110px rgba(0,0,0,.38)}
.hero-orbit{position:absolute;border-radius:999px;filter:blur(4px);opacity:.55;pointer-events:none}.hero-orbit-one{width:520px;height:520px;right:-170px;top:-220px;background:radial-gradient(circle,rgba(25,211,255,.22),transparent 63%)}.hero-orbit-two{width:420px;height:420px;left:-110px;bottom:-220px;background:radial-gradient(circle,rgba(255,207,63,.18),transparent 66%)}
.network-headline{font-size:clamp(3.2rem,7vw,7.9rem);font-weight:1000;line-height:.86;letter-spacing:-.075em;background:linear-gradient(90deg,#fff 0%,#dff8ff 38%,var(--ga-blue) 62%,var(--ga-gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}.hero-game-card{border:1px solid rgba(255,255,255,.14);border-radius:30px;background:rgba(255,255,255,.07);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.mini-metric{min-height:82px;border-radius:18px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-metric span{color:var(--ga-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.mini-metric strong{font-size:2rem;line-height:1;font-weight:1000;color:#fff}.scoreboard-grid-pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.lead-story-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:1rem}.lead-story-card{min-height:420px;border-radius:28px;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 18% 8%,rgba(255,207,63,.18),transparent 32%),linear-gradient(135deg,rgba(14,35,62,.95),rgba(5,9,17,.92));display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 26px 80px rgba(0,0,0,.32);transition:.18s ease}.lead-story-card:hover{transform:translateY(-5px);border-color:rgba(255,207,63,.42);color:#fff}.sport-pill-pro{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.05rem;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);font-weight:900}.sport-pill-pro strong{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(25,211,255,.16);color:#fff}.partner-strip-pro{border-radius:34px;border:1px solid rgba(255,207,63,.2);background:radial-gradient(circle at 10% 5%,rgba(255,207,63,.18),transparent 30%),rgba(255,255,255,.055);box-shadow:0 30px 90px rgba(0,0,0,.28)}.sponsor-marquee-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sponsor-tile-pro{min-height:172px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;transition:.18s ease}.sponsor-tile-pro:hover{transform:translateY(-4px);border-color:rgba(255,207,63,.44);color:#fff}.sponsor-tile-pro img{width:140px;height:74px;object-fit:contain;margin-bottom:.75rem}.sponsor-tile-pro small{color:var(--ga-muted)}.empty-state-pro{border-radius:28px;border:1px dashed rgba(255,255,255,.2);background:rgba(255,255,255,.045)}.empty-state-icon{width:64px;height:64px;border-radius:22px;margin-inline:auto;background:linear-gradient(135deg,var(--ga-blue),var(--ga-gold));display:grid;place-items:center;color:#06101d;font-weight:1000}
.operator-layout-pro{display:grid;grid-template-columns:310px minmax(0,1fr) 330px;gap:1rem;align-items:start}.control-card-pro{border:1px solid rgba(255,255,255,.13);border-radius:26px;background:rgba(7,17,31,.9);box-shadow:0 22px 70px rgba(0,0,0,.28)}.sticky-operator-card{position:sticky;top:122px}.operator-score-team{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.11)}.operator-score-team span{font-size:1.1rem;font-weight:900;color:#fff}.operator-score-team strong{font-size:3.2rem;line-height:.9;font-weight:1000;color:var(--ga-gold);font-variant-numeric:tabular-nums}.count-strip-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;text-align:center}.count-strip-pro div{border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:.8rem}.count-strip-pro span{display:block;color:var(--ga-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.count-strip-pro strong{font-size:2rem;line-height:1;font-weight:1000;color:#fff}.operator-tipbar-pro{display:flex;gap:.6rem;flex-wrap:wrap}.operator-tipbar-pro span{border-radius:999px;background:rgba(25,211,255,.1);border:1px solid rgba(25,211,255,.22);padding:.45rem .75rem;color:#c7f5ff;font-size:.85rem;font-weight:800}.side-badge-pro{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--ga-gold),#f59e0b);display:grid;place-items:center;color:#06101d;font-weight:1000}.action-group-heading-pro{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;color:#fff}.action-group-heading-pro span{font-weight:1000;letter-spacing:-.02em}.action-group-heading-pro small{color:var(--ga-muted)}.action-grid-pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.action-tile-form-pro{min-height:104px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.052);padding:.55rem;display:flex;flex-direction:column;gap:.4rem}.action-player-select-pro{background:#07111f;color:#fff;border-color:rgba(255,255,255,.16)}.action-button-pro{flex:1;border:0;border-radius:14px;background:linear-gradient(135deg,rgba(25,211,255,.2),rgba(255,255,255,.07));color:#fff;font-weight:1000;padding:.75rem .5rem;transition:.16s ease}.action-button-pro:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(25,211,255,.34),rgba(255,207,63,.16))}.stat-line-pro{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:var(--ga-muted)}.stat-line-pro strong{color:#fff}.player-stat-row-pro{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.player-stat-row-pro strong{display:block;color:#fff}.player-stat-row-pro small{display:block;color:var(--ga-muted)}
@media(max-width:1400px){.scoreboard-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-layout-pro{grid-template-columns:300px minmax(0,1fr)}.operator-right-pro{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.operator-right-pro .control-card-pro{margin-bottom:0!important}.action-grid-pro{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){.lead-story-grid{grid-template-columns:1fr}.sponsor-marquee-pro{grid-template-columns:1fr 1fr}.operator-layout-pro{grid-template-columns:1fr}.sticky-operator-card{position:static}.operator-right-pro{grid-template-columns:1fr}.action-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.network-headline{font-size:clamp(3rem,13vw,5.2rem)}}
@media(max-width:575px){.scoreboard-grid-pro,.sponsor-marquee-pro,.action-grid-pro{grid-template-columns:1fr}.lead-story-card{min-height:300px}.operator-score-team strong{font-size:2.55rem}}

/* Team + Player Fan Hub Refinement — franchise-grade, season-aware pages */
.franchise-hero{border:1px solid rgba(255,255,255,.16);border-radius:42px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 38px 120px rgba(0,0,0,.42);position:relative}.franchise-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 15%,color-mix(in srgb,var(--team-primary) 34%,transparent),transparent 34%),radial-gradient(circle at 92% 3%,color-mix(in srgb,var(--team-secondary) 22%,transparent),transparent 30%);pointer-events:none}.franchise-hero-inner{position:relative;z-index:1}.franchise-logo{width:118px;height:118px;object-fit:cover;border-radius:30px;border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 80px rgba(0,0,0,.4);background:rgba(255,255,255,.08);padding:.45rem}.franchise-title{font-size:clamp(3.1rem,7vw,7.8rem);font-weight:1000;line-height:.86;letter-spacing:-.08em;text-wrap:balance}.franchise-lead{max-width:980px;color:#d9eaff}.team-command-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:28px;backdrop-filter:blur(18px)}.season-switcher{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:1rem}.season-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .95rem;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:900;color:#eaf7ff}.season-tab.active,.season-tab:hover{background:linear-gradient(135deg,rgba(25,211,255,.22),rgba(255,207,63,.16));border-color:rgba(25,211,255,.45);color:#fff}.fan-metric{height:100%;min-height:128px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.13);padding:1.1rem;box-shadow:0 20px 58px rgba(0,0,0,.22)}.fan-metric span{display:block;color:var(--ga-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.fan-metric strong{display:block;font-size:2.25rem;line-height:1;font-weight:1000;letter-spacing:-.06em;color:#fff;margin:.35rem 0}.fan-metric small{color:#b9cde2}.schedule-board{display:grid;gap:.7rem}.schedule-row-pro{display:grid;grid-template-columns:112px minmax(0,1fr) 104px;gap:1rem;align-items:center;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);padding:.85rem 1rem;transition:.16s ease}.schedule-row-pro:hover{transform:translateX(4px);border-color:rgba(25,211,255,.42);background:rgba(25,211,255,.075);color:#fff}.schedule-date strong,.schedule-status strong{display:block;font-weight:1000;font-variant-numeric:tabular-nums}.schedule-date small,.schedule-matchup small{display:block;color:var(--ga-muted)}.schedule-status{text-align:right}.schedule-status span{display:inline-block;border-radius:999px;padding:.22rem .55rem;background:rgba(255,207,63,.14);border:1px solid rgba(255,207,63,.28);font-size:.75rem;font-weight:900;color:#fff}.roster-grid-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.roster-card-pro{display:flex;gap:1rem;align-items:center;min-height:116px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:1rem;transition:.16s ease}.roster-card-pro:hover{transform:translateY(-4px);border-color:rgba(255,207,63,.44);box-shadow:0 24px 60px rgba(0,0,0,.26);color:#fff}.roster-number{width:66px;height:66px;flex:0 0 66px;border-radius:22px;background:linear-gradient(135deg,var(--ga-gold),#f97316);display:grid;place-items:center;color:#07111f;font-weight:1000;font-size:1.28rem;box-shadow:0 16px 40px rgba(255,207,63,.18)}.position-pill{border-radius:999px;background:rgba(25,211,255,.13);border:1px solid rgba(25,211,255,.28);color:#dff8ff;padding:.18rem .52rem;font-size:.73rem;font-weight:900}.roster-card-pro small{color:var(--ga-muted)}.roster-badges{display:flex;gap:.35rem;flex-wrap:wrap}.roster-badges span,.goal-chip,.award-pill-pro{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);padding:.33rem .58rem;color:#d9ebff;font-size:.78rem;font-weight:800;margin:.12rem}.goal-chip{display:block;border-radius:16px;margin:.45rem 0;padding:.62rem .78rem}.leader-row-pro{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:.8rem 0}.leader-row-pro strong{display:block;color:#fff}.leader-row-pro small{display:block;color:var(--ga-muted)}.leader-row-pro b{font-size:1.7rem;color:var(--ga-gold);font-weight:1000;font-variant-numeric:tabular-nums}.story-stack-pro{display:grid;gap:.8rem}.story-row-pro{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-radius:20px;background:rgba(255,255,255,.052);border:1px solid rgba(255,255,255,.1);transition:.16s ease}.story-row-pro:hover{border-color:rgba(25,211,255,.35);transform:translateY(-3px);color:#fff}.story-row-pro h3{font-size:1.1rem;margin:.15rem 0 .25rem;font-weight:1000}.story-row-pro p{margin:0;color:var(--ga-muted)}.timeline-item-pro{position:relative;border-left:2px solid rgba(25,211,255,.34);padding:.1rem 0 .9rem 1rem;margin-left:.35rem}.timeline-item-pro:before{content:"";position:absolute;left:-7px;top:.35rem;width:12px;height:12px;border-radius:50%;background:var(--ga-blue);box-shadow:0 0 0 6px rgba(25,211,255,.12)}.timeline-item-pro span{display:block;color:var(--ga-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.timeline-item-pro strong{display:block;color:#fff}.timeline-item-pro p{margin:.2rem 0 0;color:var(--ga-muted)}.media-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.media-card-pro{display:block;overflow:hidden;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:.16s ease}.media-card-pro:hover{transform:translateY(-5px);border-color:rgba(25,211,255,.4);box-shadow:0 26px 68px rgba(0,0,0,.28);color:#fff}.media-card-pro img{width:100%;height:172px;object-fit:cover;background:rgba(255,255,255,.06)}.media-card-pro h3{font-size:1rem;font-weight:1000;margin:.2rem 0}.media-card-pro small{color:var(--ga-muted)}.athlete-hero{position:relative;overflow:hidden;border-radius:42px;border:1px solid rgba(255,255,255,.15);padding:2rem;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--team-primary) 32%,transparent),transparent 34%),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--team-secondary) 26%,transparent),transparent 30%),linear-gradient(135deg,rgba(13,27,46,.96),rgba(3,7,13,.96));box-shadow:0 35px 110px rgba(0,0,0,.36)}.athlete-photo-wrap{display:grid;place-items:center}.athlete-photo{width:min(250px,70vw);height:min(250px,70vw);object-fit:cover;border-radius:46px;border:1px solid rgba(255,255,255,.2);box-shadow:0 28px 90px rgba(0,0,0,.38)}.athlete-number{width:min(250px,70vw);height:min(250px,70vw);display:grid;place-items:center;border-radius:48px;background:linear-gradient(135deg,var(--ga-gold),#f97316);color:#07111f;font-size:4.6rem;font-weight:1000;box-shadow:0 28px 90px rgba(255,207,63,.2)}.athlete-title{font-size:clamp(3rem,7vw,7rem);font-weight:1000;line-height:.86;letter-spacing:-.08em}.tool-grid-pro{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.tool-grid-pro div{border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:.8rem;text-align:center}.tool-grid-pro span{display:block;color:var(--ga-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.tool-grid-pro strong{font-size:1.8rem;font-weight:1000;color:#fff}.coach-quote-pro{border-left:4px solid var(--ga-gold);padding:1rem 1.25rem;margin:1rem 0 0;background:rgba(255,207,63,.08);border-radius:0 18px 18px 0;color:#fff;font-size:1.18rem}.bio-card-row{display:flex;justify-content:space-between;gap:1rem;padding:.78rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.bio-card-row span{color:var(--ga-muted)}.bio-card-row strong{color:#fff;text-align:right}.award-pill-pro{display:block;border-radius:18px;padding:.7rem .9rem;margin:.45rem 0;background:rgba(255,207,63,.09);border-color:rgba(255,207,63,.22);color:#fff}
@media(max-width:1200px){.roster-grid-pro,.media-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid-pro{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.franchise-title,.athlete-title{font-size:clamp(3rem,15vw,4.5rem)}.schedule-row-pro{grid-template-columns:1fr}.schedule-status{text-align:left}.roster-grid-pro,.media-grid-pro,.tool-grid-pro{grid-template-columns:1fr}.franchise-logo{width:88px;height:88px}.athlete-hero{padding:1.25rem}}

/* Studio Command Center — preview and configuration focused dashboard */
.fw-black{font-weight:1000!important}.studio-shell-pro{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.5rem;align-items:start}.studio-main-pro{min-width:0}.studio-sidebar-pro{box-shadow:0 24px 80px rgba(0,0,0,.28)}.studio-sidebar-brand-pro{display:flex;gap:.75rem;align-items:center;padding:.4rem .4rem .9rem;border-bottom:1px solid rgba(255,255,255,.1)}.studio-sidebar-brand-pro strong{display:block;color:#fff;line-height:1}.studio-sidebar-brand-pro span{display:block;color:var(--ga-muted);font-size:.78rem}.studio-sidebar-label-pro{margin:1rem .75rem .35rem;color:var(--ga-blue);text-transform:uppercase;font-size:.68rem;font-weight:1000;letter-spacing:.14em}.studio-hero-pro{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:38px;background:radial-gradient(circle at 10% 10%,rgba(25,211,255,.28),transparent 32%),radial-gradient(circle at 92% 8%,rgba(255,207,63,.18),transparent 30%),linear-gradient(135deg,rgba(13,27,46,.95),rgba(3,7,13,.92));box-shadow:0 36px 110px rgba(0,0,0,.38)}.studio-title-pro{font-size:clamp(2.8rem,5.6vw,6.3rem);font-weight:1000;letter-spacing:-.075em;line-height:.88;text-wrap:balance}.studio-live-card-pro{border-radius:30px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);backdrop-filter:blur(18px)}.studio-signal-grid-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.studio-signal-grid-pro div{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.07);padding:1rem}.studio-signal-grid-pro span{display:block;color:var(--ga-muted);text-transform:uppercase;font-size:.7rem;font-weight:1000;letter-spacing:.12em}.studio-signal-grid-pro strong{display:block;font-size:2.25rem;color:#fff;font-weight:1000;letter-spacing:-.06em;line-height:1}.studio-grid-pro{display:grid;grid-template-columns:minmax(0,1.55fr) 420px;gap:1.5rem;align-items:start}.studio-card-header-pro{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;padding:1.2rem 1.35rem;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}.studio-select-pro{min-width:180px}.studio-preview-stage-pro{background:linear-gradient(135deg,rgba(25,211,255,.08),rgba(255,255,255,.02));min-height:440px}.studio-game-card-pro{border-radius:30px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 20% 10%,rgba(25,211,255,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));box-shadow:0 28px 90px rgba(0,0,0,.32)}.studio-status-pill-pro{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.5rem .8rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);font-weight:1000;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.studio-status-pill-pro.is-live{background:rgba(255,49,90,.16);border-color:rgba(255,49,90,.35);color:#ffe4e9}.studio-scoreboard-pro{display:grid;grid-template-columns:1fr 180px 1fr;gap:1rem;align-items:center}.studio-score-team-pro{border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:1.1rem}.studio-score-team-pro span{display:block;color:#dcefff;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.studio-score-team-pro strong{display:block;color:#fff;font-weight:1000;font-size:clamp(3rem,7vw,6rem);line-height:.9;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.studio-score-mid-pro{text-align:center}.studio-score-mid-pro span{display:block;font-size:1.25rem;color:#fff;font-weight:1000}.studio-score-mid-pro small{display:block;color:var(--ga-muted)}.studio-mini-metric-pro{height:100%;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:.85rem}.studio-mini-metric-pro span{display:block;color:var(--ga-muted);font-size:.68rem;text-transform:uppercase;font-weight:1000;letter-spacing:.12em}.studio-mini-metric-pro strong{display:block;font-size:1.85rem;color:#fff;line-height:1;font-weight:1000}.studio-preview-actions-pro{display:flex;gap:.6rem;flex-wrap:wrap}.studio-checklist-pro{display:grid;gap:.65rem}.studio-check-row-pro{display:grid;grid-template-columns:36px 1fr;gap:.7rem;align-items:start;padding:.75rem;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.studio-check-row-pro.complete{border-color:rgba(40,232,159,.22);background:rgba(40,232,159,.065)}.studio-check-row-pro.incomplete{border-color:rgba(255,207,63,.24);background:rgba(255,207,63,.06)}.studio-check-icon-pro{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;font-weight:1000;background:rgba(255,255,255,.09);color:#fff}.studio-check-row-pro strong{display:block;color:#fff}.studio-check-row-pro span{display:block;color:var(--ga-muted);font-size:.86rem}.studio-config-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.studio-config-card-pro{border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);padding:1rem}.studio-config-card-pro h3,.studio-publishing-grid-pro h3,.studio-workflow-card-pro h3{font-size:1rem;font-weight:1000;color:#fff;margin-bottom:.8rem}.studio-toggle-row-pro{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer}.studio-toggle-row-pro:last-child{border-bottom:0}.studio-toggle-row-pro strong{display:block;color:#fff}.studio-toggle-row-pro small{display:block;color:var(--ga-muted);font-size:.78rem;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-health-list-pro{display:grid;gap:.7rem}.studio-health-row-pro{border-radius:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);padding:.9rem}.studio-health-row-pro.ready{border-color:rgba(40,232,159,.22)}.studio-health-row-pro.attention{border-color:rgba(255,49,90,.26)}.studio-health-row-pro.watch{border-color:rgba(255,207,63,.26)}.studio-health-row-pro div{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.studio-health-row-pro strong{font-size:1.65rem;font-weight:1000;color:#fff}.studio-health-row-pro span{font-weight:900;color:#dff7ff}.studio-health-row-pro small{display:block;color:var(--ga-muted);line-height:1.35}.studio-team-brand-pro{min-height:180px;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--team-primary) 32%,transparent),transparent 30%),radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--team-secondary) 28%,transparent),transparent 28%),rgba(255,255,255,.055);display:grid;place-items:center}.studio-team-brand-pro img{max-width:120px;max-height:120px;border-radius:24px}.studio-team-brand-pro strong{font-size:3rem;font-weight:1000}.studio-publishing-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.studio-publish-row-pro{display:block;border-radius:18px;padding:.8rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);margin-bottom:.6rem;transition:.15s ease}.studio-publish-row-pro:hover{transform:translateY(-3px);border-color:rgba(25,211,255,.36);color:#fff}.studio-publish-row-pro strong{display:block;color:#fff;line-height:1.2}.studio-publish-row-pro span{display:block;color:var(--ga-muted);font-size:.8rem;margin-top:.25rem}.studio-workflow-grid-pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.studio-workflow-card-pro{border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);padding:1rem}.studio-workflow-card-pro span{display:block;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);padding:.45rem .65rem;margin:.4rem 0;color:#dfefff;font-weight:800;font-size:.85rem}
@media(max-width:1400px){.studio-grid-pro{grid-template-columns:1fr}.studio-rail-pro{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.studio-rail-pro .ga-card{margin-bottom:0!important}.studio-config-grid-pro,.studio-publishing-grid-pro{grid-template-columns:1fr}.studio-workflow-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.studio-shell-pro{grid-template-columns:1fr}.ga-sidebar{position:static;height:auto}.studio-scoreboard-pro{grid-template-columns:1fr}.studio-score-mid-pro{text-align:left}.studio-rail-pro{grid-template-columns:1fr}.studio-signal-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.studio-signal-grid-pro,.studio-workflow-grid-pro{grid-template-columns:1fr}.studio-card-header-pro{padding:1rem}.studio-preview-stage-pro{padding:1rem!important}.studio-title-pro{font-size:3rem}.studio-score-team-pro strong{font-size:3.5rem}}

/* Conventional Baseball Scorebook Console */
.scorebook-shell{color:#fff}.scorebook-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.scorebook-title{font-size:clamp(2.1rem,4vw,4.6rem);font-weight:1000;letter-spacing:-.06em;line-height:.92;color:#fff}.scorebook-actions{display:flex;gap:.6rem;flex-wrap:wrap}.scorebook-game-strip{display:grid;grid-template-columns:1fr 260px 1fr;gap:1rem;align-items:stretch}.scorebook-team-score,.scorebook-inning-card,.scorebook-card{background:rgba(7,17,31,.9);border:1px solid rgba(255,255,255,.14);border-radius:26px;box-shadow:0 20px 70px rgba(0,0,0,.28)}.scorebook-team-score{padding:1.2rem 1.4rem}.scorebook-team-score span{display:block;color:#cfe9ff;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.scorebook-team-score strong{display:block;font-size:4.2rem;line-height:.9;font-weight:1000;color:var(--ga-gold);font-variant-numeric:tabular-nums}.scorebook-inning-card{display:grid;place-items:center;text-align:center;padding:1rem}.scorebook-inning-card span{font-weight:1000;text-transform:uppercase;letter-spacing:.12em;color:#bfeeff}.scorebook-inning-card strong{font-size:3rem;line-height:1;font-weight:1000}.scorebook-inning-card small{color:var(--ga-muted)}.scorebook-layout{display:grid;grid-template-columns:310px minmax(0,1fr) 360px;gap:1.25rem;align-items:start}.sticky-scorebook{position:sticky;top:92px}.scorebook-lineup-number{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:1.65rem;font-weight:1000;background:rgba(255,207,63,.16);border:1px solid rgba(255,207,63,.35);color:#ffefb2}.scorebook-matchup{display:grid;gap:.55rem}.scorebook-matchup div{display:flex;justify-content:space-between;gap:.7rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.scorebook-matchup span{color:var(--ga-muted);text-transform:uppercase;font-size:.68rem;font-weight:1000;letter-spacing:.12em}.scorebook-matchup strong{text-align:right}.scorebook-diamond{height:230px;position:relative;border-radius:28px;background:radial-gradient(ellipse at bottom,rgba(116,71,35,.72),rgba(116,71,35,.18) 42%,transparent 43%),linear-gradient(180deg,rgba(36,151,83,.32),rgba(8,59,35,.24));border:1px solid rgba(255,255,255,.13);overflow:hidden}.scorebook-diamond:after{content:"";position:absolute;left:50%;top:54%;width:118px;height:118px;transform:translate(-50%,-50%) rotate(45deg);border:2px solid rgba(255,255,255,.22)}.diamond-base{position:absolute;width:62px;height:62px;z-index:2;transform:rotate(45deg);display:grid;place-items:center;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.35);border-radius:10px}.diamond-base span,.diamond-base strong{transform:rotate(-45deg);grid-area:1/1}.diamond-base span{font-size:.62rem;color:#c8d8e8;margin-top:-18px;font-weight:900}.diamond-base strong{font-size:.7rem;color:#fff;margin-top:14px;max-width:50px;overflow:hidden;text-overflow:ellipsis}.diamond-base.occupied{background:var(--ga-gold);border-color:#fff;box-shadow:0 0 28px rgba(255,207,63,.42)}.diamond-base.occupied span,.diamond-base.occupied strong{color:#111}.base-second{left:50%;top:24px;margin-left:-31px}.base-third{left:42px;top:92px}.base-first{right:42px;top:92px}.diamond-plate{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:52px;height:34px;display:grid;place-items:center;background:#fff;color:#111;font-weight:1000;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.scorebook-count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.scorebook-count-grid div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:.75rem;text-align:center}.scorebook-count-grid span{display:block;color:var(--ga-muted);font-size:.68rem;text-transform:uppercase;font-weight:1000;letter-spacing:.12em}.scorebook-count-grid strong{display:block;font-size:2rem;line-height:1;font-weight:1000}.pitch-button-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.pitch-btn{width:100%;min-height:118px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));color:#fff;transition:.15s ease}.pitch-btn:hover{transform:translateY(-3px);border-color:rgba(25,211,255,.44);background:rgba(25,211,255,.12)}.pitch-btn strong{display:block;font-size:3rem;line-height:1;font-weight:1000;color:var(--ga-gold)}.pitch-btn span{display:block;font-weight:900}.scorebook-symbol-legend{display:flex;gap:.35rem;flex-wrap:wrap}.scorebook-symbol-legend span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:1000;color:#dff7ff}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.result-card{border-radius:24px;padding:1rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}.result-card-head{display:flex;align-items:center;gap:.75rem}.result-card-head strong{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(255,207,63,.14);border:1px solid rgba(255,207,63,.28);font-size:1.3rem;color:var(--ga-gold)}.result-card-head span{font-size:1.05rem;font-weight:1000;color:#fff}.runner-matrix{border-top:1px solid rgba(255,255,255,.1);padding-top:.65rem}.result-submit{width:100%;border:0;border-radius:16px;padding:.8rem 1rem;background:linear-gradient(135deg,var(--ga-blue),#0a8fff);font-weight:1000;color:#03101f}.lineup-stack{display:grid;gap:.45rem}.lineup-row{display:grid;grid-template-columns:38px 1fr 48px;gap:.55rem;align-items:center;padding:.62rem;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.lineup-row.current{background:rgba(255,207,63,.13);border-color:rgba(255,207,63,.36)}.lineup-row span{width:32px;height:32px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-weight:1000;color:#dff7ff}.lineup-row strong{font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lineup-row small{text-align:right;color:var(--ga-muted);font-weight:900}.scorebook-log{display:grid;gap:.45rem;max-height:440px;overflow:auto}.scorebook-log-row{display:grid;grid-template-columns:46px 1fr;gap:.5rem;padding:.65rem;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.scorebook-log-row span{font-weight:1000;color:var(--ga-gold)}.scorebook-log-row strong{color:#fff}.scorebook-log-row small{grid-column:2;color:var(--ga-muted)}
@media(max-width:1400px){.scorebook-layout{grid-template-columns:280px minmax(0,1fr)}.scorebook-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.scorebook-right .scorebook-card{margin-bottom:0!important}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.scorebook-game-strip,.scorebook-layout{grid-template-columns:1fr}.sticky-scorebook{position:static}.scorebook-right{display:block}.pitch-button-grid,.result-grid{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.pitch-button-grid,.result-grid{grid-template-columns:1fr}.scorebook-team-score strong{font-size:3rem}.scorebook-inning-card strong{font-size:2.4rem}}
.studio-sidebar-hint{display:block;color:rgba(255,255,255,.42);font-size:.72rem;line-height:1.2;margin:-.45rem 0 .55rem .8rem}.studio-access-card{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 14px 38px rgba(0,0,0,.16)}.studio-access-card:hover{border-color:rgba(25,211,255,.45)!important;transform:translateY(-1px)}

/* League Fan Hub - real standings, leaders, highlights and news */
.league-hub-hero{position:relative;overflow:hidden;border-radius:38px;border:1px solid rgba(255,255,255,.13);padding:2rem;background:linear-gradient(135deg,rgba(7,17,31,.94),rgba(12,28,50,.88));box-shadow:0 30px 90px rgba(0,0,0,.32)}
.league-hub-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 12% 8%,rgba(25,211,255,.22),transparent 30%),radial-gradient(circle at 86% 18%,rgba(255,207,63,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.08),transparent);pointer-events:none}.league-hub-title{font-size:clamp(3rem,6vw,7rem);font-weight:1000;letter-spacing:-.075em;line-height:.88;color:#fff;margin:0}.league-featured-game{border-radius:28px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px)}.league-matchup-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.11)}.league-matchup-row div{display:flex;align-items:center;gap:.8rem}.league-matchup-row strong{font-size:1.18rem;color:#fff}.league-matchup-row span{font-size:3.2rem;font-weight:1000;color:var(--ga-gold);font-variant-numeric:tabular-nums;line-height:1}.league-team-badge{width:58px;height:58px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.18);background:#111827}.league-score-ticker{display:flex;gap:.75rem;overflow:auto;padding:.35rem .05rem .75rem}.league-score-chip{flex:0 0 auto;min-width:240px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);padding:.85rem;color:#fff;transition:.15s ease}.league-score-chip:hover{transform:translateY(-2px);border-color:rgba(25,211,255,.42)}.league-score-chip span{display:block;color:var(--ga-blue);text-transform:uppercase;font-size:.68rem;font-weight:1000;letter-spacing:.12em}.league-score-chip strong{display:block;font-size:.95rem}.league-tabbar{display:flex;gap:.5rem;flex-wrap:wrap;padding:.4rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11)}.league-tabbar a{display:block;padding:.55rem .85rem;border-radius:999px;font-weight:900;color:#dff7ff}.league-tabbar a:hover{background:rgba(25,211,255,.13);color:#fff}.league-standings-team{display:flex;align-items:center;gap:.75rem}.league-standings-team strong{display:block;color:#fff}.league-standings-team small{display:block;color:#cbd5e1;font-size:.75rem}.league-mini-logo{width:42px;height:42px;border-radius:13px;object-fit:cover;background:#111827}.league-standings-table tbody tr{transition:.15s ease}.league-standings-table tbody tr:hover{background:rgba(25,211,255,.07)}.league-leaders-stack{display:grid;gap:.85rem}.league-leader-card{border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);padding:1rem}.league-leader-card span{display:block;color:var(--ga-blue);text-transform:uppercase;letter-spacing:.1em;font-weight:1000;font-size:.68rem}.league-leader-card strong{display:block;color:#fff;font-size:1.05rem}.league-leader-card small{display:block;color:#cbd5e1}.league-leader-card b{font-size:2rem;color:var(--ga-gold);font-variant-numeric:tabular-nums}.league-leader-row{display:flex;justify-content:space-between;gap:.8rem;border-top:1px solid rgba(255,255,255,.09);margin-top:.55rem;padding-top:.55rem}.league-leader-row span{color:#dbefff;text-transform:none;letter-spacing:0;font-size:.85rem}.league-leader-row strong{font-size:.9rem;color:#fff}.league-top-story{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1rem;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);padding:.75rem;color:#fff}.league-top-story:hover{border-color:rgba(25,211,255,.42)}.league-top-story-img{width:100%;height:170px;border-radius:18px;object-fit:cover}.league-top-story h3{font-weight:1000;letter-spacing:-.04em;margin:.25rem 0}.league-top-story p{color:#cbd5e1;margin:0}.league-news-list,.league-event-list{display:grid;gap:.6rem}.league-news-row,.league-event-row{display:grid;grid-template-columns:92px 1fr 112px;gap:1rem;align-items:center;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);padding:.75rem;color:#fff}.league-news-row:hover,.league-event-row:hover{background:rgba(25,211,255,.09);border-color:rgba(25,211,255,.28)}.league-news-row span,.league-event-row span{color:var(--ga-blue);font-weight:1000;font-size:.8rem;text-transform:uppercase}.league-news-row strong,.league-event-row strong{color:#fff}.league-news-row small,.league-event-row em{color:#cbd5e1;font-style:normal;text-align:right}.league-event-row span small{display:block;color:#cbd5e1;font-size:.68rem;text-transform:none}.league-event-row.compact{grid-template-columns:72px 1fr 80px}.league-highlight-hero{position:relative;display:block;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.12);color:#fff}.league-highlight-img{width:100%;height:270px;object-fit:cover;filter:saturate(1.06)}.league-play-pill{position:absolute;inset:auto auto 1rem 1rem;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(25,211,255,.9);color:#03101f;font-weight:1000;box-shadow:0 18px 44px rgba(25,211,255,.25)}.league-highlight-caption{position:absolute;left:0;right:0;bottom:0;padding:4rem 1rem 1rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82))}.league-highlight-caption span{color:var(--ga-gold);font-weight:1000}.league-highlight-caption strong{display:block;font-size:1.1rem}.league-team-spotlight{display:block;padding:1rem;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);color:#fff;transition:.15s ease}.league-team-spotlight:hover{transform:translateY(-4px);border-color:rgba(25,211,255,.4);box-shadow:0 22px 55px rgba(0,0,0,.24)}.league-team-spotlight strong{display:block;font-size:1.05rem}.league-team-spotlight span{display:block;color:var(--ga-gold);font-weight:1000}.league-team-spotlight p{color:#cbd5e1;min-height:74px}.league-team-spotlight small{color:#dff7ff}.league-gallery-tile{position:relative;display:block;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.11)}.league-gallery-tile img{width:100%;height:118px;object-fit:cover}.league-gallery-tile span{position:absolute;left:0;right:0;bottom:0;padding:1.7rem .65rem .55rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.84));font-weight:900;font-size:.78rem;color:#fff}.league-sponsor-strip{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border-radius:28px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);padding:1rem}.league-sponsor-card{display:flex;align-items:center;gap:.75rem;border-radius:18px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.1);padding:.65rem .9rem;color:#fff}.league-sponsor-card img{width:80px;height:38px;object-fit:contain;border-radius:8px;background:#fff}
@media(max-width:991px){.league-top-story{grid-template-columns:1fr}.league-news-row,.league-event-row{grid-template-columns:1fr}.league-news-row small,.league-event-row em{text-align:left}.league-highlight-img{height:220px}}
@media(max-width:575px){.league-hub-hero{padding:1.2rem}.league-matchup-row span{font-size:2.4rem}.league-tabbar{border-radius:24px}.league-tabbar a{width:calc(50% - .25rem);text-align:center}.league-score-chip{min-width:210px}}

/* Tournament Fan Hub */
.tournament-hero {
  background:
    radial-gradient(circle at 20% 15%, rgba(255, 207, 63, 0.24), transparent 28%),
    linear-gradient(135deg, rgba(8, 12, 24, 0.98), rgba(22, 39, 70, 0.94)),
    url('https://picsum.photos/seed/tournament-hero-field/1800/900') center/cover;
  border: 1px solid rgba(255,255,255,0.12);
}
.tournament-control-card { background: rgba(0,0,0,0.38); backdrop-filter: blur(12px); }
.tournament-score-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .75rem; overflow-x: auto; }
.score-strip-card { display: block; padding: .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); color: #fff; transition: transform .18s ease, border-color .18s ease; }
.score-strip-card:hover { transform: translateY(-2px); border-color: rgba(255,207,63,.65); }
.score-strip-card .team-row { display: flex; justify-content: space-between; gap: 1rem; font-size: .98rem; padding: .12rem 0; }
.tournament-table tbody tr:first-child { box-shadow: inset 4px 0 0 #ffcf3f; }
.bracket-scroll { display: flex; gap: 1rem; overflow-x: auto; padding-bottom: .5rem; }
.bracket-round { min-width: 250px; border-radius: 1rem; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.11); padding: 1rem; }
.bracket-round h3 { font-size: .9rem; text-transform: uppercase; letter-spacing: .12em; color: #ffcf3f; margin-bottom: .8rem; }
.bracket-matchup { border-radius: .85rem; background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.1); padding: .75rem; margin-bottom: .75rem; }
.bracket-matchup div { display: flex; justify-content: space-between; gap: .75rem; padding: .28rem 0; }
.bracket-matchup span { color: rgba(255,255,255,.55); font-size: .76rem; }
.bracket-matchup small { color: rgba(255,255,255,.58); }
.story-card, .media-card { display: block; padding: .75rem; border-radius: 1rem; background: rgba(255,255,255,.035); border: 1px solid transparent; height: 100%; }
.story-card:hover, .media-card:hover { border-color: rgba(255,207,63,.45); background: rgba(255,255,255,.06); }
.leader-stack { display: grid; gap: .9rem; }
.leader-panel { border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; padding: 1rem; background: rgba(255,255,255,.04); }
.display-stat { font-size: 1.35rem; font-weight: 900; color: #ffcf3f; letter-spacing: -.04em; }
.sponsor-tile { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); border-radius: 1rem; padding: 1rem; }

/* League pay-to-play registration experience */
.league-reg-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:2rem;background:radial-gradient(circle at top left,rgba(25,211,255,.22),transparent 35%),linear-gradient(135deg,#07111f,#0f172a 65%,#132033);display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.league-reg-hero.compact{align-items:center}.league-reg-hero-panel{min-width:220px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.06);padding:1.2rem;display:flex;flex-direction:column;gap:.6rem;text-align:right}.league-reg-hero-panel strong{font-size:2rem;line-height:1}.league-registration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.league-registration-card{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:1.4rem;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 18px 50px rgba(0,0,0,.22)}.league-registration-card h3{margin:.9rem 0 .35rem;font-weight:900}.league-registration-card p{color:#a8b3c7}.league-reg-price{text-align:right;font-weight:1000;font-size:1.4rem;color:#fff}.league-reg-price small{display:block;color:#a8b3c7;font-size:.78rem;font-weight:700}.league-reg-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.league-reg-meta span,.league-confirm-stat{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.045);padding:.75rem;display:flex;flex-direction:column;gap:.1rem}.league-reg-meta strong,.league-confirm-stat span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#8ea2c7}.league-reg-benefits{border-left:3px solid #19d3ff;padding-left:1rem;margin-top:1rem;color:#d8e7ff}.league-reg-steps{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}.league-reg-steps li{display:grid;gap:.15rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.8rem}.league-reg-steps span,.league-reg-approved-row span{color:#a8b3c7}.league-reg-approved-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.65rem 0}.league-reg-submit-bar{position:sticky;bottom:1rem;z-index:5;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(7,17,31,.92);backdrop-filter:blur(14px);padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.league-reg-submit-bar span{display:block;color:#a8b3c7}.league-confirmation-card{max-width:980px;margin:0 auto}.league-finance-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);padding:.7rem 0}.league-finance-row strong{font-size:1.2rem}.league-reg-filterbar{display:flex;gap:.5rem;flex-wrap:wrap}
@media(max-width:768px){.league-reg-hero,.league-reg-submit-bar{flex-direction:column;align-items:stretch}.league-reg-hero-panel{text-align:left}.league-reg-meta{grid-template-columns:1fr}}

/* League/Tournament configuration studio */
.studio-config-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem;align-items:start}.studio-config-main{min-width:0}.studio-config-side{min-width:0}.studio-form-section{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);border-radius:24px;padding:1.15rem}.studio-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}.studio-toggle-card{display:flex;gap:.85rem;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:18px;padding:.9rem;cursor:pointer;transition:.16s ease}.studio-toggle-card:hover{border-color:rgba(255,207,63,.45);background:rgba(255,207,63,.08)}.studio-toggle-card span{display:grid;gap:.1rem}.studio-toggle-card strong{font-size:.92rem;color:#fff}.studio-toggle-card small{color:#9fb0c9}.studio-check-line{display:flex;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:16px;padding:.85rem;color:#fff;font-weight:800}.studio-preview-hero,.studio-tournament-preview{border-radius:24px;padding:1.2rem;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at top left,var(--preview-secondary,#ffcf3f) 0,transparent 32%),linear-gradient(135deg,var(--preview-primary,#0b1f3a),#06101d);min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;color:#fff}.studio-preview-logo{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-weight:1000;color:#fff}.studio-preview-hero strong,.studio-tournament-preview strong{font-size:1.35rem;line-height:1.05}.studio-preview-hero span,.studio-tournament-preview small{color:#dce8ff}.studio-tournament-preview{background:radial-gradient(circle at top left,rgba(255,207,63,.22),transparent 34%),linear-gradient(135deg,#07111f,#172554)}.studio-tournament-preview span{align-self:flex-start;border-radius:999px;background:rgba(255,207,63,.18);border:1px solid rgba(255,207,63,.35);padding:.3rem .65rem;color:#ffefad;font-weight:900;text-transform:uppercase;font-size:.7rem;letter-spacing:.09em}.studio-readiness-list{display:grid;gap:.55rem}.studio-readiness-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.55rem 0}.studio-readiness-row span{color:#dbe7ff}.studio-readiness-row strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.studio-config-hero{display:flex;justify-content:space-between;gap:1.2rem;align-items:flex-end;border:1px solid rgba(255,255,255,.13);border-radius:32px;padding:2rem;background:radial-gradient(circle at top left,var(--preview-secondary,rgba(255,207,63,.19)),transparent 32%),linear-gradient(135deg,var(--preview-primary,#07111f),#06101d 70%);box-shadow:0 24px 76px rgba(0,0,0,.28)}.studio-config-hero h1{font-weight:1000;letter-spacing:-.05em;margin:0;color:#fff}.studio-config-hero p{color:#b9c7df;max-width:760px;margin:.45rem 0 0}.studio-config-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.studio-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.65rem}.studio-module-tile{border-radius:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);padding:.85rem}.studio-module-tile strong{display:block;color:#fff;font-weight:1000}.studio-module-tile span{font-size:.74rem;text-transform:uppercase;letter-spacing:.09em}.studio-module-tile.enabled{border-color:rgba(25,211,255,.36);background:rgba(25,211,255,.08)}.studio-module-tile.enabled span{color:#7fe8ff}.studio-module-tile.disabled{opacity:.62}.studio-module-tile.disabled span{color:#ffc46b}.studio-admin-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem 0}.studio-admin-row strong{color:#fff}.studio-admin-row small{display:block;color:#9fb0c9}.studio-pool-card{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045);padding:1rem;height:100%}.studio-pool-card strong{display:block;color:#fff;font-size:1.05rem}.studio-pool-card small{color:#9fb0c9}.studio-config-form .form-control,.studio-config-form .form-select{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}.studio-config-form .form-control::placeholder{color:rgba(255,255,255,.38)}.studio-config-form .form-text{font-size:.78rem}.studio-config-form .form-label{color:#dbeafe;font-weight:800}.studio-config-form option{color:#111827}
@media(max-width:1100px){.studio-config-grid{grid-template-columns:1fr}.studio-config-side .sticky-lg-top{position:static!important}.studio-config-hero{align-items:flex-start;flex-direction:column}.studio-config-actions{justify-content:flex-start}}

/* Tournament structure builder */
.ga-tournament-builder { border: 1px solid rgba(255,255,255,.08); border-radius: 1.5rem; padding: 1.25rem; background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.015)); }
.builder-mode-strip { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:.75rem; }
.builder-mode-card { display:flex; gap:.75rem; align-items:flex-start; padding:1rem; border:1px solid rgba(255,255,255,.12); border-radius:1rem; background:rgba(255,255,255,.04); cursor:pointer; transition:.16s ease; min-height:92px; }
.builder-mode-card:hover { transform:translateY(-1px); border-color:rgba(255,193,7,.5); background:rgba(255,193,7,.08); }
.builder-mode-card span { display:flex; flex-direction:column; gap:.25rem; }
.builder-mode-card small { color:rgba(255,255,255,.62); line-height:1.25; }
.builder-panel { border:1px solid rgba(255,255,255,.08); box-shadow:0 20px 50px rgba(0,0,0,.18); }
.builder-help { border:1px dashed rgba(255,193,7,.35); background:rgba(255,193,7,.07); color:rgba(255,255,255,.78); border-radius:1rem; padding:.75rem .9rem; font-size:.9rem; }
.builder-pool-card,.builder-round-card { border:1px solid rgba(255,255,255,.11); border-radius:1rem; background:rgba(3,7,18,.48); padding:1rem; margin-bottom:.8rem; }
.builder-pool-head,.builder-round-head { display:grid; grid-template-columns: 1fr auto auto; gap:.5rem; margin-bottom:.65rem; align-items:center; }
.builder-entry-chip-row { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.65rem; }
.builder-entry-chip { border:1px solid rgba(255,255,255,.13); border-radius:999px; background:rgba(255,255,255,.06); color:rgba(255,255,255,.78); font-size:.75rem; padding:.25rem .55rem; }
.builder-entry-chip:hover { border-color:rgba(255,193,7,.45); color:#ffc107; }
.builder-list-row { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.5rem; margin-bottom:.5rem; }
.builder-seed { width:1.75rem; height:1.75rem; border-radius:999px; display:grid; place-items:center; background:rgba(255,193,7,.16); color:#ffc107; font-weight:800; font-size:.8rem; }
.builder-warning { border:1px solid rgba(255,193,7,.18); background:rgba(255,193,7,.055); }
.double-elim-controls { border:1px solid rgba(255,255,255,.08); border-radius:1rem; padding:.75rem; background:rgba(255,255,255,.035); }
.builder-game-row { display:grid; grid-template-columns:minmax(110px,.8fr) minmax(120px,1fr) auto minmax(120px,1fr) auto; gap:.5rem; align-items:center; margin-bottom:.5rem; }
.builder-vs { color:rgba(255,255,255,.52); font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }
.builder-validation .alert { border:0; }
.preview-block { margin-bottom:1.1rem; }
.preview-pool { border:1px solid rgba(255,255,255,.1); border-radius:1rem; padding:.75rem; margin:.55rem 0; background:rgba(255,255,255,.035); }
.preview-pool ol { margin:.5rem 0 0; padding-left:1.25rem; color:rgba(255,255,255,.75); }
.preview-bracket { display:flex; gap:.75rem; overflow-x:auto; padding-bottom:.4rem; }
.preview-round { min-width:185px; border:1px solid rgba(255,255,255,.11); border-radius:1rem; background:rgba(255,255,255,.035); padding:.7rem; }
.preview-round > strong { display:block; margin-bottom:.55rem; color:#fff; }
.preview-matchup { border:1px solid rgba(255,255,255,.1); border-radius:.75rem; padding:.55rem; margin-bottom:.5rem; background:rgba(0,0,0,.22); }
.preview-matchup span { display:block; font-weight:700; color:rgba(255,255,255,.86); }
.preview-matchup em { display:block; font-size:.68rem; color:#ffc107; font-style:normal; text-transform:uppercase; letter-spacing:.08em; margin:.2rem 0; }
@media (max-width: 1100px) { .builder-mode-strip { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 700px) { .builder-mode-strip { grid-template-columns: 1fr; } .builder-game-row,.builder-pool-head,.builder-round-head { grid-template-columns: 1fr; } .builder-vs { display:none; } }

/* Light Broadcast Theme Refinement
   Goal: premium sports-network energy without the heavy all-dark treatment.
   This layer intentionally overrides the earlier dark-first design while keeping
   the same markup and component names. Overlays can remain broadcast-dark. */
:root {
  --ga-bg: #f6f8fc;
  --ga-bg-2: #eef3f8;
  --ga-card: #ffffff;
  --ga-card-2: #f9fbff;
  --ga-line: rgba(15, 23, 42, .10);
  --ga-line-strong: rgba(15, 23, 42, .18);
  --ga-text: #111827;
  --ga-muted: #64748b;
  --ga-blue: #0b72d9;
  --ga-red: #d82246;
  --ga-gold: #b77900;
  --ga-green: #047857;
  --ga-purple: #6d28d9;
  --ga-radius: 22px;
  --ga-shadow-soft: 0 18px 50px rgba(15, 23, 42, .08);
  --ga-shadow-hover: 0 24px 70px rgba(15, 23, 42, .13);
}

body.ga-light-theme {
  background:
    radial-gradient(circle at 12% -8%, rgba(11, 114, 217, .14), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(183, 121, 0, .12), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f6f8fc 44%, #edf2f8 100%);
  color: var(--ga-text);
}
body.ga-light-theme a:hover { color: var(--ga-blue); }

body.ga-light-theme .ga-navbar {
  background: rgba(255, 255, 255, .92);
  border-bottom: 1px solid rgba(15, 23, 42, .10);
  box-shadow: 0 12px 34px rgba(15, 23, 42, .06);
}
body.ga-light-theme .navbar .nav-link,
body.ga-light-theme .navbar-brand,
body.ga-light-theme .navbar-brand span { color: #111827; }
body.ga-light-theme .navbar .nav-link:hover { color: var(--ga-blue); }
body.ga-light-theme .navbar .text-warning { color: #a16207 !important; }
body.ga-light-theme .ga-brand-mark {
  background: linear-gradient(135deg, #0b72d9, #14b8a6);
  box-shadow: 0 10px 28px rgba(11, 114, 217, .22);
}

body.ga-light-theme .ga-page { padding-top: 1.6rem; }
body.ga-light-theme .ga-card,
body.ga-light-theme .network-card,
body.ga-light-theme .club-card,
body.ga-light-theme .player-card,
body.ga-light-theme .builder-panel,
body.ga-light-theme .studio-form-section,
body.ga-light-theme .ga-tournament-builder {
  background: #ffffff;
  color: var(--ga-text);
  border: 1px solid rgba(15, 23, 42, .10);
  box-shadow: var(--ga-shadow-soft);
}
body.ga-light-theme .ga-card-lift:hover {
  border-color: rgba(11, 114, 217, .28);
  box-shadow: var(--ga-shadow-hover);
}
body.ga-light-theme .ga-panel,
body.ga-light-theme .ga-glass,
body.ga-light-theme .ga-stat,
body.ga-light-theme .studio-toggle-card,
body.ga-light-theme .studio-check-line,
body.ga-light-theme .studio-module-tile,
body.ga-light-theme .studio-pool-card,
body.ga-light-theme .builder-pool-card,
body.ga-light-theme .builder-round-card,
body.ga-light-theme .preview-pool,
body.ga-light-theme .preview-round,
body.ga-light-theme .double-elim-controls {
  background: #f8fafc;
  color: var(--ga-text);
  border-color: rgba(15, 23, 42, .10);
}
body.ga-light-theme .builder-mode-card,
body.ga-light-theme .builder-entry-chip,
body.ga-light-theme .preview-matchup {
  background: #ffffff;
  color: var(--ga-text);
  border-color: rgba(15, 23, 42, .12);
}
body.ga-light-theme .builder-mode-card:hover,
body.ga-light-theme .studio-toggle-card:hover {
  border-color: rgba(11, 114, 217, .32);
  background: #f0f7ff;
}

body.ga-light-theme .ga-hero,
body.ga-light-theme .baseball-hero,
body.ga-light-theme .gamecast-topper,
body.ga-light-theme .team-hero,
body.ga-light-theme .league-hero,
body.ga-light-theme .tournament-hero,
body.ga-light-theme .studio-config-hero {
  background:
    radial-gradient(circle at 12% 8%, rgba(11, 114, 217, .16), transparent 30%),
    radial-gradient(circle at 88% 4%, rgba(183, 121, 0, .12), transparent 32%),
    linear-gradient(135deg, #ffffff, #eef6ff 52%, #f9fafb);
  color: #0f172a;
  border: 1px solid rgba(15, 23, 42, .10);
  box-shadow: 0 28px 80px rgba(15, 23, 42, .10);
}
body.ga-light-theme .ga-hero:before { background: linear-gradient(120deg, transparent 0 38%, rgba(255,255,255,.55) 40%, transparent 48%); }
body.ga-light-theme .ga-title,
body.ga-light-theme .ga-section-title,
body.ga-light-theme .section-title,
body.ga-light-theme .studio-config-hero h1,
body.ga-light-theme .studio-toggle-card strong,
body.ga-light-theme .studio-check-line,
body.ga-light-theme .studio-admin-row strong,
body.ga-light-theme .studio-pool-card strong,
body.ga-light-theme .preview-round > strong,
body.ga-light-theme .preview-matchup span,
body.ga-light-theme .headline-link,
body.ga-light-theme h1,
body.ga-light-theme h2,
body.ga-light-theme h3,
body.ga-light-theme h4,
body.ga-light-theme h5,
body.ga-light-theme h6 { color: #0f172a; }
body.ga-light-theme .ga-gradient-text {
  background: linear-gradient(90deg, #0f172a 0%, #0b72d9 48%, #0f766e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.ga-light-theme .ga-muted,
body.ga-light-theme .studio-toggle-card small,
body.ga-light-theme .studio-admin-row small,
body.ga-light-theme .studio-config-hero p,
body.ga-light-theme .studio-readiness-row span,
body.ga-light-theme .builder-help,
body.ga-light-theme .builder-vs,
body.ga-light-theme .builder-mode-card small,
body.ga-light-theme .preview-pool ol { color: #64748b; }
body.ga-light-theme .ga-kicker { color: #0b72d9; }

body.ga-light-theme .ga-chip {
  background: #eef6ff;
  border-color: rgba(11, 114, 217, .16);
  color: #17446d;
}
body.ga-light-theme .badge-live {
  background: #fff1f2;
  border-color: #fecdd3;
  color: #be123c;
}
body.ga-light-theme .badge-premium {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}

body.ga-light-theme .ga-ticker {
  background: #ffffff;
  border-block: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 10px 30px rgba(15, 23, 42, .04);
}
body.ga-light-theme .ga-ticker strong { color: #0f172a; }

body.ga-light-theme .ga-table,
body.ga-light-theme .table {
  --bs-table-bg: transparent;
  --bs-table-color: #0f172a;
  --bs-table-border-color: rgba(15, 23, 42, .10);
  color: #0f172a;
}
body.ga-light-theme .ga-table thead th,
body.ga-light-theme .table thead th {
  color: #475569;
  border-bottom-color: rgba(11, 114, 217, .22);
  background: #f8fafc;
}
body.ga-light-theme .table-hover tbody tr:hover { --bs-table-hover-bg: #f0f7ff; }

body.ga-light-theme .ga-score,
body.ga-light-theme .team-line strong,
body.ga-light-theme .score-row strong,
body.ga-light-theme .ga-stat-value { color: #0f172a; }
body.ga-light-theme .scoreboard-xl {
  background: #ffffff;
  border-color: rgba(15, 23, 42, .12);
}
body.ga-light-theme .team-logo,
body.ga-light-theme .team-logo-lg,
body.ga-light-theme .ga-team-logo {
  background: #eef2f7;
  border-color: rgba(15, 23, 42, .12);
  color: #0f172a;
}
body.ga-light-theme .base.occupied {
  background: #f59e0b !important;
  border-color: #b45309 !important;
  color: #111827 !important;
}
body.ga-light-theme .bases .base,
body.ga-light-theme .diamond-board .base {
  border-color: rgba(15, 23, 42, .38);
  background: #ffffff;
  color: #475569;
}

body.ga-light-theme .ga-command-btn,
body.ga-light-theme .scorebook-action,
body.ga-light-theme .scorebook-runner-control {
  background: #ffffff;
  border-color: rgba(15, 23, 42, .12);
  color: #0f172a;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .06);
}
body.ga-light-theme .ga-command-btn:hover,
body.ga-light-theme .scorebook-action:hover,
body.ga-light-theme .scorebook-runner-control:hover {
  background: #eef6ff;
  border-color: rgba(11, 114, 217, .30);
}

body.ga-light-theme .ga-admin-shell { color: #0f172a; }
body.ga-light-theme .ga-sidebar {
  background: #ffffff;
  border-color: rgba(15, 23, 42, .10);
  box-shadow: var(--ga-shadow-soft);
}
body.ga-light-theme .ga-sidebar a { color: #334155; }
body.ga-light-theme .ga-sidebar a:hover {
  background: #eef6ff;
  color: #0b72d9;
}
body.ga-light-theme .studio-preview-hero,
body.ga-light-theme .studio-tournament-preview {
  background:
    radial-gradient(circle at top left, rgba(11, 114, 217, .16), transparent 34%),
    linear-gradient(135deg, #ffffff, #eef6ff);
  color: #0f172a;
  border-color: rgba(15, 23, 42, .10);
}
body.ga-light-theme .studio-preview-hero strong,
body.ga-light-theme .studio-tournament-preview strong,
body.ga-light-theme .studio-tournament-preview small { color: #0f172a; }
body.ga-light-theme .studio-preview-logo {
  background: #ffffff;
  color: #0b72d9;
  border-color: rgba(11, 114, 217, .18);
}

body.ga-light-theme .form-control,
body.ga-light-theme .form-select,
body.ga-light-theme .form-check-input,
body.ga-light-theme .studio-config-form .form-control,
body.ga-light-theme .studio-config-form .form-select {
  background: #ffffff;
  border-color: rgba(15, 23, 42, .16);
  color: #0f172a;
}
body.ga-light-theme .form-control::placeholder,
body.ga-light-theme .studio-config-form .form-control::placeholder { color: #94a3b8; }
body.ga-light-theme .form-control:focus,
body.ga-light-theme .form-select:focus,
body.ga-light-theme .studio-config-form .form-control:focus,
body.ga-light-theme .studio-config-form .form-select:focus {
  background: #ffffff;
  color: #0f172a;
  border-color: #0b72d9;
  box-shadow: 0 0 0 .22rem rgba(11, 114, 217, .12);
}
body.ga-light-theme .form-label,
body.ga-light-theme .studio-config-form .form-label { color: #334155; }
body.ga-light-theme .form-text,
body.ga-light-theme .studio-config-form .form-text { color: #64748b; }

body.ga-light-theme .btn-ga {
  --bs-btn-bg: #0b72d9;
  --bs-btn-color: #ffffff;
  --bs-btn-hover-bg: #075fb7;
  --bs-btn-hover-color: #ffffff;
  box-shadow: 0 12px 28px rgba(11, 114, 217, .22);
}
body.ga-light-theme .btn-outline-ga {
  border-color: rgba(11, 114, 217, .35);
  color: #0b72d9;
  background: #ffffff;
}
body.ga-light-theme .btn-outline-ga:hover {
  background: #0b72d9;
  border-color: #0b72d9;
  color: #ffffff;
}

body.ga-light-theme .ga-media-img,
body.ga-light-theme .ga-placeholder-media {
  background: linear-gradient(135deg, #e0f2fe, #fef3c7);
  border-color: rgba(15, 23, 42, .10);
  color: #0f172a;
}
body.ga-light-theme footer .ga-card { background: #ffffff; }

/* Keep broadcast overlays dark by design, even while app UI is lighter. */
body.ga-overlay-body,
body.ga-overlay-body .scorebug-pro > div {
  color: #ffffff;
}

/* Readability + Admin Experience Fix
   This layer fixes the light-theme contrast problems and turns admin show pages
   into previews/control rooms instead of raw metadata grids. */
body.ga-light-theme {
  background: #f6f8fc !important;
  color: #0f172a !important;
}
body.ga-light-theme a { color: #0b5fb7; }
body.ga-light-theme a:hover { color: #083f7d; }
body.ga-light-theme .navbar.ga-navbar {
  background: rgba(255,255,255,.94) !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
}
body.ga-light-theme .navbar .nav-link,
body.ga-light-theme .navbar-brand,
body.ga-light-theme .navbar .fw-bold { color: #0f172a !important; }
body.ga-light-theme .ga-card,
body.ga-light-theme .network-card,
body.ga-light-theme .club-card,
body.ga-light-theme .player-card,
body.ga-light-theme .ga-panel,
body.ga-light-theme .ga-glass,
body.ga-light-theme .ga-stat,
body.ga-light-theme .builder-panel,
body.ga-light-theme .builder-pool-card,
body.ga-light-theme .builder-round-card,
body.ga-light-theme .preview-pool,
body.ga-light-theme .preview-round,
body.ga-light-theme .preview-matchup,
body.ga-light-theme .studio-access-card,
body.ga-light-theme .studio-config-hero,
body.ga-light-theme .studio-pool-card,
body.ga-light-theme .bracket-round,
body.ga-light-theme .bracket-matchup {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.11) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.07) !important;
}
body.ga-light-theme .ga-hero,
body.ga-light-theme .baseball-hero,
body.ga-light-theme .gamecast-topper {
  background:
    radial-gradient(circle at top left, rgba(11,114,217,.14), transparent 34%),
    linear-gradient(135deg, #ffffff, #eef6ff 58%, #fff7df) !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.10) !important;
  box-shadow: 0 22px 50px rgba(15,23,42,.08) !important;
}
body.ga-light-theme .ga-title,
body.ga-light-theme .ga-section-title,
body.ga-light-theme .section-title,
body.ga-light-theme h1,
body.ga-light-theme h2,
body.ga-light-theme h3,
body.ga-light-theme h4,
body.ga-light-theme h5,
body.ga-light-theme h6,
body.ga-light-theme strong,
body.ga-light-theme .fw-bold,
body.ga-light-theme .fw-black,
body.ga-light-theme .headline-link,
body.ga-light-theme .preview-round > strong,
body.ga-light-theme .preview-matchup span {
  color: #0f172a !important;
}
body.ga-light-theme .ga-muted,
body.ga-light-theme .text-muted,
body.ga-light-theme small,
body.ga-light-theme .preview-pool ol,
body.ga-light-theme .builder-help,
body.ga-light-theme .builder-mode-card small,
body.ga-light-theme .builder-vs {
  color: #64748b !important;
}
body.ga-light-theme .ga-kicker {
  color: #0b72d9 !important;
}
body.ga-light-theme .ga-chip,
body.ga-light-theme .builder-entry-chip {
  background: #f1f5f9 !important;
  border-color: rgba(15,23,42,.10) !important;
  color: #334155 !important;
}
body.ga-light-theme .badge,
body.ga-light-theme .badge-live,
body.ga-light-theme .badge-premium {
  color: #0f172a;
}
body.ga-light-theme .ga-table,
body.ga-light-theme .table {
  --bs-table-bg: #ffffff;
  --bs-table-color: #0f172a;
  --bs-table-border-color: rgba(15,23,42,.10);
  color: #0f172a !important;
}
body.ga-light-theme .ga-table thead th,
body.ga-light-theme .table thead th {
  color: #334155 !important;
  background: #f8fafc;
  border-bottom-color: rgba(15,23,42,.14) !important;
}
body.ga-light-theme .btn-outline-light {
  color: #0b5fb7 !important;
  border-color: rgba(11,95,183,.35) !important;
  background: #ffffff !important;
}
body.ga-light-theme .btn-outline-light:hover {
  color: #ffffff !important;
  background: #0b5fb7 !important;
  border-color: #0b5fb7 !important;
}
body.ga-light-theme .btn-outline-warning {
  color: #8a5a00 !important;
  background: #fffaf0 !important;
  border-color: rgba(180,115,0,.35) !important;
}
body.ga-light-theme .btn-outline-info {
  color: #075985 !important;
  background: #f0f9ff !important;
  border-color: rgba(7,89,133,.30) !important;
}
body.ga-light-theme .text-white,
body.ga-light-theme .text-light { color: #0f172a !important; }
body.ga-light-theme .text-warning { color: #b45309 !important; }
body.ga-light-theme .text-info { color: #075985 !important; }
body.ga-light-theme .text-success { color: #15803d !important; }
body.ga-light-theme .text-danger { color: #b91c1c !important; }
body.ga-light-theme .border-secondary-subtle,
body.ga-light-theme .border-bottom { border-color: rgba(15,23,42,.10) !important; }
body.ga-light-theme .ga-ticker {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.10) !important;
  color: #0f172a !important;
}
body.ga-light-theme .ga-score,
body.ga-light-theme .team-line strong,
body.ga-light-theme .score-row strong {
  color: #b45309 !important;
}
body.ga-light-theme .scoreboard-xl {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.10) !important;
}
body.ga-light-theme .alert { color: #0f172a; }
body.ga-light-theme .dropdown-menu { background: #ffffff; color: #0f172a; border-color: rgba(15,23,42,.10); }

.admin-show-hero {
  background:
    radial-gradient(circle at 8% 12%, rgba(11,114,217,.14), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f3f8ff 62%, #fff9e8 100%);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 28px;
  padding: 1.35rem;
  box-shadow: 0 18px 44px rgba(15,23,42,.07);
}
.admin-show-title { font-size: clamp(2rem, 4vw, 4.3rem); font-weight: 1000; letter-spacing: -.065em; line-height: .94; }
.admin-preview-frame { border-radius: 24px; overflow: hidden; background: #0f172a; min-height: 315px; border: 1px solid rgba(15,23,42,.12); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.admin-preview-frame iframe { width: 100%; min-height: 390px; border: 0; display: block; }
.admin-video-placeholder { min-height: 360px; display: grid; place-items: center; color: #ffffff; background: radial-gradient(circle at 30% 20%, rgba(14,165,233,.35), transparent 34%), linear-gradient(135deg,#0f172a,#1e293b); }
.admin-video-placeholder .play-orb { width: 86px; height: 86px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.92); color:#0f172a; font-weight: 1000; box-shadow: 0 14px 40px rgba(0,0,0,.28); }
.admin-live-status { display:inline-flex; align-items:center; gap:.5rem; border-radius:999px; padding:.42rem .72rem; font-weight:900; background:#eef6ff; color:#0b5fb7; border:1px solid rgba(11,95,183,.18); }
.admin-live-status.live { background:#fff1f2; color:#be123c; border-color:rgba(190,18,60,.20); }
.admin-object-card { background:#ffffff; border:1px solid rgba(15,23,42,.10); border-radius:22px; padding:1rem; box-shadow:0 10px 26px rgba(15,23,42,.055); }
.admin-object-card .label { text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; font-weight:900; color:#64748b; }
.admin-object-card .value { color:#0f172a; font-weight:800; overflow-wrap:anywhere; }
.admin-action-list a, .admin-action-list .btn { justify-content:space-between; text-align:left; }
.admin-raw-details { background:#f8fafc; border:1px solid rgba(15,23,42,.08); border-radius:18px; padding:1rem; }
.admin-raw-details summary { cursor:pointer; font-weight:900; color:#334155; }
.admin-raw-details table { margin-top:1rem; }

/* Readability + scorebook usability pass — high contrast, no outline-only headings, no cramped cards. */
body.ga-light-theme {
  background: #f5f7fb !important;
  color: #111827 !important;
}
body.ga-light-theme a { color: #075ec7; }
body.ga-light-theme p,
body.ga-light-theme li,
body.ga-light-theme label,
body.ga-light-theme .form-label,
body.ga-light-theme .card-text { color: #334155 !important; }
body.ga-light-theme .ga-hero-title,
body.ga-light-theme .franchise-title,
body.ga-light-theme .athlete-title,
body.ga-light-theme .admin-show-title,
body.ga-light-theme .league-title,
body.ga-light-theme .tournament-title,
body.ga-light-theme .hero-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  background: none !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
}
body.ga-light-theme .ga-card,
body.ga-light-theme .content-card,
body.ga-light-theme .story-card,
body.ga-light-theme .media-card,
body.ga-light-theme .team-command-card,
body.ga-light-theme .fan-metric,
body.ga-light-theme .season-switcher,
body.ga-light-theme .scorebook-card,
body.ga-light-theme .admin-object-card,
body.ga-light-theme .builder-panel,
body.ga-light-theme .league-card,
body.ga-light-theme .tournament-card {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .12) !important;
  color: #111827 !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .07) !important;
}
body.ga-light-theme .season-tab {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .14) !important;
  color: #075ec7 !important;
  min-width: max-content;
}
body.ga-light-theme .season-tab.active,
body.ga-light-theme .season-tab:hover {
  background: #eaf4ff !important;
  border-color: rgba(7, 94, 199, .32) !important;
  color: #0f172a !important;
}
body.ga-light-theme .scorebook-shell {
  color: #111827 !important;
}
body.ga-light-theme .scorebook-title,
body.ga-light-theme .scorebook-section-title,
body.ga-light-theme .scorebook-card h1,
body.ga-light-theme .scorebook-card h2,
body.ga-light-theme .scorebook-card h3,
body.ga-light-theme .scorebook-card h4,
body.ga-light-theme .scorebook-card h5 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}
body.ga-light-theme .scorebook-help,
body.ga-light-theme .scorebook-card .ga-muted,
body.ga-light-theme .scorebook-card small {
  color: #475569 !important;
}
body.ga-light-theme .scorebook-game-strip,
body.ga-light-theme .scorebook-team-score,
body.ga-light-theme .scorebook-inning-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, .12) !important;
}
body.ga-light-theme .scorebook-team-score strong,
body.ga-light-theme .scorebook-inning-card strong {
  color: #c2410c !important;
}
.scorebook-pa-board { display: grid; gap: 1rem; }
.scorebook-result-bank {
  border: 1px solid rgba(15,23,42,.10);
  background: #f8fafc;
  border-radius: 22px;
  padding: 1rem;
}
.scorebook-bank-title {
  color: #334155;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .76rem;
  font-weight: 1000;
  margin-bottom: .7rem;
}
.scorebook-result-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: .65rem;
}
.scorebook-result-form { margin: 0; }
.scorebook-result-chip {
  width: 100%;
  min-height: 68px;
  border: 1px solid rgba(7,94,199,.20);
  border-radius: 18px;
  background: #ffffff;
  color: #0f172a;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .62rem;
  padding: .7rem .78rem;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(15,23,42,.055);
}
.scorebook-result-chip strong {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  background: #eaf4ff;
  color: #075ec7 !important;
  border: 1px solid rgba(7,94,199,.20);
}
.scorebook-result-chip span { color: #0f172a; overflow-wrap: anywhere; }
.scorebook-result-chip:hover { transform: translateY(-2px); border-color: rgba(7,94,199,.45); }
.scorebook-result-chip.out-chip strong { background: #fff7ed; color: #c2410c !important; border-color: rgba(194,65,12,.18); }
.scorebook-advanced-play {
  border: 1px dashed rgba(15,23,42,.18);
  background: #ffffff;
  border-radius: 18px;
  padding: .9rem 1rem;
  color: #334155;
}
.scorebook-advanced-play summary { cursor: pointer; color: #0f172a; font-weight: 900; }
.scorebook-advanced-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .8rem; }
.scorebook-advanced-form { display: grid; gap: .5rem; border: 1px solid rgba(15,23,42,.10); border-radius: 16px; padding: .85rem; background: #f8fafc; }
.advanced-form-head { display: flex; align-items: center; gap: .55rem; font-weight: 900; color: #0f172a; }
.advanced-form-head strong { color: #075ec7 !important; }
body.ga-light-theme .result-grid,
body.ga-light-theme .result-card { background: transparent !important; }
body.ga-light-theme .pitch-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.14) !important;
}
body.ga-light-theme .pitch-btn strong { color: #075ec7 !important; }
body.ga-light-theme .pitch-btn span { color: #334155 !important; }
body.ga-light-theme .lineup-row,
body.ga-light-theme .scorebook-log-row {
  background: #f8fafc !important;
  border-color: rgba(15,23,42,.10) !important;
  color: #0f172a !important;
}
body.ga-light-theme .lineup-row strong,
body.ga-light-theme .scorebook-log-row strong { color: #0f172a !important; }
body.ga-light-theme .lineup-row.current { background: #eaf4ff !important; border-color: rgba(7,94,199,.28) !important; }
body.ga-light-theme .scorebook-diamond .diamond-base,
body.ga-light-theme .diamond-plate {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.20) !important;
}
body.ga-light-theme .scorebook-diamond .diamond-base.occupied {
  background: #eaf4ff !important;
  border-color: rgba(7,94,199,.35) !important;
}
body.ga-light-theme .scorebook-diamond .diamond-base span,
body.ga-light-theme .scorebook-diamond .diamond-base strong { color: #0f172a !important; }
body.ga-light-theme .form-control,
body.ga-light-theme .form-select {
  color: #0f172a !important;
  background-color: #ffffff !important;
  border-color: rgba(15,23,42,.18) !important;
}
body.ga-light-theme .form-control::placeholder { color: #64748b !important; opacity: 1; }
@media (max-width: 900px) {
  .scorebook-result-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scorebook-result-chip { min-height: 62px; }
}

/* Unified scorecard system: keeps home page, event cards, league tickers, and GameCenter previews visually consistent. */
.ga-scorecard {
  --scorecard-bg: #ffffff;
  --scorecard-text: #0f172a;
  --scorecard-muted: #475569;
  --scorecard-border: rgba(15, 23, 42, .12);
  --scorecard-soft: #f8fafc;
  --scorecard-accent: #075ec7;
  background: var(--scorecard-bg) !important;
  color: var(--scorecard-text) !important;
  border: 1px solid var(--scorecard-border) !important;
  border-radius: 28px;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .08);
  padding: 1.35rem;
  overflow: hidden;
  min-width: 0;
}
.ga-scorecard * { color: inherit; }
.ga-scorecard__meta {
  display: flex;
  justify-content: space-between;
  gap: .9rem;
  align-items: center;
  margin-bottom: 1rem;
}
.ga-scorecard__status {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  border-radius: 999px;
  padding: .42rem .72rem;
  background: #eef2f7;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, .10);
  font-size: .72rem;
  font-weight: 1000;
  letter-spacing: .03em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}
.ga-scorecard__status::before {
  content: "";
  width: .48rem;
  height: .48rem;
  border-radius: 999px;
  background: #94a3b8;
  flex: 0 0 auto;
}
.ga-scorecard__status.is-live { background: #fff1f2; color: #9f1239 !important; border-color: #fecdd3; }
.ga-scorecard__status.is-live::before { background: #ef4444; box-shadow: 0 0 0 .22rem rgba(239, 68, 68, .12); }
.ga-scorecard__status.is-final { background: #f1f5f9; color: #334155 !important; }
.ga-scorecard__time { color: var(--scorecard-muted) !important; font-size: .88rem; font-weight: 800; text-align: right; }
.ga-scorecard__teams { display: grid; gap: .7rem; }
.ga-scorecard__team {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  min-width: 0;
}
.ga-scorecard__identity {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-width: 0;
}
.ga-scorecard__logo {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  background: #eaf4ff;
  color: #0f172a !important;
  border: 1px solid rgba(7, 94, 199, .16);
  font-weight: 1000;
  letter-spacing: -.04em;
  font-size: .92rem;
  overflow: hidden;
}
.ga-scorecard__team-copy { min-width: 0; }
.ga-scorecard__team-copy strong {
  display: block;
  color: #0f172a !important;
  font-size: clamp(.98rem, 1.5vw, 1.14rem);
  font-weight: 1000;
  line-height: 1.08;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ga-scorecard__team-copy small { display: block; color: #64748b !important; font-weight: 900; margin-top: .14rem; }
.ga-scorecard__score {
  color: #b45309 !important;
  font-size: clamp(2.15rem, 6vw, 3.6rem);
  font-weight: 1000;
  line-height: .92;
  letter-spacing: -.075em;
  font-variant-numeric: tabular-nums;
  min-width: 2ch;
  text-align: right;
}
.ga-scorecard__baseball {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px auto;
  gap: 1rem;
  align-items: center;
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(15, 23, 42, .10);
}
.ga-scorecard__situation span,
.ga-scorecard__count span,
.ga-scorecard__footer {
  display: block;
  color: #075ec7 !important;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: .62rem;
  font-weight: 1000;
}
.ga-scorecard__situation strong,
.ga-scorecard__count strong { color: #0f172a !important; font-weight: 1000; font-size: .98rem; }
.ga-scorecard__count { text-align: right; }
.ga-scorecard__count strong { font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.ga-scorecard__diamond {
  position: relative;
  width: 78px;
  height: 54px;
  margin: 0 auto;
}
.ga-scorecard__diamond .base {
  position: absolute;
  width: 22px;
  height: 22px;
  background: #ffffff;
  border: 2px solid #cbd5e1;
  transform: rotate(45deg);
  box-shadow: 0 3px 8px rgba(15, 23, 42, .08);
}
.ga-scorecard__diamond .base.occupied { background: #fbbf24; border-color: #b45309; }
.ga-scorecard__diamond .second { top: 0; left: 28px; }
.ga-scorecard__diamond .third { top: 26px; left: 2px; }
.ga-scorecard__diamond .first { top: 26px; right: 2px; }
.ga-scorecard__footer { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(15, 23, 42, .10); }
.ga-scorecard--compact {
  border-radius: 22px;
  padding: 1rem;
  box-shadow: none;
  background: #ffffff !important;
}
.ga-scorecard--compact .ga-scorecard__meta { margin-bottom: .82rem; }
.ga-scorecard--compact .ga-scorecard__team { gap: .75rem; }
.ga-scorecard--compact .ga-scorecard__logo { width: 40px; height: 40px; flex-basis: 40px; border-radius: 14px; }
.ga-scorecard--compact .ga-scorecard__score { font-size: 2.25rem; }
.ga-scorecard--compact .ga-scorecard__baseball { grid-template-columns: 1fr auto; gap: .75rem; }
.ga-scorecard--compact .ga-scorecard__diamond { grid-column: 1 / -1; order: 3; margin-top: .25rem; }
.event-card-unified { position: relative; padding: .65rem !important; background: #ffffff !important; color: #0f172a !important; }
.event-card-unified__body { padding: .95rem .85rem .85rem; }
.event-card-unified__title { font-size: 1.08rem; line-height: 1.18; font-weight: 1000; margin: .25rem 0 .75rem; color: #0f172a !important; }
.event-card-unified__title a { color: #0f172a !important; text-decoration: none; }
.event-card-unified__chips { display: flex; flex-wrap: wrap; gap: .45rem; }
.event-card-unified .ga-chip { color: #334155 !important; background: #f8fafc !important; border-color: rgba(15,23,42,.10) !important; }
body.ga-light-theme .broadcast-scoreboard { background: #ffffff !important; color: #0f172a !important; border-color: rgba(15,23,42,.12) !important; }
body.ga-light-theme .hero-game-card .text-white,
body.ga-light-theme .event-card-unified .text-white { color: #0f172a !important; }
body.ga-light-theme .hero-game-card,
body.ga-light-theme .network-card,
body.ga-light-theme .lead-story-card,
body.ga-light-theme .partner-strip-pro { color: #0f172a !important; }
body.ga-light-theme .ga-kicker { color: #075ec7 !important; }
@media (max-width: 575px) {
  .ga-scorecard { padding: 1rem; border-radius: 22px; }
  .ga-scorecard__meta { align-items: flex-start; }
  .ga-scorecard__team-copy strong { font-size: .98rem; }
  .ga-scorecard__score { font-size: 2.35rem; }
  .ga-scorecard__baseball { grid-template-columns: 1fr auto; }
  .ga-scorecard__diamond { grid-column: 1 / -1; }
}

/* True baseball diamond fix: replaces the generic field graphic with a conventional infield. */
.baseball-diamond,
.diamond-board,
.scorebook-diamond {
  --field-grass: #d9f0df;
  --field-grass-deep: #b7dfc1;
  --field-dirt: #d4b27c;
  --field-dirt-deep: #b8884a;
  --chalk: rgba(255,255,255,.88);
  --base-empty: #ffffff;
  --base-stroke: rgba(15,23,42,.34);
  position: relative !important;
  min-height: 310px !important;
  height: 310px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 50% 88%, rgba(180,128,72,.92) 0 20%, transparent 20.5%),
    radial-gradient(ellipse at 50% 62%, rgba(212,178,124,.88) 0 27%, transparent 27.5%),
    linear-gradient(180deg, var(--field-grass-deep), var(--field-grass)) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 16px 36px rgba(15,23,42,.08) !important;
}

/* Infield dirt diamond */
.baseball-diamond::before,
.diamond-board::before,
.scorebook-diamond::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 53%;
  width: 178px;
  height: 178px;
  transform: translate(-50%, -50%) rotate(45deg);
  background: linear-gradient(135deg, var(--field-dirt), var(--field-dirt-deep));
  border: 3px solid rgba(255,255,255,.82);
  box-shadow: inset 0 0 34px rgba(90,55,25,.20), 0 8px 20px rgba(90,55,25,.08);
  z-index: 1;
}

/* Mound */
.baseball-diamond::after,
.diamond-board::after,
.scorebook-diamond::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 54%;
  width: 58px;
  height: 40px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, #c59658, #a9783e);
  border: 2px solid rgba(255,255,255,.55);
  z-index: 2;
}

/* Public Gamecast bases */
.diamond-board .base {
  position: absolute !important;
  z-index: 4 !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border-radius: 5px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  background: var(--base-empty) !important;
  border: 2px solid var(--base-stroke) !important;
  color: #0f172a !important;
  display: grid !important;
  place-items: center !important;
  font-size: .58rem !important;
  font-weight: 1000 !important;
  box-shadow: 0 5px 10px rgba(15,23,42,.12) !important;
}
.diamond-board .base::before {
  content: attr(class);
  display: none;
}
.diamond-board .base.second { left: 50% !important; top: calc(53% - 89px) !important; right: auto !important; }
.diamond-board .base.first { left: calc(50% + 89px) !important; top: 53% !important; right: auto !important; }
.diamond-board .base.third { left: calc(50% - 89px) !important; top: 53% !important; right: auto !important; }
.diamond-board .base.occupied {
  background: #ffd166 !important;
  border-color: #9a6700 !important;
  color: #0f172a !important;
  box-shadow: 0 0 0 5px rgba(255,209,102,.22), 0 8px 16px rgba(15,23,42,.14) !important;
}
.diamond-board .base > *,
.diamond-board .base { line-height: 1 !important; }
.diamond-board .plate {
  position: absolute !important;
  left: 50% !important;
  top: calc(53% + 89px) !important;
  bottom: auto !important;
  width: 42px !important;
  height: 34px !important;
  transform: translate(-50%, -50%) !important;
  z-index: 5 !important;
  display: grid !important;
  place-items: center !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: .62rem !important;
  font-weight: 1000 !important;
  clip-path: polygon(8% 0, 92% 0, 92% 62%, 50% 100%, 8% 62%) !important;
  filter: drop-shadow(0 5px 9px rgba(15,23,42,.13));
}

/* Scorekeeper diamond bases */
.scorebook-diamond .diamond-base {
  position: absolute !important;
  z-index: 4 !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  border-radius: 5px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  background: var(--base-empty) !important;
  border: 2px solid var(--base-stroke) !important;
  box-shadow: 0 5px 10px rgba(15,23,42,.12) !important;
}
.scorebook-diamond .diamond-base span,
.scorebook-diamond .diamond-base strong {
  transform: rotate(-45deg) !important;
  color: #0f172a !important;
  font-weight: 1000 !important;
}
.scorebook-diamond .diamond-base span { font-size: .56rem !important; margin-top: -13px !important; }
.scorebook-diamond .diamond-base strong { font-size: .58rem !important; margin-top: 12px !important; }
.scorebook-diamond .base-second { left: 50% !important; top: calc(53% - 89px) !important; }
.scorebook-diamond .base-first { left: calc(50% + 89px) !important; top: 53% !important; right: auto !important; }
.scorebook-diamond .base-third { left: calc(50% - 89px) !important; top: 53% !important; }
.scorebook-diamond .diamond-base.occupied {
  background: #ffd166 !important;
  border-color: #9a6700 !important;
  box-shadow: 0 0 0 5px rgba(255,209,102,.22), 0 8px 16px rgba(15,23,42,.14) !important;
}
.scorebook-diamond .diamond-plate {
  position: absolute !important;
  left: 50% !important;
  top: calc(53% + 89px) !important;
  bottom: auto !important;
  width: 44px !important;
  height: 36px !important;
  transform: translate(-50%, -50%) !important;
  z-index: 5 !important;
  display: grid !important;
  place-items: center !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: .62rem !important;
  font-weight: 1000 !important;
  clip-path: polygon(8% 0, 92% 0, 92% 62%, 50% 100%, 8% 62%) !important;
  filter: drop-shadow(0 5px 9px rgba(15,23,42,.13));
}

/* Make Diamond View text match the light UI even when older templates use text-white. */
body.ga-light-theme .network-card h1,
body.ga-light-theme .network-card h2,
body.ga-light-theme .network-card h3,
body.ga-light-theme .network-card .text-white {
  color: #0f172a !important;
}

@media (max-width: 575px) {
  .diamond-board,
  .scorebook-diamond { min-height: 260px !important; height: 260px !important; }
  .diamond-board::before,
  .scorebook-diamond::before { width: 146px; height: 146px; }
  .diamond-board .base.second,
  .scorebook-diamond .base-second { top: calc(53% - 73px) !important; }
  .diamond-board .base.first,
  .scorebook-diamond .base-first { left: calc(50% + 73px) !important; }
  .diamond-board .base.third,
  .scorebook-diamond .base-third { left: calc(50% - 73px) !important; }
  .diamond-board .plate,
  .scorebook-diamond .diamond-plate { top: calc(53% + 73px) !important; }
}

/* GameCast + article media editor polish */
.article-editor-shell .ga-card,
.gamecast-page .network-card {
  background: #ffffff !important;
  color: #101828 !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  box-shadow: 0 14px 40px rgba(15, 23, 42, .07) !important;
}
.article-editor-shell .form-label,
.article-editor-shell h1,
.article-editor-shell h2,
.article-editor-shell h3,
.gamecast-page h1,
.gamecast-page h2,
.gamecast-page h3,
.gamecast-page strong { color: #101828 !important; }
.article-body-input { min-height: 420px; font-size: 1.02rem; line-height: 1.6; }
.media-pick-grid,
.article-embed-grid,
.article-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}
.media-pick-card,
.article-embed-card,
.article-photo-card {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: .85rem;
  align-items: center;
  padding: .75rem;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 18px;
  background: #fff;
  color: #101828 !important;
  text-decoration: none;
  min-height: 108px;
}
.media-pick-card { cursor: pointer; position: relative; }
.media-pick-card input { position: absolute; top: .65rem; left: .65rem; z-index: 2; }
.media-pick-card.selected { border-color: #1683f3; box-shadow: 0 0 0 4px rgba(22,131,243,.12); }
.media-pick-card img,
.article-embed-card img,
.article-photo-card img {
  width: 88px;
  height: 74px;
  object-fit: cover;
  border-radius: 14px;
  background: #eef2f7;
}
.article-embed-card { grid-template-columns: 148px 1fr; align-items: stretch; }
.article-embed-card img { width: 148px; height: 112px; }
.media-pick-card strong,
.article-embed-card h3,
.article-photo-card strong { display: block; color: #101828 !important; font-size: .96rem; line-height: 1.2; }
.media-pick-card small,
.article-embed-card p,
.article-photo-card small { display: block; color: #667085 !important; font-size: .82rem; margin: .25rem 0 0; }
.article-hero-image { max-height: 520px; object-fit: cover; }
.article-body-card { color: #182230 !important; }
.article-body-card p { color: #182230 !important; }

.gamecast-topper {
  background: linear-gradient(180deg, #f8fbff, #ffffff) !important;
  color: #101828 !important;
}
.gamecast-topper .text-white,
.gamecast-topper .text-white-50 { color: #475467 !important; }
.pitch-chart-live {
  position: relative;
  height: 300px;
  border-radius: 22px;
  background: linear-gradient(180deg, #f8fbff, #ffffff);
  border: 1px solid rgba(15,23,42,.10);
  display: grid;
  place-items: center;
}
.strike-zone-live {
  position: relative;
  width: 48%;
  height: 72%;
  border: 3px solid #101828;
  background: repeating-linear-gradient(90deg, transparent 0 32.5%, rgba(16,24,40,.08) 32.5% 33.5%, transparent 33.5% 65.5%, rgba(16,24,40,.08) 65.5% 66.5%, transparent 66.5%), repeating-linear-gradient(0deg, transparent 0 32.5%, rgba(16,24,40,.08) 32.5% 33.5%, transparent 33.5% 65.5%, rgba(16,24,40,.08) 65.5% 66.5%, transparent 66.5%);
  border-radius: 10px;
}
.pitch-dot-live {
  position: absolute;
  width: 26px;
  height: 26px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: .7rem;
  font-weight: 900;
  background: #1683f3;
  color: #fff;
  box-shadow: 0 6px 12px rgba(22,131,243,.25);
}
.pitch-dot-live.ball { background: #f59e0b; }
.pitch-dot-live.called-strike,
.pitch-dot-live.swinging-strike { background: #12b76a; }
.pitch-dot-live.foul { background: #7c3aed; }
.spray-field-live {
  position: relative;
  height: 300px;
  overflow: hidden;
  border-radius: 22px;
  background: radial-gradient(circle at 50% 95%, #b08968 0 18%, transparent 19%), radial-gradient(circle at 50% 92%, rgba(180,83,9,.18) 0 36%, transparent 37%), radial-gradient(circle at 50% 95%, #d1fadf 0 74%, #ecfdf3 75% 100%);
  border: 1px solid rgba(15,23,42,.10);
}
.spray-field-live::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 9%;
  width: 220px;
  height: 220px;
  transform: translateX(-50%) rotate(45deg);
  border-left: 2px solid rgba(16,24,40,.28);
  border-top: 2px solid rgba(16,24,40,.28);
}
.spray-dot-live {
  position: absolute;
  width: 14px;
  height: 14px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: #ef4444;
  border: 2px solid #fff;
  box-shadow: 0 6px 14px rgba(239,68,68,.28);
}
.spray-dot-live.ground-ball { background: #12b76a; }
.spray-dot-live.line-drive { background: #1683f3; }
.spray-dot-live.fly-ball { background: #f59e0b; }
.gamecast-mini-list { display: grid; gap: .5rem; }
.gamecast-mini-list > div {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: .65rem .75rem;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
}
.gamecast-mini-list span { color: #667085 !important; font-size: .85rem; text-align: right; }
.gamecast-empty-action {
  display: grid;
  gap: .35rem;
  padding: 1rem;
  background: #f8fafc;
  border: 1px dashed rgba(15,23,42,.20);
  border-radius: 16px;
  color: #475467;
}
@media (max-width: 575px) {
  .article-embed-card,
  .media-pick-card,
  .article-photo-card { grid-template-columns: 1fr; }
  .article-embed-card img,
  .media-pick-card img,
  .article-photo-card img { width: 100%; height: 150px; }
}

/* --------------------------------------------------------------------------
   READABILITY PASS: HERO CONTRAST + LIGHT BROADCAST SURFACES
   --------------------------------------------------------------------------
   These rules intentionally come last. Earlier iterations mixed dark hero
   gradients with dark headline text. The public product now defaults to a
   bright, readable broadcast look while leaving /overlays dark for OBS/vMix.
*/
body.ga-light-theme {
  --ga-page-bg: #f5f8fc;
  --ga-surface: #ffffff;
  --ga-surface-soft: #f8fafc;
  --ga-text-strong: #101828;
  --ga-text: #182230;
  --ga-text-muted: #475467;
  --ga-blue: #0b72d9;
  --ga-gold: #f4b400;
}

body.ga-light-theme .network-hero-pro,
body.ga-light-theme .gamecenter-hero,
body.ga-light-theme .clubhouse-hero,
body.ga-light-theme .player-hero,
body.ga-light-theme .franchise-hero,
body.ga-light-theme .athlete-hero,
body.ga-light-theme .league-hub-hero,
body.ga-light-theme .league-reg-hero,
body.ga-light-theme .ga-hero,
body.ga-light-theme .baseball-hero,
body.ga-light-theme .team-hero,
body.ga-light-theme .tournament-hero,
body.ga-light-theme .studio-hero-pro,
body.ga-light-theme .studio-config-hero,
body.ga-light-theme .admin-show-hero {
  background:
    radial-gradient(circle at 8% 8%, rgba(11,114,217,.10), transparent 30%),
    radial-gradient(circle at 88% 6%, rgba(244,180,0,.13), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f3f8ff 56%, #fffaf0 100%) !important;
  color: var(--ga-text-strong) !important;
  border: 1px solid rgba(16,24,40,.10) !important;
  box-shadow: 0 22px 54px rgba(16,24,40,.08) !important;
  text-shadow: none !important;
}

body.ga-light-theme .network-hero-pro *,
body.ga-light-theme .gamecenter-hero *,
body.ga-light-theme .clubhouse-hero *,
body.ga-light-theme .player-hero *,
body.ga-light-theme .franchise-hero *,
body.ga-light-theme .athlete-hero *,
body.ga-light-theme .league-hub-hero *,
body.ga-light-theme .league-reg-hero *,
body.ga-light-theme .ga-hero *,
body.ga-light-theme .baseball-hero *,
body.ga-light-theme .team-hero *,
body.ga-light-theme .tournament-hero *,
body.ga-light-theme .studio-hero-pro *,
body.ga-light-theme .studio-config-hero *,
body.ga-light-theme .admin-show-hero * {
  text-shadow: none !important;
}

body.ga-light-theme .ga-title,
body.ga-light-theme .display-1,
body.ga-light-theme .display-2,
body.ga-light-theme .display-3,
body.ga-light-theme .display-4,
body.ga-light-theme .network-hero-pro h1,
body.ga-light-theme .gamecenter-hero h1,
body.ga-light-theme .clubhouse-hero h1,
body.ga-light-theme .player-hero h1,
body.ga-light-theme .franchise-hero h1,
body.ga-light-theme .athlete-hero h1,
body.ga-light-theme .league-hub-hero h1,
body.ga-light-theme .league-reg-hero h1,
body.ga-light-theme .admin-show-title {
  color: var(--ga-text-strong) !important;
  -webkit-text-fill-color: var(--ga-text-strong) !important;
  background: none !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  line-height: 1.04 !important;
  opacity: 1 !important;
}

body.ga-light-theme .lead,
body.ga-light-theme .ga-muted,
body.ga-light-theme .text-white,
body.ga-light-theme .text-white-50,
body.ga-light-theme .network-hero-pro p,
body.ga-light-theme .gamecenter-hero p,
body.ga-light-theme .clubhouse-hero p,
body.ga-light-theme .player-hero p,
body.ga-light-theme .franchise-hero p,
body.ga-light-theme .athlete-hero p,
body.ga-light-theme .league-hub-hero p,
body.ga-light-theme .league-reg-hero p,
body.ga-light-theme .admin-show-hero p {
  color: var(--ga-text-muted) !important;
  opacity: 1 !important;
}

body.ga-light-theme .ga-kicker,
body.ga-light-theme .league-hub-kicker,
body.ga-light-theme .studio-kicker {
  color: var(--ga-blue) !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
}

body.ga-light-theme .hero-orbit,
body.ga-light-theme .league-hub-hero-bg,
body.ga-light-theme .ga-gradient-text {
  display: none !important;
}

body.ga-light-theme .network-card,
body.ga-light-theme .hero-game-card,
body.ga-light-theme .ga-card,
body.ga-light-theme .ga-stat,
body.ga-light-theme .metric-tile,
body.ga-light-theme .sponsor-panel,
body.ga-light-theme .league-reg-hero-panel,
body.ga-light-theme .league-registration-card,
body.ga-light-theme .admin-preview-card,
body.ga-light-theme .studio-panel,
body.ga-light-theme .studio-form-section,
body.ga-light-theme .scorebook-card,
body.ga-light-theme .scorebook-panel {
  background: #ffffff !important;
  color: var(--ga-text-strong) !important;
  border: 1px solid rgba(16,24,40,.10) !important;
  box-shadow: 0 16px 38px rgba(16,24,40,.07) !important;
}

body.ga-light-theme .network-card h1,
body.ga-light-theme .network-card h2,
body.ga-light-theme .network-card h3,
body.ga-light-theme .network-card h4,
body.ga-light-theme .network-card h5,
body.ga-light-theme .hero-game-card h1,
body.ga-light-theme .hero-game-card h2,
body.ga-light-theme .hero-game-card h3,
body.ga-light-theme .ga-card h1,
body.ga-light-theme .ga-card h2,
body.ga-light-theme .ga-card h3,
body.ga-light-theme .ga-stat strong,
body.ga-light-theme .metric-tile strong {
  color: var(--ga-text-strong) !important;
}

body.ga-light-theme .ga-stat .ga-kicker,
body.ga-light-theme .metric-tile span {
  color: #0b72d9 !important;
}

body.ga-light-theme .btn-outline-ga,
body.ga-light-theme .btn-outline-info,
body.ga-light-theme .btn-outline-warning {
  background: #ffffff !important;
  color: #0b3b69 !important;
  border-color: rgba(11,114,217,.32) !important;
}
body.ga-light-theme .btn-outline-ga:hover,
body.ga-light-theme .btn-outline-info:hover,
body.ga-light-theme .btn-outline-warning:hover {
  background: #eef6ff !important;
  color: #072f57 !important;
}

/* Keep the public scorecard crisp and consistent inside bright heroes. */
body.ga-light-theme .scorecard-unified,
body.ga-light-theme .scoreboard-panel,
body.ga-light-theme .scoreboard-xl,
body.ga-light-theme .live-game-card {
  background: #ffffff !important;
  color: var(--ga-text-strong) !important;
  border: 1px solid rgba(16,24,40,.12) !important;
  box-shadow: 0 18px 42px rgba(16,24,40,.10) !important;
}
body.ga-light-theme .scorecard-unified *,
body.ga-light-theme .scoreboard-panel *,
body.ga-light-theme .scoreboard-xl *,
body.ga-light-theme .live-game-card * {
  text-shadow: none !important;
}
body.ga-light-theme .scorecard-unified .score,
body.ga-light-theme .scoreboard-panel .score,
body.ga-light-theme .scoreboard-xl .score,
body.ga-light-theme .live-game-card .score {
  color: #b45309 !important;
}

@media (max-width: 768px) {
  body.ga-light-theme .gamecenter-hero,
  body.ga-light-theme .network-hero-pro,
  body.ga-light-theme .ga-hero {
    border-radius: 24px !important;
  }
  body.ga-light-theme .ga-title,
  body.ga-light-theme .display-3,
  body.ga-light-theme .display-4 {
    font-size: clamp(2rem, 9vw, 3rem) !important;
    line-height: 1.08 !important;
  }
}


/* GA360 dark broadcast readability + scorebug state cleanup
   Keeps top GameCenter sections dark, makes headline copy readable, and removes
   duplicate baseball state language in overlays. */
body.ga-light-theme .gamecenter-hero,
body.ga-light-theme .network-hero-pro,
body.ga-light-theme .baseball-hero,
body.ga-light-theme .gamecast-topper {
  background:
    radial-gradient(circle at 12% 8%, rgba(255,207,63,.18), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(25,211,255,.18), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0f2a49 58%, #07111f 100%) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 28px 85px rgba(5, 12, 24, .32) !important;
}

body.ga-light-theme .gamecenter-hero h1,
body.ga-light-theme .network-hero-pro h1,
body.ga-light-theme .baseball-hero h1,
body.ga-light-theme .gamecast-topper h1,
body.ga-light-theme .gamecenter-hero .ga-title,
body.ga-light-theme .network-hero-pro .network-headline {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  font-size: clamp(2.25rem, 4.5vw, 4.7rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
  font-weight: 950 !important;
  max-width: 980px;
}

body.ga-light-theme .gamecenter-hero .lead,
body.ga-light-theme .network-hero-pro .lead,
body.ga-light-theme .baseball-hero .lead,
body.ga-light-theme .gamecast-topper .ga-muted,
body.ga-light-theme .gamecenter-hero .ga-muted,
body.ga-light-theme .network-hero-pro .ga-muted,
body.ga-light-theme .baseball-hero .ga-muted {
  color: #d5e6f7 !important;
}

body.ga-light-theme .gamecenter-hero .ga-stat,
body.ga-light-theme .network-hero-pro .ga-stat,
body.ga-light-theme .baseball-hero .ga-stat {
  background: rgba(255,255,255,.96) !important;
  color: #111827 !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.18) !important;
}

body.ga-light-theme .gamecenter-hero .ga-stat strong,
body.ga-light-theme .network-hero-pro .ga-stat strong,
body.ga-light-theme .baseball-hero .ga-stat strong {
  color: #111827 !important;
}

body.ga-light-theme .gamecenter-hero .btn-ga,
body.ga-light-theme .network-hero-pro .btn-ga,
body.ga-light-theme .baseball-hero .btn-ga {
  color: #fff !important;
}

body.ga-light-theme .gamecenter-hero .btn-outline-ga,
body.ga-light-theme .gamecenter-hero .btn-outline-info,
body.ga-light-theme .gamecenter-hero .btn-outline-warning,
body.ga-light-theme .network-hero-pro .btn-outline-ga,
body.ga-light-theme .network-hero-pro .btn-outline-info,
body.ga-light-theme .network-hero-pro .btn-outline-warning,
body.ga-light-theme .baseball-hero .btn-outline-ga,
body.ga-light-theme .baseball-hero .btn-outline-info,
body.ga-light-theme .baseball-hero .btn-outline-warning {
  background: rgba(255,255,255,.95) !important;
  color: #0b3b69 !important;
  border-color: rgba(255,255,255,.55) !important;
}

/* More compact hero on wide screens so it feels premium, not oversized. */
@media (min-width: 1200px) {
  body.ga-light-theme .gamecenter-hero,
  body.ga-light-theme .network-hero-pro,
  body.ga-light-theme .baseball-hero {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
}

/* Clean broadcast scorebug: one status line, one count line, one outs indicator. */
.scorebug-pro--clean {
  width: 900px;
  max-width: 100vw;
  min-height: 76px;
  display: grid;
  grid-template-columns: minmax(190px,1fr) 110px 110px minmax(190px,1fr) 210px;
  overflow: hidden;
  border-radius: 0 0 16px 16px;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.scorebug-pro--clean > div { min-width: 0; }
.scorebug-pro--clean .bug-team {
  display:flex;align-items:center;gap:.75rem;
  padding: 13px 18px;
  background: #151820;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.14);
  font-weight:950;
  letter-spacing:-.03em;
  text-transform: uppercase;
}
.scorebug-pro--clean .bug-team-name { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.scorebug-pro--clean .bug-mark {
  width:34px;height:34px;flex:0 0 34px;border-radius:999px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#79d7ff,#e83e73);
  color:#fff;font-size:.7rem;font-weight:950;letter-spacing:0;
}
.scorebug-pro--clean .bug-score {
  display:grid;place-items:center;
  background:linear-gradient(180deg,#ffe576,#ffc928);
  color:#07111f;
  font-size:2.35rem;
  line-height:1;
  font-weight:1000;
  font-variant-numeric: tabular-nums;
  border-right:1px solid rgba(255,255,255,.2);
}
.scorebug-pro--clean .bug-state {
  display:flex;flex-direction:column;justify-content:center;gap:.24rem;
  padding: 10px 18px;
  background:#141821;
  color:#eaf7ff;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.75rem;
  font-weight:900;
}
.scorebug-pro--clean .bug-state-main { color:#c9f2ff; white-space:nowrap; }
.scorebug-pro--clean .bug-count { display:flex;gap:.75rem;color:#fff;letter-spacing:.08em; }
.scorebug-pro--clean .bug-bottom-row { display:flex;align-items:center;justify-content:space-between;gap:.75rem; }
.scorebug-pro--clean .bug-outs { display:flex;align-items:center;gap:.28rem;color:#9fb0c9;font-size:.62rem;letter-spacing:.12em; }
.scorebug-pro--clean .bug-outs i { width:8px;height:8px;border-radius:999px;background:#3a4353;border:1px solid #5b6474;display:inline-block; }
.scorebug-pro--clean .bug-outs i.is-on { background:#ffcf3f;border-color:#ffd66c;box-shadow:0 0 0 2px rgba(255,207,63,.15); }
.scorebug-pro--clean .bug-bases { width:44px;height:30px;position:relative;flex:0 0 44px; }
.scorebug-pro--clean .bug-bases .base { position:absolute;width:12px;height:12px;transform:rotate(45deg);background:#2c3340;border:1px solid #8993a4; }
.scorebug-pro--clean .bug-bases .base.on { background:#ffcf3f;border-color:#ffe28a; }
.scorebug-pro--clean .bug-bases .second { left:16px;top:0; }
.scorebug-pro--clean .bug-bases .third { left:1px;top:15px; }
.scorebug-pro--clean .bug-bases .first { right:1px;top:15px; }
.scorebug-pro--clean + .sponsor-strip {
  width: 475px;
  margin-left: 28px;
  margin-top: -2px;
  border-radius:0 0 999px 999px;
  background:rgba(9,13,21,.94);
  color:#ffdc52;
  border:1px solid rgba(255,207,63,.45);
  box-shadow:0 10px 28px rgba(0,0,0,.35);
}

/* Prevent old overlay status/count/bases rules from leaking into the clean scorebug. */
.scorebug-pro--clean .status,
.scorebug-pro--clean .team,
.scorebug-pro--clean .score { all: unset; }


/* Broadcast scorebug v2: clear state modules, no duplicated outs/count text. */
.scorebug-broadcast-v2 {
  width: 1152px;
  max-width: calc(100vw - 24px);
  min-height: 86px;
  display: grid;
  grid-template-columns: minmax(210px, 1fr) 104px 104px minmax(210px, 1fr) 112px 112px 92px 82px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 58px rgba(0,0,0,.42);
  background: #11151e;
  color: #fff;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.scorebug-broadcast-v2 > * { min-width: 0; }
.scorebug-broadcast-v2 .bug-side {
  display:flex;align-items:center;gap:.72rem;
  padding: 0 20px;
  background:#151923;
  border-right:1px solid rgba(255,255,255,.12);
  font-weight:950;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.scorebug-broadcast-v2 .bug-side--home { border-left:1px solid rgba(255,255,255,.1); }
.scorebug-broadcast-v2 .bug-logo {
  width:34px;height:34px;flex:0 0 34px;border-radius:999px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#78d7ff,#e83e73);
  color:#fff;font-weight:950;font-size:.72rem;letter-spacing:0;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
}
.scorebug-broadcast-v2 .bug-team-text {
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:1.25rem;line-height:1;
}
.scorebug-broadcast-v2 .bug-score {
  position: relative;
  display:grid;place-items:center;
  min-width: 104px;
  background:linear-gradient(180deg,#ffe472,#ffc525);
  color:#06101d;
  font-size:2.4rem;
  line-height:1;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.03em;
  border-right:1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.scorebug-broadcast-v2 .bug-score--away::after {
  content:"";
  position:absolute;
  top:16px;
  bottom:16px;
  right:-1px;
  width:2px;
  background:rgba(10,16,28,.22);
}
.scorebug-broadcast-v2 .bug-score--home {
  border-left:1px solid rgba(255,255,255,.22);
}
.scorebug-broadcast-v2 .bug-status-panel,
.scorebug-broadcast-v2 .bug-count-panel,
.scorebug-broadcast-v2 .bug-bases-panel,
.scorebug-broadcast-v2 .bug-outs-panel {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.18rem;
  background:#121720;
  border-left:1px solid rgba(255,255,255,.11);
  padding: 8px 10px;
  text-align:center;
}
.scorebug-broadcast-v2 .bug-status-panel { align-items:flex-start;text-align:left;padding-left:18px; }
.scorebug-broadcast-v2 .bug-status-panel.is-final { align-items:center;text-align:center; }
.scorebug-broadcast-v2 .bug-inning,
.scorebug-broadcast-v2 .bug-final-label {
  color:#f4fbff;
  font-size:.92rem;
  line-height:1;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.scorebug-broadcast-v2 .bug-live {
  color:#8ee5ff;
  font-size:.7rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.scorebug-broadcast-v2 .bug-panel-label {
  color:#8ee5ff;
  font-size:.57rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.scorebug-broadcast-v2 .bug-count-values {
  display:flex;gap:.55rem;
  color:#fff;
  font-size:1.03rem;
  font-weight:1000;
  letter-spacing:.05em;
  white-space:nowrap;
}
.scorebug-broadcast-v2 .bug-bases-v2 {
  width:44px;height:31px;position:relative;margin-top:2px;
}
.scorebug-broadcast-v2 .bug-bases-v2 .base {
  position:absolute;width:12px;height:12px;transform:rotate(45deg);
  background:#2d3441;border:1.5px solid #8894a8;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}
.scorebug-broadcast-v2 .bug-bases-v2 .base.on { background:#ffbd20;border-color:#ffe18b;box-shadow:0 0 0 2px rgba(255,189,32,.18); }
.scorebug-broadcast-v2 .bug-bases-v2 .second { left:16px;top:0; }
.scorebug-broadcast-v2 .bug-bases-v2 .third { left:1px;top:15px; }
.scorebug-broadcast-v2 .bug-bases-v2 .first { right:1px;top:15px; }
.scorebug-broadcast-v2 .bug-out-dots { display:flex;gap:5px;margin-top:3px; }
.scorebug-broadcast-v2 .bug-out-dots i {
  width:10px;height:10px;border-radius:999px;
  background:#303744;border:1px solid #707b90;
}
.scorebug-broadcast-v2 .bug-out-dots i.is-on { background:#ffbd20;border-color:#ffe18b;box-shadow:0 0 0 2px rgba(255,189,32,.18); }
.sponsor-strip--v2 {
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:min(760px, calc(100vw - 48px));
  min-height:38px;
  padding:8px 18px 9px;
  margin-left: 24px;
  margin-top: 8px;
  border-radius:0 0 18px 18px;
  background:rgba(10,13,20,.98);
  color:#ffdc52;
  border:1px solid rgba(255,207,63,.5);
  box-shadow:0 10px 28px rgba(0,0,0,.35);
  font-weight:900;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media (max-width: 980px) {
  .scorebug-broadcast-v2 { grid-template-columns: 1fr 62px 62px 1fr; width: calc(100vw - 16px); }
  .scorebug-broadcast-v2 .bug-status-panel,
  .scorebug-broadcast-v2 .bug-count-panel,
  .scorebug-broadcast-v2 .bug-bases-panel,
  .scorebug-broadcast-v2 .bug-outs-panel { grid-column:auto; min-height:46px; }
  .scorebug-broadcast-v2 .bug-team-text { font-size:1rem; }
  .scorebug-broadcast-v2 .bug-score { font-size:1.8rem; }
}

/* Scorekeeper Pro functional scoring workflow */
.scorebook-pro .scorebook-card {
  color: #111827;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .12);
  box-shadow: 0 16px 40px rgba(15, 23, 42, .10);
}
.scorebook-pro .scorebook-readable-title,
.scorebook-pro .scorebook-card h1,
.scorebook-pro .scorebook-card h2,
.scorebook-pro .scorebook-card h3,
.scorebook-pro .scorebook-card h4,
.scorebook-pro .scorebook-card h5 { color: #111827 !important; }
.scorebook-pro .scorebook-readable-muted,
.scorebook-pro .scorebook-card .ga-muted { color: #536178 !important; }
.scorebook-layout-pro { align-items: start; }
.scorebook-section-head { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; flex-wrap:wrap; }
.scorebook-pitch-workspace,
.scorebook-play-workspace { display:grid; grid-template-columns: minmax(260px, 360px) 1fr; gap:1.25rem; align-items:start; }
.scorebook-zone-picker {
  display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;
  padding:18px; border-radius:24px;
  background:linear-gradient(180deg, #eef6ff, #dbeafe);
  border:1px solid rgba(30, 64, 175, .18);
  aspect-ratio: 1 / 1;
  max-width: 360px;
}
.zone-cell {
  border:2px solid rgba(15,23,42,.22);
  background:rgba(255,255,255,.82);
  border-radius:14px;
  color:#0f172a;
  font-weight:1000;
  font-size:1.05rem;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}
.zone-cell:hover,
.zone-cell.is-selected { background:#ffcf3f; border-color:#b7791f; transform:translateY(-1px); }
.pitch-result-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.65rem; }
.pitch-result-button,
.scorebook-result-select {
  border:1px solid rgba(15,23,42,.14);
  background:#f8fafc;
  color:#111827;
  border-radius:16px;
  padding:.85rem .9rem;
  display:flex; align-items:center; gap:.65rem;
  font-weight:900;
  text-align:left;
}
.pitch-result-button strong,
.scorebook-result-select strong {
  min-width:42px; height:42px; border-radius:13px;
  display:grid; place-items:center;
  background:#e0f2fe; color:#075985;
  font-weight:1000;
}
.pitch-result-button:hover,
.scorebook-result-select:hover,
.scorebook-result-select.is-selected { background:#fff7dc; border-color:#f0b429; box-shadow:0 10px 24px rgba(217,119,6,.16); }
.scorebook-result-matrix { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:.65rem; }
.scorebook-spray-picker {
  position:relative; overflow:hidden;
  height:330px;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 92%, #c8b99b 0 20%, transparent 21%),
    radial-gradient(circle at 50% 94%, rgba(255,255,255,.95) 0 2%, transparent 3%),
    linear-gradient(180deg, #d9fbe8 0%, #bdeccf 52%, #eef7ef 100%);
  border:1px solid rgba(22,101,52,.18);
  box-shadow: inset 0 -42px 80px rgba(150,115,65,.22);
}
.scorebook-spray-picker:before,
.scorebook-spray-picker:after {
  content:""; position:absolute; left:50%; bottom:8%; width:2px; height:88%; background:rgba(255,255,255,.92); transform-origin:bottom center;
}
.scorebook-spray-picker:before { transform:rotate(-38deg); }
.scorebook-spray-picker:after { transform:rotate(38deg); }
.spray-arc { position:absolute; left:12%; right:12%; top:12%; height:58%; border-top:2px dashed rgba(21,128,61,.22); border-radius:50% 50% 0 0; }
.spray-target {
  position:absolute; transform:translate(-50%, -50%);
  border:2px solid rgba(15,23,42,.18);
  background:#ffffff;
  color:#0f172a;
  border-radius:999px;
  width:48px; height:48px;
  font-weight:1000;
  box-shadow:0 10px 20px rgba(15,23,42,.14);
  z-index:3;
}
.spray-target.is-selected,
.spray-target:hover { background:#ffcf3f; border-color:#b7791f; }
.spray-target.left{left:25%;top:42%}.spray-target.left-center{left:38%;top:29%}.spray-target.center{left:50%;top:22%}.spray-target.right-center{left:62%;top:29%}.spray-target.right{left:75%;top:42%}.spray-target.infield-left{left:34%;top:66%}.spray-target.mound{left:50%;top:68%}.spray-target.infield-right{left:66%;top:66%}.spray-target.home{left:50%;top:90%}
.spray-selected-marker { position:absolute; width:18px; height:18px; border-radius:999px; transform:translate(-50%, -50%); background:#ef4444; border:3px solid #fff; box-shadow:0 0 0 3px rgba(239,68,68,.25); z-index:4; }
.scorebook-empty-mini { border-radius:16px; padding:1rem; background:#f8fafc; color:#64748b; font-weight:800; }
.true-diamond--scorebook { background:linear-gradient(180deg, #dff6e7, #f3f8f4) !important; }
.scorebook-pro .lineup-row strong,
.scorebook-pro .scorebook-log-row strong { color:#111827; }
.scorebook-pro .lineup-row small,
.scorebook-pro .scorebook-log-row small { color:#64748b; }
@media (max-width: 980px) {
  .scorebook-pitch-workspace,
  .scorebook-play-workspace { grid-template-columns: 1fr; }
  .scorebook-result-matrix { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

/* Plate appearance quick-action scorebook refinement */
.scorebook-pa-quick-card .scorebook-quick-groups { display: grid; gap: 1rem; }
.scorebook-quick-group { border: 1px solid rgba(15,23,42,.10); border-radius: 22px; background: #ffffff; padding: 1rem; box-shadow: 0 10px 28px rgba(15,23,42,.05); }
.scorebook-quick-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; flex-wrap: wrap; }
.scorebook-quick-heading strong { color: #0f172a; font-weight: 1000; font-size: 1.02rem; }
.scorebook-quick-heading span { color: #64748b; font-weight: 750; font-size: .88rem; }
.scorebook-result-matrix.compact { grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: .55rem; }
.scorebook-result-matrix.compact .scorebook-result-select { min-height: 74px; padding: .65rem; border-radius: 16px; }
.scorebook-result-matrix.compact .scorebook-result-select strong { width: 42px; height: 42px; border-radius: 14px; font-size: 1rem; }
.scorebook-result-matrix.compact .scorebook-result-select span { font-size: .82rem; }
.scorebook-result-matrix.outs .scorebook-result-select strong { background: #fff7ed; border-color: rgba(194,65,12,.20); color: #c2410c; }
.scorebook-result-matrix.no-bip .scorebook-result-select strong { background: #eef6ff; border-color: rgba(37,99,235,.20); color: #075ec7; }
.scorebook-runner-quick-card .runner-event-stack { display: grid; gap: .8rem; }
.runner-event-row { display: grid; grid-template-columns: 1fr; gap: .65rem; border: 1px solid rgba(15,23,42,.10); background: #fff; border-radius: 18px; padding: .75rem; }
.runner-event-base { display: flex; justify-content: space-between; gap: .75rem; align-items: center; color: #0f172a; }
.runner-event-base strong { width: 42px; height: 34px; border-radius: 12px; display: grid; place-items: center; background: #fff7dc; color: #8a5b00; border: 1px solid rgba(217,119,6,.16); }
.runner-event-base span { font-weight: 900; color: #334155; font-size: .86rem; overflow-wrap: anywhere; }
.runner-event-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; }
.runner-event-form { margin: 0; }
.runner-event-button { width: 100%; min-height: 52px; border-radius: 14px; border: 1px solid rgba(15,23,42,.12); background: #f8fafc; color: #0f172a; display: grid; place-items: center; padding: .35rem; }
.runner-event-button:hover { border-color: rgba(7,94,199,.35); background: #eff6ff; }
.runner-event-button strong { display: block; font-size: .86rem; font-weight: 1000; }
.runner-event-button span { display: block; font-size: .54rem; line-height: 1.05; font-weight: 850; color: #475569; }
@media (max-width: 720px) { .runner-event-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Baseball spray chart field-location fix: shared field used by Scorekeeper and GameCast. */
.baseball-field-chart {
  --field-line: rgba(255,255,255,.88);
  --field-line-dark: rgba(15,23,42,.24);
  position: relative;
  height: 360px;
  min-height: 320px;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(15,23,42,.10);
  background:
    radial-gradient(ellipse at 50% 15%, rgba(21,128,61,.10) 0 34%, transparent 35%),
    linear-gradient(180deg, #dffbea 0%, #c4f1d4 47%, #edf8ee 100%);
  box-shadow: inset 0 -55px 90px rgba(139,92,38,.16);
  cursor: crosshair;
  isolation: isolate;
}
.baseball-field-chart .field-grass { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 30%, rgba(16,185,129,.22) 0 42%, transparent 43%); z-index:0; }
.baseball-field-chart .outfield-arc { position:absolute; left:7%; right:7%; top:7%; height:58%; border-top:2px dashed rgba(22,101,52,.34); border-radius:50% 50% 0 0; z-index:1; }
.baseball-field-chart .foul-line { position:absolute; left:50%; bottom:8%; width:2px; height:95%; background: var(--field-line); transform-origin:bottom center; z-index:2; box-shadow: 0 0 0 1px rgba(15,23,42,.06); }
.baseball-field-chart .foul-line-left { transform:rotate(-42deg); }
.baseball-field-chart .foul-line-right { transform:rotate(42deg); }
.baseball-field-chart .infield-dirt-field { position:absolute; left:50%; bottom:9%; width:190px; height:190px; transform:translateX(-50%) rotate(45deg); border-radius:20px; background:linear-gradient(135deg, #c8a477, #b88458); border:1px solid rgba(120,70,25,.22); z-index:3; }
.baseball-field-chart .basepath-diamond { position:absolute; left:50%; bottom:13%; width:132px; height:132px; transform:translateX(-50%) rotate(45deg); border:3px solid rgba(255,255,255,.88); z-index:4; }
.baseball-field-chart .pitching-mound-field { position:absolute; left:50%; top:64%; width:34px; height:34px; transform:translate(-50%,-50%); border-radius:999px; background:#a86f45; border:3px solid rgba(255,255,255,.7); z-index:5; }
.baseball-field-chart .home-plate-field { position:absolute; left:50%; bottom:7%; width:24px; height:24px; transform:translateX(-50%) rotate(45deg); background:#fff; border:2px solid rgba(15,23,42,.25); z-index:6; }
.baseball-field-chart .spray-target { position:absolute; transform:translate(-50%, -50%); border:2px solid rgba(15,23,42,.18); background:#fff; color:#0f172a; border-radius:999px; min-width:44px; width:auto; height:44px; padding:0 .62rem; font-size:.78rem; font-weight:1000; box-shadow:0 10px 24px rgba(15,23,42,.14); z-index:8; cursor:pointer; }
.baseball-field-chart .spray-target.is-selected,
.baseball-field-chart .spray-target:hover { background:#ffcf3f; border-color:#b7791f; color:#0f172a; }
.baseball-field-chart .spray-target.third-base{left:34%;top:70%}.baseball-field-chart .spray-target.shortstop{left:42%;top:58%}.baseball-field-chart .spray-target.second-base{left:58%;top:58%}.baseball-field-chart .spray-target.first-base{left:66%;top:70%}.baseball-field-chart .spray-target.pitcher{left:50%;top:68%}.baseball-field-chart .spray-target.catcher{left:50%;top:92%}
.baseball-field-chart .spray-target.left{left:24%;top:42%}.baseball-field-chart .spray-target.left-center{left:38%;top:29%}.baseball-field-chart .spray-target.center{left:50%;top:20%}.baseball-field-chart .spray-target.right-center{left:62%;top:29%}.baseball-field-chart .spray-target.right{left:76%;top:42%}
.baseball-field-chart .spray-target.hr-left{left:17%;top:22%; font-size:.68rem}.baseball-field-chart .spray-target.hr-center{left:50%;top:8%; font-size:.68rem}.baseball-field-chart .spray-target.hr-right{left:83%;top:22%; font-size:.68rem}
.baseball-field-chart .spray-selected-marker { position:absolute; width:22px; height:22px; border-radius:999px; transform:translate(-50%, -50%); background:#ef4444; border:4px solid #fff; box-shadow:0 0 0 4px rgba(239,68,68,.25), 0 12px 22px rgba(15,23,42,.22); z-index:10; pointer-events:none; }
.baseball-field-chart .field-zone-label { position:absolute; z-index:7; transform:translate(-50%,-50%); color:rgba(15,23,42,.62); background:rgba(255,255,255,.72); border:1px solid rgba(15,23,42,.10); border-radius:999px; padding:.18rem .45rem; font-size:.68rem; font-weight:1000; letter-spacing:.04em; }
.baseball-field-chart .label-3b{left:34%;top:70%}.baseball-field-chart .label-ss{left:42%;top:58%}.baseball-field-chart .label-2b{left:58%;top:58%}.baseball-field-chart .label-1b{left:66%;top:70%}.baseball-field-chart .label-lf{left:24%;top:42%}.baseball-field-chart .label-cf{left:50%;top:20%}.baseball-field-chart .label-rf{left:76%;top:42%}.baseball-field-chart .label-hr{left:50%;top:8%}
.baseball-field-chart--gamecast .field-zone-label { pointer-events:none; }
.baseball-field-chart--gamecast .spray-dot-live { z-index:12; }
@media (max-width: 720px) {
  .baseball-field-chart { height:300px; min-height:280px; border-radius:22px; }
  .baseball-field-chart .spray-target { min-width:38px; height:38px; font-size:.68rem; padding:0 .45rem; }
  .baseball-field-chart .infield-dirt-field { width:154px; height:154px; }
  .baseball-field-chart .basepath-diamond { width:106px; height:106px; }
}

/* Base runner visibility + conventional third-out controls */
.scorebook-base-field,
.runner-base-map {
  position: relative;
  height: 210px;
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 20%, rgba(16,185,129,.15) 0 42%, transparent 43%),
    linear-gradient(180deg, #e8fbef, #dff6e8 58%, #fff7ed 100%);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: inset 0 -34px 60px rgba(146, 88, 40, .15);
}
.scorebook-base-field .base-field-grass { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 24%, rgba(22,163,74,.18) 0 45%, transparent 46%); }
.scorebook-base-field .base-field-dirt,
.runner-base-map .runner-base-map-dirt {
  position:absolute; left:50%; bottom:28px; width:118px; height:118px;
  transform: translateX(-50%) rotate(45deg);
  border-radius: 16px;
  background: linear-gradient(135deg, #c59b68, #b57a49);
  border: 1px solid rgba(120,70,25,.22);
}
.scorebook-base-field .base-field-paths,
.runner-base-map .runner-base-map-paths {
  position:absolute; left:50%; bottom:45px; width:86px; height:86px;
  transform: translateX(-50%) rotate(45deg);
  border: 3px solid rgba(255,255,255,.92);
  box-shadow: 0 0 0 1px rgba(15,23,42,.08);
}
.scorebook-base-field .base-field-mound { position:absolute; left:50%; top:58%; transform:translate(-50%,-50%); width:30px; height:30px; border-radius:999px; display:grid; place-items:center; background:#9a6a43; color:#fff; font-size:.7rem; font-weight:1000; border:2px solid rgba(255,255,255,.85); }
.scorebook-base-field .base-field-bag,
.runner-base-map .runner-map-base {
  position:absolute; transform:translate(-50%,-50%);
  display:grid; place-items:center; text-align:center;
  width:66px; min-height:58px; padding:.25rem;
  border-radius:16px;
  background:#ffffff;
  border:2px solid rgba(15,23,42,.14);
  color:#0f172a;
  box-shadow:0 10px 24px rgba(15,23,42,.12);
  z-index:4;
}
.scorebook-base-field .base-field-bag strong,
.runner-base-map .runner-map-base strong { font-size:.74rem; font-weight:1000; letter-spacing:.08em; color:#334155; }
.scorebook-base-field .base-field-bag span,
.runner-base-map .runner-map-base span { font-size:.68rem; line-height:1.05; font-weight:900; color:#64748b; max-width:58px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.scorebook-base-field .base-field-bag.occupied,
.runner-base-map .runner-map-base.occupied { background:#ffcf3f; border-color:#b7791f; box-shadow:0 0 0 4px rgba(255,207,63,.16), 0 12px 24px rgba(15,23,42,.16); }
.scorebook-base-field .base-field-bag.occupied span,
.runner-base-map .runner-map-base.occupied span { color:#2f2410; }
.scorebook-base-field .base-field-bag.second,
.runner-base-map .runner-map-base.second { left:50%; top:19%; }
.scorebook-base-field .base-field-bag.third,
.runner-base-map .runner-map-base.third { left:25%; top:62%; }
.scorebook-base-field .base-field-bag.first,
.runner-base-map .runner-map-base.first { left:75%; top:62%; }
.scorebook-base-field .base-field-plate,
.runner-base-map .runner-map-plate { position:absolute; left:50%; bottom:12px; transform:translateX(-50%); width:44px; height:34px; display:grid; place-items:center; border-radius:12px 12px 18px 18px; background:#fff; border:2px solid rgba(15,23,42,.18); color:#0f172a; font-size:.72rem; font-weight:1000; z-index:5; }
.runner-base-map { height: 190px; border-radius: 18px; }
.runner-event-button--out { background:#fff7ed; border-color:rgba(194,65,12,.22); }
.runner-event-button--out strong { color:#c2410c; }
.runner-event-button--third-out { background:#fee2e2; border-color:rgba(185,28,28,.36); }
.runner-event-button em,
.scorebook-result-select em { display:block; margin-top:.1rem; font-style:normal; font-size:.58rem; line-height:1; color:#b91c1c; font-weight:1000; text-transform:uppercase; letter-spacing:.06em; }
.scorebook-result-select.will-end-inning { border-color:rgba(185,28,28,.34); background:#fff7f7; }
@media (max-width: 720px) {
  .scorebook-base-field { height:185px; }
  .runner-base-map { height:170px; }
  .scorebook-base-field .base-field-bag,
  .runner-base-map .runner-map-base { width:58px; min-height:52px; }
}

/* DARK GRADIENT SCOREKEEPER THEME FIX
   Restores premium dark score panels with high-contrast white text and neutral/gold accents. */
.scorebook-shell {
  background:
    radial-gradient(circle at 18% 0%, rgba(19, 111, 220, .20), transparent 32%),
    radial-gradient(circle at 90% 5%, rgba(255, 196, 57, .14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #101827 45%, #f6f8fb 45%, #eef3f8 100%);
  color: #f8fbff;
}
.scorebook-topbar,
.scorebook-topbar .ga-muted,
.scorebook-topbar .scorebook-title,
.scorebook-topbar h1 {
  color: #f8fbff !important;
}
.scorebook-topbar .ga-muted { color: #c8d7e8 !important; }
.scorebook-topbar .ga-kicker { color: #f7c948 !important; }

.scorebook-game-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 260px) minmax(0, 1fr);
  align-items: stretch;
  overflow: hidden;
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    linear-gradient(135deg, #111827 0%, #0b1220 48%, #162033 100%);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 24px 70px rgba(8, 15, 27, .32), inset 0 1px 0 rgba(255,255,255,.10);
}
.scorebook-team-score {
  min-height: 116px;
  padding: 1.1rem 1.35rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .35rem;
  color: #fff;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}
.scorebook-team-score span {
  color: #f5f9ff !important;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: clamp(.95rem, 1.8vw, 1.2rem);
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scorebook-team-score strong {
  color: #f7c948 !important;
  font-size: clamp(3rem, 6vw, 4.8rem);
  line-height: .86;
  font-weight: 1000;
  letter-spacing: -.06em;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 8px 22px rgba(0,0,0,.25);
}
.scorebook-inning-card {
  min-height: 116px;
  padding: 1rem 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .22rem;
  color: #fff;
  background:
    radial-gradient(circle at 50% 0%, rgba(247, 201, 72, .24), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
  border-left: 1px solid rgba(255,255,255,.14);
  border-right: 1px solid rgba(255,255,255,.14);
  text-align: center;
}
.scorebook-inning-card span {
  color: #f7c948 !important;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .8rem;
  font-weight: 1000;
}
.scorebook-inning-card strong {
  color: #fff !important;
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: .9;
  font-weight: 1000;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
}
.scorebook-inning-card small {
  color: #c8d7e8 !important;
  font-size: .9rem;
  font-weight: 800;
}

.scorebook-card,
.control-card-pro,
.scorebook-tool-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    #111827 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #f8fbff !important;
  box-shadow: 0 20px 60px rgba(10, 18, 32, .24) !important;
}
.scorebook-card h1,
.scorebook-card h2,
.scorebook-card h3,
.scorebook-card h4,
.scorebook-readable-title,
.scorebook-section-head h2,
.action-group-heading-pro span {
  color: #ffffff !important;
}
.scorebook-readable-muted,
.scorebook-card .ga-muted,
.scorebook-section-head p,
.scorebook-matchup span,
.scorebook-card .small,
.stat-line-pro,
.player-stat-row-pro small {
  color: #c8d7e8 !important;
}
.scorebook-matchup strong,
.stat-line-pro strong,
.player-stat-row-pro strong {
  color: #ffffff !important;
}
.scorebook-lineup-number,
.side-badge-pro {
  color: #111827 !important;
  background: linear-gradient(135deg, #fde68a, #f7c948) !important;
  border-color: rgba(247,201,72,.65) !important;
}
.scorebook-count-grid div,
.count-strip-pro div,
.metric,
.metric-tile,
.action-tile-form-pro {
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #f8fbff !important;
}
.scorebook-count-grid span,
.count-strip-pro span,
.metric span,
.metric-tile span {
  color: #d7e4f3 !important;
}
.scorebook-count-grid strong,
.count-strip-pro strong,
.metric strong,
.metric-tile strong {
  color: #ffffff !important;
}
.scorebook-empty-mini {
  background: rgba(255,255,255,.08) !important;
  color: #e6eef8 !important;
  border: 1px dashed rgba(255,255,255,.18) !important;
}
.scorebook-base-field,
.runner-base-map,
.baseball-field-location {
  background:
    radial-gradient(circle at 50% 82%, rgba(167, 139, 88, .38), transparent 30%),
    radial-gradient(circle at 50% 25%, rgba(34, 197, 94, .24), transparent 55%),
    linear-gradient(180deg, rgba(23, 58, 44, .96), rgba(14, 36, 36, .95)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}
.form-control,
.form-select {
  color: #111827;
  background-color: #fff;
  border-color: #cbd5e1;
}
.form-control::placeholder { color: #64748b; opacity: 1; }
.form-label { color: #d7e4f3; font-weight: 800; }
.scorebook-card details summary { color: #f7c948; font-weight: 900; }

@media (max-width: 768px) {
  .scorebook-game-strip { grid-template-columns: 1fr; }
  .scorebook-team-score { min-height: 92px; text-align: left !important; }
  .scorebook-inning-card { min-height: 96px; border-left: 0; border-right: 0; border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
}

/* SCOREKEEPER FIELD UNIFICATION FIX
   One baseball-field component now powers occupied bases and spray/play location. */
.scorebook-shell {
  --ga-scorekeeper-panel: rgba(9, 18, 32, .94);
  --ga-scorekeeper-panel-soft: rgba(14, 28, 48, .90);
}
.scorebook-topbar .scorebook-title {
  font-size: clamp(2rem, 3.2vw, 3.7rem) !important;
  line-height: .98 !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  opacity: 1 !important;
}
.scorebook-topbar .ga-muted { color: #d8e6f7 !important; opacity: .95 !important; }
.scorebook-layout-pro { align-items: start; }
.scorebook-left, .scorebook-main, .scorebook-right { min-width: 0; }
.scorebook-card { overflow: hidden; position: relative; isolation: isolate; }

.ga-ballfield {
  --grass1: #2c7a4c;
  --grass2: #123327;
  --dirt1: #ca955c;
  --dirt2: #9a673e;
  position: relative;
  width: 100%;
  min-height: 236px;
  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 50% 84%, rgba(150, 100, 60, .26), transparent 28%),
    linear-gradient(180deg, #175c39 0%, #0f442b 45%, #0a2d1e 100%);
  box-shadow: inset 0 -34px 70px rgba(0,0,0,.32), 0 18px 46px rgba(2,8,23,.22);
}
.ga-ballfield--spray { min-height: 385px; cursor: crosshair; }
.ga-ballfield__grass { position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)); z-index:0; }
.ga-ballfield__outfield-arc { position:absolute; left:6%; right:6%; top:5%; height:58%; border-top:2px solid rgba(230,255,241,.42); border-radius:50% 50% 0 0; z-index:1; }
.ga-ballfield__foul-line { position:absolute; left:50%; bottom:11%; width:2px; height:92%; background:rgba(255,255,255,.78); transform-origin:bottom center; z-index:2; }
.ga-ballfield__foul-line--left { transform:rotate(-43deg); }
.ga-ballfield__foul-line--right { transform:rotate(43deg); }
.ga-ballfield__infield-dirt { position:absolute; left:50%; bottom:13%; width:38%; aspect-ratio:1; transform:translateX(-50%) rotate(45deg); border-radius:18px; background:linear-gradient(135deg,var(--dirt1),var(--dirt2)); border:1px solid rgba(255,255,255,.20); z-index:3; box-shadow: inset 0 0 36px rgba(0,0,0,.16); }
.ga-ballfield__diamond-path { position:absolute; left:50%; bottom:20%; width:26%; aspect-ratio:1; transform:translateX(-50%) rotate(45deg); border:3px solid rgba(255,255,255,.88); z-index:4; box-shadow:0 0 0 1px rgba(15,23,42,.12); }
.ga-ballfield__mound { position:absolute; left:50%; top:66%; transform:translate(-50%,-50%); width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#8f5f39; color:#fff; font-weight:1000; font-size:.72rem; border:2px solid rgba(255,255,255,.85); z-index:6; }
.ga-ballfield__plate { position:absolute; left:50%; bottom:9%; transform:translateX(-50%); width:46px; height:34px; display:grid; place-items:center; background:#fff; color:#0f172a; border:2px solid rgba(15,23,42,.22); border-radius:11px 11px 18px 18px; font-size:.72rem; font-weight:1000; z-index:7; box-shadow:0 10px 22px rgba(2,8,23,.16); }
.ga-ballfield__base { position:absolute; transform:translate(-50%,-50%); width:68px; min-height:58px; padding:.28rem; display:grid; place-items:center; text-align:center; border-radius:16px; background:rgba(255,255,255,.94); color:#0f172a; border:2px solid rgba(15,23,42,.18); box-shadow:0 12px 26px rgba(2,8,23,.22); z-index:8; }
.ga-ballfield__base strong { font-size:.75rem; font-weight:1000; letter-spacing:.07em; color:#0f172a; }
.ga-ballfield__base span { font-size:.68rem; line-height:1.05; font-weight:900; color:#64748b; max-width:60px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ga-ballfield__base.is-occupied { background:linear-gradient(135deg,#ffe17a,#f7c948); border-color:#fff4be; box-shadow:0 0 0 4px rgba(247,201,72,.20), 0 16px 34px rgba(2,8,23,.28); }
.ga-ballfield__base.is-occupied span { color:#2f2410; }
.ga-ballfield__base--second { left:50%; top:28%; }
.ga-ballfield__base--third { left:30%; top:64%; }
.ga-ballfield__base--first { left:70%; top:64%; }
.ga-ballfield__spray-help { position:absolute; left:50%; bottom:14px; transform:translateX(-50%); padding:.35rem .7rem; border-radius:999px; background:rgba(9,18,32,.58); color:rgba(255,255,255,.84); font-size:.72rem; font-weight:800; letter-spacing:.02em; z-index:11; pointer-events:none; }
.ga-ballfield__marker { position:absolute; width:22px; height:22px; border-radius:999px; transform:translate(-50%,-50%); background:#ef4444; border:4px solid #fff; box-shadow:0 0 0 4px rgba(239,68,68,.25),0 12px 22px rgba(2,8,23,.28); z-index:14; pointer-events:none; }

/* Prevent legacy base-map layers from stacking if an older partial is still cached in development. */
.scorebook-base-field:empty,
.runner-base-map:empty { display:none !important; }

@media (max-width: 991px) {
  .scorebook-game-strip { grid-template-columns: 1fr !important; }
  .scorebook-title { font-size: clamp(1.8rem, 8vw, 3rem) !important; }
  .ga-ballfield { min-height: 220px; }
  .ga-ballfield--spray { min-height: 330px; }
}
@media (max-width: 520px) {
  .ga-ballfield__base { width:58px; min-height:52px; border-radius:14px; }
  .ga-ballfield__base--second { top: 30%; }
  .ga-ballfield__infield-dirt { width:48%; }
  .ga-ballfield__diamond-path { width:33%; }
  .ga-ballfield__spray-help { font-size: .66rem; bottom: 10px; }
}
.spray-field-live { position: relative; }
.spray-field-live .spray-dot-live {
  position:absolute;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#ef4444;
  border:3px solid #fff;
  box-shadow:0 0 0 3px rgba(239,68,68,.25), 0 10px 20px rgba(2,8,23,.22);
  transform:translate(-50%,-50%);
  z-index:16;
  pointer-events:none;
}

.scorebook-left .scorebook-card > .mb-3 .ga-ballfield,
.scorebook-runner-quick-card .ga-ballfield {
  margin-inline: auto;
}
.scorebook-runner-quick-card,
.sticky-scorebook,
.scorebook-tool-card {
  background-clip: padding-box;
}
.ga-ballfield--bases {
  min-height: 246px;
}
.ga-ballfield--spray {
  min-height: 390px;
}

/* SCOREKEEPER FIELD POLISH V2
   Fixes hero containment, dark-background bleed, and aligns the shared field component. */
.scorebook-shell.scorebook-pro {
  background: #edf2f7 !important;
  color: #0f172a !important;
}
.scorebook-shell.scorebook-pro .scorebook-topbar {
  background:
    radial-gradient(circle at 18% 0%, rgba(19,111,220,.22), transparent 34%),
    radial-gradient(circle at 88% 6%, rgba(247,201,72,.12), transparent 28%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #162033 100%) !important;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 28px;
  padding: 1.35rem 1.5rem;
  box-shadow: 0 24px 60px rgba(7,17,31,.22);
}
.scorebook-shell.scorebook-pro .scorebook-title,
.scorebook-shell.scorebook-pro .scorebook-topbar h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.22);
  font-size: clamp(2rem, 3vw, 3.6rem) !important;
  line-height: .96 !important;
}
.scorebook-shell.scorebook-pro .scorebook-topbar .ga-kicker {
  color: #2f8fff !important;
}
.scorebook-shell.scorebook-pro .scorebook-topbar .ga-muted,
.scorebook-shell.scorebook-pro .scorebook-topbar p {
  color: #d6e3f2 !important;
}
.scorebook-shell.scorebook-pro .scorebook-layout,
.scorebook-shell.scorebook-pro .scorebook-left,
.scorebook-shell.scorebook-pro .scorebook-main,
.scorebook-shell.scorebook-pro .scorebook-right {
  background: transparent !important;
}
.scorebook-shell.scorebook-pro .scorebook-game-strip {
  box-shadow: 0 18px 40px rgba(7,17,31,.16) !important;
}
.scorebook-shell.scorebook-pro .scorebook-card,
.scorebook-shell.scorebook-pro .scorebook-tool-card,
.scorebook-shell.scorebook-pro .control-card-pro {
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    #101a2a !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.scorebook-shell.scorebook-pro .scorebook-card .ga-muted,
.scorebook-shell.scorebook-pro .scorebook-card small,
.scorebook-shell.scorebook-pro .scorebook-readable-muted,
.scorebook-shell.scorebook-pro .scorebook-matchup span,
.scorebook-shell.scorebook-pro .lineup-row small,
.scorebook-shell.scorebook-pro .ga-chip {
  color: #c8d7e8 !important;
}
.scorebook-shell.scorebook-pro .ga-chip {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.scorebook-shell.scorebook-pro .ga-ballfield,
.scorebook-shell.scorebook-pro .scorebook-base-field,
.scorebook-shell.scorebook-pro .runner-base-map,
.scorebook-shell.scorebook-pro .baseball-field-location {
  background:
    radial-gradient(circle at 50% 96%, rgba(105, 68, 36, .28), transparent 24%),
    linear-gradient(180deg, #17613c 0%, #11482e 46%, #0b2d1e 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}
.scorebook-shell.scorebook-pro .ga-ballfield__outfield-arc {
  left: 7%;
  right: 7%;
  top: 7%;
  height: 53%;
  border-top: 2px solid rgba(235, 245, 241, .48) !important;
}
.scorebook-shell.scorebook-pro .ga-ballfield__base--second {
  top: 34% !important;
}
.scorebook-shell.scorebook-pro .ga-ballfield__base--third,
.scorebook-shell.scorebook-pro .ga-ballfield__base--first {
  top: 66% !important;
}
.scorebook-shell.scorebook-pro .ga-ballfield__spray-help {
  background: rgba(9,18,32,.68) !important;
}
.scorebook-shell.scorebook-pro .sticky-scorebook,
.scorebook-shell.scorebook-pro .scorebook-left .scorebook-card,
.scorebook-shell.scorebook-pro .scorebook-main .scorebook-card,
.scorebook-shell.scorebook-pro .scorebook-right .scorebook-card {
  overflow: hidden !important;
}
@media (max-width: 520px) {
  .scorebook-shell.scorebook-pro .ga-ballfield__base--second { top: 35% !important; }
  .scorebook-shell.scorebook-pro .ga-ballfield__base--third,
  .scorebook-shell.scorebook-pro .ga-ballfield__base--first { top: 67% !important; }
}

/* SCOREKEEPER + GAMECAST FLOW REFINEMENT
   - shared field between scorekeeper and gamecast
   - precise 5x5 pitch-location picker with centered strike zone
   - stronger score strip contrast and contained light page background */
.scorebook-shell.scorebook-pro {
  background: #edf2f7 !important;
  background-image: none !important;
  color: #0f172a !important;
}
.scorebook-shell.scorebook-pro .scorebook-layout,
.scorebook-shell.scorebook-pro .scorebook-left,
.scorebook-shell.scorebook-pro .scorebook-main,
.scorebook-shell.scorebook-pro .scorebook-right {
  background: transparent !important;
}
.scorebook-shell.scorebook-pro .scorebook-game-strip {
  gap: 0 !important;
  background: linear-gradient(135deg, #0b1322 0%, #111a2b 55%, #182235 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  overflow: hidden;
}
.scorebook-shell.scorebook-pro .scorebook-team-score,
.scorebook-shell.scorebook-pro .scorebook-inning-card {
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
}
.scorebook-shell.scorebook-pro .scorebook-team-score span {
  color: #f7fbff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.25);
}
.scorebook-shell.scorebook-pro .scorebook-team-score strong {
  color: #d45612 !important;
  text-shadow: 0 10px 24px rgba(0,0,0,.16);
}
.scorebook-shell.scorebook-pro .scorebook-inning-card span,
.scorebook-shell.scorebook-pro .scorebook-inning-card strong,
.scorebook-shell.scorebook-pro .scorebook-inning-card small {
  color: #f3f7fd !important;
}
.scorebook-shell.scorebook-pro .scorebook-card,
.scorebook-shell.scorebook-pro .scorebook-tool-card,
.scorebook-shell.scorebook-pro .control-card-pro {
  overflow: hidden !important;
  contain: paint;
}

.scorebook-zone-picker--precision {
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 8px !important;
  max-width: 380px !important;
  padding: 16px !important;
  background: linear-gradient(180deg, #deebfb, #cfe0f7) !important;
}
.scorebook-zone-picker--precision .zone-cell {
  min-height: 64px;
  display: grid;
  place-items: center;
  border-radius: 14px;
}
.scorebook-zone-picker--precision .zone-cell span {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  min-height: 24px;
  font-size: .95rem;
  font-weight: 1000;
}
.scorebook-zone-picker--precision .zone-cell--ball {
  background: rgba(255,255,255,.54) !important;
  border: 2px dashed rgba(71, 85, 105, .42) !important;
  color: #64748b !important;
}
.scorebook-zone-picker--precision .zone-cell--strike {
  background: rgba(255,255,255,.94) !important;
  border: 2px solid rgba(15,23,42,.26) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}
.scorebook-zone-picker--precision .zone-cell--strike span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(37,99,235,.08);
  color: #0f172a;
}
.scorebook-zone-picker--precision .zone-cell:hover,
.scorebook-zone-picker--precision .zone-cell.is-selected {
  background: #ffcf3f !important;
  border-color: #b7791f !important;
}
.scorebook-zone-picker--precision .zone-cell.is-selected span,
.scorebook-zone-picker--precision .zone-cell:hover span {
  background: rgba(255,255,255,.32);
}
.scorebook-zone-note {
  max-width: 380px;
  color: #c8d7e8;
  font-size: .8rem;
  font-weight: 800;
  line-height: 1.35;
}

.ga-ballfield,
.scorebook-shell.scorebook-pro .ga-ballfield,
.baseball-field-chart .ga-ballfield,
.baseball-field-chart--gamecast .ga-ballfield {
  background: linear-gradient(180deg, #16623c 0%, #11472d 48%, #0a261a 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: inset 0 -28px 54px rgba(0,0,0,.24), 0 18px 46px rgba(2,8,23,.20) !important;
}
.ga-ballfield__grass { display: none !important; }
.ga-ballfield__outfield-arc {
  border-top-style: solid !important;
  border-top-width: 2px !important;
  border-top-color: rgba(235,245,241,.48) !important;
}
.ga-ballfield__base--second,
.scorebook-shell.scorebook-pro .ga-ballfield__base--second {
  top: 36% !important;
}
.ga-ballfield__base--third,
.ga-ballfield__base--first,
.scorebook-shell.scorebook-pro .ga-ballfield__base--third,
.scorebook-shell.scorebook-pro .ga-ballfield__base--first {
  top: 66% !important;
}
.baseball-field-chart--gamecast {
  background: transparent !important;
}
.baseball-field-chart--gamecast .ga-ballfield {
  min-height: 280px;
}
@media (max-width: 520px) {
  .scorebook-zone-picker--precision .zone-cell { min-height: 54px; }
  .ga-ballfield__base--second,
  .scorebook-shell.scorebook-pro .ga-ballfield__base--second { top: 37% !important; }
  .baseball-field-chart--gamecast .ga-ballfield { min-height: 240px; }
}

/* SCOREKEEPER RUNNER QUICK ACTION EMPTY STATE FIX */
.scorebook-no-runners-note {
  border-radius: 16px;
  padding: .7rem .85rem;
  background: rgba(255,255,255,.08);
  border: 1px dashed rgba(255,255,255,.18);
  color: #d8e6f7;
  font-size: .84rem;
  font-weight: 800;
  line-height: 1.35;
}
.scorebook-runner-quick-card p.scorebook-readable-muted {
  margin-bottom: .75rem !important;
}

/* GAMECAST + SCOREKEEPER CONSISTENCY FIX
   Shared visual grammar for base field, spray chart, and pitch-location chart. */
.scorebook-shell.scorebook-pro {
  background: #edf2f7 !important;
  background-image: none !important;
}
.scorebook-shell.scorebook-pro .scorebook-game-strip,
.scorebook-shell.scorebook-pro .scorebook-team-score,
.scorebook-shell.scorebook-pro .scorebook-inning-card {
  background: linear-gradient(135deg, #0a1220 0%, #111c30 55%, #17233a 100%) !important;
}
.scorebook-shell.scorebook-pro .scorebook-team-score span,
.scorebook-shell.scorebook-pro .scorebook-inning-card span,
.scorebook-shell.scorebook-pro .scorebook-inning-card small {
  color: #f8fbff !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro .scorebook-team-score strong,
.scorebook-shell.scorebook-pro .scorebook-inning-card strong {
  color: #ffd66b !important;
  text-shadow: 0 8px 20px rgba(0,0,0,.35);
}

/* Put 2B at the top edge of the dirt, not floating in the outfield. */
.ga-ballfield__base--second,
.scorebook-shell.scorebook-pro .ga-ballfield__base--second,
.gamecast-page .ga-ballfield__base--second {
  top: 43% !important;
}
.ga-ballfield__base--third,
.ga-ballfield__base--first,
.scorebook-shell.scorebook-pro .ga-ballfield__base--third,
.scorebook-shell.scorebook-pro .ga-ballfield__base--first,
.gamecast-page .ga-ballfield__base--third,
.gamecast-page .ga-ballfield__base--first {
  top: 68% !important;
}
.ga-ballfield,
.scorebook-shell.scorebook-pro .ga-ballfield,
.gamecast-page .ga-ballfield {
  background: linear-gradient(180deg, #16623c 0%, #11462e 48%, #082719 100%) !important;
}
.ga-ballfield__grass { display: none !important; }
.ga-ballfield__outfield-arc {
  border-top-style: solid !important;
  border-top-color: rgba(235,245,241,.50) !important;
}
.ga-ballfield--spray .ga-ballfield__base span,
.gamecast-page .ga-ballfield--spray .ga-ballfield__base span {
  display: none !important;
}
.gamecast-shared-field .ga-ballfield,
.spray-field-live .ga-ballfield {
  min-height: 300px;
}
.spray-field-live {
  position: relative;
}
.spray-field-live .spray-dot-live {
  position: absolute;
}

/* One reusable pitch chart for scorekeeper and GameCast. */
.scorebook-zone-picker--precision {
  position: relative;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 7px !important;
  max-width: 380px !important;
  padding: 16px !important;
  aspect-ratio: 1 / 1;
  background: linear-gradient(180deg, #dce9fb, #c8dbf5) !important;
}
.scorebook-zone-picker--readonly {
  max-width: none !important;
}
.scorebook-zone-picker--precision .zone-cell {
  min-height: 0;
  display: grid;
  place-items: center;
  border-radius: 14px;
}
.scorebook-zone-picker--precision .zone-cell--ball {
  background: rgba(255,255,255,.46) !important;
  border: 2px dashed rgba(71,85,105,.38) !important;
}
.scorebook-zone-picker--precision .zone-cell--strike {
  background: rgba(255,255,255,.95) !important;
  border: 2px solid rgba(15,23,42,.26) !important;
}
.scorebook-zone-picker--precision .zone-cell span {
  display: inline-grid;
  place-items: center;
  min-width: 26px;
  min-height: 26px;
  border-radius: 999px;
  font-weight: 1000;
}
.scorebook-zone-picker--precision .zone-cell--strike span {
  background: rgba(37,99,235,.08);
  color: #0f172a;
}
.scorebook-zone-picker--precision .zone-cell:hover,
.scorebook-zone-picker--precision .zone-cell.is-selected {
  background: #ffcf3f !important;
  border-color: #b7791f !important;
}
.pitch-chart-live--shared .scorebook-zone-picker--precision {
  width: 100%;
}
.pitch-dot-live {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 20;
}
@media (max-width: 520px) {
  .ga-ballfield__base--second,
  .scorebook-shell.scorebook-pro .ga-ballfield__base--second,
  .gamecast-page .ga-ballfield__base--second {
    top: 44% !important;
  }
  .gamecast-shared-field .ga-ballfield,
  .spray-field-live .ga-ballfield {
    min-height: 255px;
  }
}


/* Story card readability + overlay visibility fix */
body.ga-light-theme .lead-story-card,
body.ga-light-theme .lead-story-card * {
  color: #f8fbff;
}
body.ga-light-theme .lead-story-card .ga-title,
body.ga-light-theme .lead-story-card h1,
body.ga-light-theme .lead-story-card h2,
body.ga-light-theme .lead-story-card h3,
body.ga-light-theme .lead-story-card h4,
body.ga-light-theme .lead-story-card h5 {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  text-shadow: 0 12px 24px rgba(0, 0, 0, .22);
}
body.ga-light-theme .lead-story-card .ga-muted,
body.ga-light-theme .lead-story-card p {
  color: rgba(232, 240, 250, .88) !important;
}
body.ga-light-theme .lead-story-card .btn.btn-ga {
  color: #ffffff !important;
}

body.ga-overlay-body .scorebug-broadcast-v2 {
  position: absolute;
  left: 24px;
  bottom: 64px;
  z-index: 20;
}
body.ga-overlay-body .sponsor-strip--v2 {
  position: absolute;
  left: 24px;
  bottom: 20px;
  z-index: 19;
  margin: 0;
}
@media (max-width: 980px) {
  body.ga-overlay-body .scorebug-broadcast-v2 {
    left: 8px;
    right: 8px;
    bottom: 82px;
  }
  body.ga-overlay-body .sponsor-strip--v2 {
    left: 12px;
    right: auto;
    width: auto;
    max-width: calc(100vw - 24px);
    bottom: 26px;
  }
}


/* SCOREKEEPER ALIGNMENT + READABILITY FIX
   - keep current-at-bat aligned with the pitch card
   - make batter/count text readable on dark cards
   - prevent runner quick actions from visually burying count info
   - lower 2B so it slightly overlaps the top of the dirt in scorekeeper + gamecast */
.scorebook-shell.scorebook-pro .scorebook-readable-title,
.scorebook-shell.scorebook-pro .scorebook-card h1,
.scorebook-shell.scorebook-pro .scorebook-card h2,
.scorebook-shell.scorebook-pro .scorebook-card h3,
.scorebook-shell.scorebook-pro .scorebook-card h4,
.scorebook-shell.scorebook-pro .scorebook-card h5,
.scorebook-shell.scorebook-pro .scorebook-matchup strong,
.scorebook-shell.scorebook-pro .lineup-row strong,
.scorebook-shell.scorebook-pro .scorebook-log-row strong,
.scorebook-shell.scorebook-pro .timeline-item strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}
.scorebook-shell.scorebook-pro .scorebook-matchup span,
.scorebook-shell.scorebook-pro .scorebook-readable-muted,
.scorebook-shell.scorebook-pro .scorebook-card .small,
.scorebook-shell.scorebook-pro .scorebook-card small,
.scorebook-shell.scorebook-pro .scorebook-count-grid span,
.scorebook-shell.scorebook-pro .runner-event-base span,
.scorebook-shell.scorebook-pro .ga-muted {
  color: #c8d7e8 !important;
}
.scorebook-shell.scorebook-pro .scorebook-count-grid {
  margin-top: .1rem;
  margin-bottom: .95rem !important;
  position: relative;
  z-index: 2;
}
.scorebook-shell.scorebook-pro .scorebook-count-grid div {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.scorebook-shell.scorebook-pro .scorebook-count-grid strong {
  color: #f8fbff !important;
  font-variant-numeric: tabular-nums;
}
.scorebook-shell.scorebook-pro .sticky-scorebook,
.scorebook-shell.scorebook-pro .scorebook-left,
.scorebook-shell.scorebook-pro .scorebook-main {
  align-self: start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.scorebook-shell.scorebook-pro .scorebook-left > .scorebook-card:first-child,
.scorebook-shell.scorebook-pro .scorebook-main > .scorebook-card:first-child {
  margin-top: 0 !important;
}
.scorebook-shell.scorebook-pro .sticky-scorebook .ga-ballfield--bases {
  min-height: 208px !important;
}
.scorebook-shell.scorebook-pro .scorebook-runner-quick-card {
  margin-top: .95rem !important;
}
.ga-ballfield__base--second,
.scorebook-shell.scorebook-pro .ga-ballfield__base--second,
.gamecast-page .ga-ballfield__base--second {
  top: 46% !important;
}
.ga-ballfield__base--third,
.ga-ballfield__base--first,
.scorebook-shell.scorebook-pro .ga-ballfield__base--third,
.scorebook-shell.scorebook-pro .ga-ballfield__base--first,
.gamecast-page .ga-ballfield__base--third,
.gamecast-page .ga-ballfield__base--first {
  top: 68% !important;
}
@media (max-width: 991px) {
  .scorebook-shell.scorebook-pro .sticky-scorebook .ga-ballfield--bases {
    min-height: 196px !important;
  }
}
@media (max-width: 520px) {
  .ga-ballfield__base--second,
  .scorebook-shell.scorebook-pro .ga-ballfield__base--second,
  .gamecast-page .ga-ballfield__base--second {
    top: 47% !important;
  }
  .scorebook-shell.scorebook-pro .sticky-scorebook .ga-ballfield--bases {
    min-height: 188px !important;
  }
}

/* SCOREKEEPER PLATE APPEARANCE READABILITY + END-INNING LABEL CLEANUP */
.scorebook-shell.scorebook-pro .scorebook-readable-title,
.scorebook-shell.scorebook-pro .scorebook-section-head h1,
.scorebook-shell.scorebook-pro .scorebook-section-head h2,
.scorebook-shell.scorebook-pro .scorebook-section-head h3,
.scorebook-shell.scorebook-pro .scorebook-section-head p,
.scorebook-shell.scorebook-pro .scorebook-right h1,
.scorebook-shell.scorebook-pro .scorebook-right h2,
.scorebook-shell.scorebook-pro .scorebook-right h3,
.scorebook-shell.scorebook-pro .scorebook-right h4,
.scorebook-shell.scorebook-pro .scorebook-right h5,
.scorebook-shell.scorebook-pro .scorebook-left h1,
.scorebook-shell.scorebook-pro .scorebook-left h2,
.scorebook-shell.scorebook-pro .scorebook-left h3,
.scorebook-shell.scorebook-pro .scorebook-left h4,
.scorebook-shell.scorebook-pro .scorebook-left h5 {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

.scorebook-shell.scorebook-pro .scorebook-quick-group > .scorebook-quick-heading strong,
.scorebook-shell.scorebook-pro .scorebook-bank-title,
.scorebook-shell.scorebook-pro .advanced-form-head,
.scorebook-shell.scorebook-pro .form-label,
.scorebook-shell.scorebook-pro .scorebook-advanced-play summary {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.scorebook-shell.scorebook-pro .scorebook-quick-heading span,
.scorebook-shell.scorebook-pro .scorebook-pa-quick-card .scorebook-readable-muted,
.scorebook-shell.scorebook-pro .scorebook-play-details .form-label {
  color: #475569 !important;
}

.scorebook-shell.scorebook-pro .scorebook-result-select em,
.scorebook-shell.scorebook-pro .runner-event-button em {
  display: none !important;
}

.scorebook-shell.scorebook-pro .lineup-row {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.13) !important;
}

.scorebook-shell.scorebook-pro .lineup-row span,
.scorebook-shell.scorebook-pro .lineup-row small {
  color: #d8e6f7 !important;
}

.scorebook-shell.scorebook-pro .lineup-row strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.scorebook-shell.scorebook-pro .scorebook-card > .ga-kicker + .scorebook-readable-title,
.scorebook-shell.scorebook-pro .scorebook-card > .ga-kicker + h2,
.scorebook-shell.scorebook-pro .scorebook-card > .ga-kicker + h3,
.scorebook-shell.scorebook-pro .scorebook-card > .ga-kicker + h4,
.scorebook-shell.scorebook-pro .scorebook-card > .ga-kicker + h5 {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}


/* SCOREKEEPER RUNNER / SIDEBAR / SPRAY CHART CLEANUP
   - remove runner quick action heading copy
   - keep runner buttons visually under the base chart
   - make recent scoring log and plate appearances match defense row styling
   - remove spray-chart helper text overlay in scorekeeper + gamecast */
.scorebook-shell.scorebook-pro .scorebook-runner-quick-card {
  margin-top: .9rem !important;
  position: relative;
  z-index: 1;
}
.scorebook-shell.scorebook-pro .scorebook-runner-quick-card .runner-event-stack {
  margin-top: 0 !important;
}
.scorebook-shell.scorebook-pro .scorebook-runner-quick-card .runner-event-row {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.scorebook-shell.scorebook-pro .ga-ballfield__spray-help,
.gamecast-page .ga-ballfield__spray-help {
  display: none !important;
}
.scorebook-shell.scorebook-pro .scorebook-log-row--sidebar {
  grid-template-columns: 42px minmax(0,1fr);
  gap: .55rem;
  align-items: center;
  padding: .72rem;
  border-radius: 16px;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.scorebook-shell.scorebook-pro .scorebook-log-row--sidebar span {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.08) !important;
  color: #ffd66b !important;
  font-size: .88rem;
  line-height: 1;
}
.scorebook-shell.scorebook-pro .scorebook-log-row--sidebar strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scorebook-shell.scorebook-pro .scorebook-log-row--sidebar small {
  grid-column: 2;
  color: #d8e6f7 !important;
  font-weight: 800;
}
.scorebook-shell.scorebook-pro .scorebook-right > .scorebook-card:last-child,
.scorebook-shell.scorebook-pro .scorebook-right > .scorebook-card:nth-last-child(2) {
  overflow: hidden !important;
}


/* GAMECAST LAYOUT / FIELD / FEED REFRESH */
.gamecast-topper.gamecast-topper--broadcast {
  background:
    radial-gradient(circle at 12% 10%, rgba(255,210,84,.16), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(25,211,255,.18), transparent 32%),
    linear-gradient(100deg, #081321 0%, #0a2140 48%, #123a58 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.10);
  color: #f8fbff !important;
}
.gamecast-topper.gamecast-topper--broadcast .ga-kicker,
.gamecast-topper.gamecast-topper--broadcast .gamecast-hero-meta {
  color: #dbeafe !important;
}
.gamecast-hero-title {
  font-size: clamp(2.8rem, 5vw, 5.4rem);
  line-height: .95;
  letter-spacing: -.06em;
  font-weight: 1000;
  color: #ffffff !important;
  max-width: 11ch;
}
.gamecast-hero-meta {
  font-size: 1.1rem;
  font-weight: 600;
}
.gamecast-action-tabs .btn {
  border-radius: 12px;
  font-weight: 900;
  border-width: 1px;
  padding: .75rem 1rem;
}
.gamecast-action-tabs .btn-primary {
  background: linear-gradient(180deg, #2563eb, #1d4ed8) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(37,99,235,.22);
}
.gamecast-action-tabs .btn-outline-secondary {
  background: rgba(7,17,31,.28) !important;
  color: #dbeafe !important;
  border-color: rgba(255,255,255,.16) !important;
}
.gamecast-feature-band {
  border-radius: 28px;
  padding: 1rem 1rem 1.1rem;
  background: rgba(7,17,31,.36);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 64px rgba(0,0,0,.24);
  backdrop-filter: blur(16px);
}
.gamecast-feature-band__status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  margin-bottom: .9rem;
}
.gamecast-status-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.gamecast-feature-band .ga-chip {
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.14) !important;
}
.gamecast-feature-band .ga-chip--live {
  background: rgba(239,68,68,.18) !important;
  color: #ffd4d4 !important;
  border-color: rgba(239,68,68,.28) !important;
}
.gamecast-feature-band .ga-chip--onair {
  background: rgba(34,197,94,.16) !important;
  color: #d7ffe5 !important;
  border-color: rgba(34,197,94,.24) !important;
}
.gamecast-feature-band__period {
  color: #ffd66b;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .82rem;
}
.gamecast-feature-band__scoregrid {
  display: grid;
  grid-template-columns: 190px minmax(0,1fr) 190px;
  gap: 1rem;
  align-items: center;
}
.gamecast-team-panel {
  border-radius: 22px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  padding: 1rem 1.1rem;
  color: #ffffff;
}
.gamecast-team-panel small {
  display: block;
  color: #bfdbfe;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .72rem;
  font-weight: 900;
  margin-bottom: .25rem;
}
.gamecast-team-panel strong {
  display: block;
  color: #ffffff !important;
  font-size: 1.12rem;
}
.gamecast-team-panel span {
  display: block;
  margin-top: .2rem;
  font-size: 3rem;
  line-height: 1;
  font-weight: 1000;
  color: #ffd66b;
}
.gamecast-feature-band__center {
  text-align: center;
}
.gamecast-feature-band__center h2 {
  margin: 0;
  color: #ffffff !important;
  font-size: 1.4rem;
  font-weight: 1000;
}
.gamecast-feature-band__center p {
  margin: .2rem 0 0;
  color: #cfe2f9;
  font-weight: 600;
}
.gamecast-page .network-card {
  background: linear-gradient(180deg, rgba(10,20,36,.94), rgba(20,31,50,.95)) !important;
  color: #e8f1ff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.22) !important;
}
.gamecast-page h1,
.gamecast-page h2,
.gamecast-page h3,
.gamecast-page h4,
.gamecast-page strong,
.gamecast-page th,
.gamecast-page td {
  color: #f8fbff !important;
}
.gamecast-page .ga-muted,
.gamecast-page p,
.gamecast-page span,
.gamecast-page small,
.gamecast-page .small {
  color: #c9d7ea;
}
.gamecast-page .ga-kicker { color: #1d8dff !important; }
.gamecast-page .ga-chip {
  background: rgba(255,255,255,.07) !important;
  color: #f8fbff !important;
  border-color: rgba(255,255,255,.12) !important;
}
.gamecast-page .metric {
  border-radius: 16px;
  padding: .7rem .45rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.gamecast-page .metric span {
  display: block;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .7rem;
  color: #9cc5ff;
  font-weight: 900;
}
.gamecast-page .metric strong {
  display: block;
  font-size: 1.6rem;
  color: #ffffff !important;
  line-height: 1.1;
}
.gamecast-linescore-card .table {
  margin-bottom: 0;
  color: #f8fbff;
}
.gamecast-linescore-card .table > :not(caption) > * > * {
  background: transparent !important;
  border-color: rgba(255,255,255,.09) !important;
}
.gamecast-linescore-card thead th {
  color: #9cc5ff !important;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.gamecast-page .pitch-chart-live {
  background: linear-gradient(180deg, rgba(216,228,245,.12), rgba(255,255,255,.06)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.gamecast-page .scorebook-zone-picker--readonly .zone-cell {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}
.gamecast-page .scorebook-zone-picker--readonly .zone-cell--strike {
  background: rgba(255,255,255,.08);
}
.gamecast-page .scorebook-zone-picker--readonly .zone-cell span {
  color: #dce9fb;
}
.gamecast-page .spray-field-live {
  background: none !important;
  border: 0 !important;
  height: auto;
}
.gamecast-page .ga-ballfield {
  min-height: 320px;
}
.gamecast-page .ga-ballfield--spray .ga-ballfield__base span {
  display: block !important;
}
.gamecast-page .ga-ballfield__base {
  background: rgba(255,255,255,.94);
  border-color: rgba(15,23,42,.14);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
.gamecast-page .ga-ballfield__base strong,
.gamecast-page .ga-ballfield__base span {
  color: #334155 !important;
}
.gamecast-page .ga-ballfield__base strong {
  font-size: .98rem;
}
.gamecast-page .ga-ballfield__marker {
  box-shadow: 0 0 0 4px rgba(255,255,255,.26), 0 14px 26px rgba(0,0,0,.34);
}
.gamecast-mini-list {
  display: grid;
  gap: .65rem;
}
.gamecast-mini-list > div,
.gamecast-lineup-row,
.gamecast-timeline .timeline-item {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.gamecast-mini-list > div {
  display: flex;
  justify-content: space-between;
  gap: .8rem;
  align-items: center;
  padding: .8rem .9rem;
}
.gamecast-mini-list strong,
.gamecast-lineup-row strong,
.gamecast-timeline .timeline-item strong { color: #ffffff !important; }
.gamecast-mini-list span { color: #d4e3f6 !important; text-align: right; font-size: .85rem; }
.gamecast-lineup-list {
  display: grid;
  gap: .65rem;
}
.gamecast-lineup-row {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) 44px;
  align-items: center;
  gap: .75rem;
  padding: .72rem .8rem;
}
.gamecast-lineup-row__slot {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  color: #ffd66b !important;
  font-weight: 1000;
  font-size: .8rem;
}
.gamecast-lineup-row small {
  color: #bcd3ef !important;
  text-align: right;
  font-weight: 900;
  margin: 0;
}
.gamecast-timeline {
  display: grid;
  gap: .75rem;
}
.gamecast-timeline .timeline-item {
  display: grid;
  gap: .25rem;
  padding: .9rem;
}
.gamecast-timeline .badge {
  width: fit-content;
  background: rgba(255,255,255,.10) !important;
  color: #ffd66b !important;
}
.gamecast-empty-action {
  background: rgba(255,255,255,.05) !important;
  border: 1px dashed rgba(255,255,255,.16) !important;
  color: #d8e6f7 !important;
}
.gamecast-page .sponsor-panel img {
  max-height: 68px;
  object-fit: contain;
  background: #ffffff;
  border-radius: 14px;
  padding: .45rem;
}
@media (max-width: 1199px) {
  .gamecast-feature-band__scoregrid {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .gamecast-team-panel,
  .gamecast-team-panel.text-end { text-align: center !important; }
}
@media (max-width: 767px) {
  .gamecast-hero-title { max-width: none; font-size: clamp(2.4rem, 11vw, 3.8rem); }
  .gamecast-lineup-row { grid-template-columns: 40px minmax(0,1fr) 38px; }
  .gamecast-page .ga-ballfield { min-height: 280px; }
}

/* TICKER GAME BUTTON + SEPARATOR FIX */
.ga-ticker--games {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .55rem .9rem;
  background:
    radial-gradient(circle at 12% 0%, rgba(11,114,217,.10), transparent 28%),
    linear-gradient(180deg, #ffffff, #f8fbff);
  border-block: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
}
.ga-ticker-label {
  color: #075ec7;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .14em;
  white-space: nowrap;
}
.ga-ticker--games .ga-ticker-track {
  display: flex;
  align-items: center;
  gap: .55rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  padding-block: .15rem;
  white-space: nowrap;
}
.ga-ticker--games .ga-ticker-track::-webkit-scrollbar {
  height: 6px;
}
.ga-ticker--games .ga-ticker-track::-webkit-scrollbar-thumb {
  background: rgba(15,23,42,.18);
  border-radius: 999px;
}
.ga-ticker-game {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-height: 38px;
  padding: .42rem .48rem .42rem .58rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.12);
  color: #0f172a !important;
  text-decoration: none;
  scroll-snap-align: start;
  box-shadow: 0 8px 20px rgba(15,23,42,.055);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.ga-ticker-game:hover {
  transform: translateY(-1px);
  border-color: rgba(7,94,199,.30);
  box-shadow: 0 12px 28px rgba(7,94,199,.10);
}
.ga-ticker-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: .23rem .48rem;
  background: #eef2f7;
  color: #334155 !important;
  font-size: .66rem;
  font-weight: 1000;
  letter-spacing: .07em;
}
.ga-ticker-status.is-live {
  background: #fff1f2;
  color: #be123c !important;
}
.ga-ticker-matchup {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 900;
}
.ga-ticker-score {
  color: #b45309 !important;
  font-weight: 1000;
  font-variant-numeric: tabular-nums;
}
.ga-ticker-open,
.ga-ticker-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: .28rem .62rem;
  background: #075ec7;
  color: #ffffff !important;
  font-size: .72rem;
  font-weight: 1000;
  text-decoration: none;
}
.ga-ticker-separator {
  flex: 0 0 auto;
  width: 1px;
  height: 28px;
  background: linear-gradient(180deg, transparent, rgba(15,23,42,.24), transparent);
}
.ga-ticker-track .ga-ticker-separator:last-child {
  display: none;
}
.ga-ticker-all {
  white-space: nowrap;
  background: #0f172a;
}
@media (max-width: 720px) {
  .ga-ticker--games {
    grid-template-columns: 1fr auto;
  }
  .ga-ticker-label {
    display: none;
  }
  .ga-ticker--games .ga-ticker-track {
    grid-column: 1;
  }
  .ga-ticker-matchup {
    max-width: 170px;
  }
  .ga-ticker-open {
    display: none;
  }
}


/* SCOREKEEPER BASE CHART STACK FIX
   - keep the current-at-bat card and runner actions in a clean vertical stack
   - prevent the runner action card from covering the base chart
   - keep the current-at-bat card pinned to the top of the left column
   - give the base chart more vertical room on narrow screens */
.scorebook-shell.scorebook-pro .scorebook-left {
  display: flex !important;
  flex-direction: column !important;
  align-self: start !important;
  gap: 1rem !important;
}
.scorebook-shell.scorebook-pro .scorebook-left > .scorebook-card,
.scorebook-shell.scorebook-pro .scorebook-left > .scorebook-no-runners-note {
  margin: 0 !important;
}
.scorebook-shell.scorebook-pro .scorebook-current-card {
  align-self: start !important;
  padding-bottom: 1rem !important;
  z-index: 2;
}
.scorebook-shell.scorebook-pro .scorebook-current-card .mb-1 {
  margin-bottom: .7rem !important;
}
.scorebook-shell.scorebook-pro .scorebook-current-card .ga-ballfield--bases {
  min-height: 244px !important;
}
.scorebook-shell.scorebook-pro .scorebook-current-card .ga-ballfield {
  margin-bottom: 0 !important;
}
.scorebook-shell.scorebook-pro .scorebook-runner-quick-card {
  position: static !important;
  clear: both !important;
  z-index: 1 !important;
  margin-top: 0 !important;
}
.scorebook-shell.scorebook-pro .scorebook-runner-quick-card .runner-event-stack {
  gap: .9rem !important;
}
.scorebook-shell.scorebook-pro .scorebook-runner-quick-card .runner-event-row {
  margin: 0 !important;
}
@media (min-width: 992px) {
  .scorebook-shell.scorebook-pro .scorebook-current-card.sticky-scorebook {
    position: sticky !important;
    top: 92px !important;
  }
}
@media (max-width: 991px) {
  .scorebook-shell.scorebook-pro .scorebook-current-card.sticky-scorebook {
    position: static !important;
    top: auto !important;
  }
}
@media (max-width: 520px) {
  .scorebook-shell.scorebook-pro .scorebook-left {
    gap: .9rem !important;
  }
  .scorebook-shell.scorebook-pro .scorebook-current-card {
    padding-bottom: .95rem !important;
  }
  .scorebook-shell.scorebook-pro .scorebook-current-card .ga-ballfield--bases {
    min-height: 268px !important;
  }
  .scorebook-shell.scorebook-pro .ga-ballfield__base--second,
  .scorebook-shell.scorebook-pro .gamecast-page .ga-ballfield__base--second,
  .gamecast-page .ga-ballfield__base--second {
    top: 45% !important;
  }
  .scorebook-shell.scorebook-pro .ga-ballfield__base--third,
  .scorebook-shell.scorebook-pro .ga-ballfield__base--first,
  .gamecast-page .ga-ballfield__base--third,
  .gamecast-page .ga-ballfield__base--first {
    top: 66% !important;
  }
}

/* GAMECAST SCOREKEEPER-STYLE LAYOUT FIX
   A dense, scorekeeper-aligned GameCast surface that uses screen width instead of white boxes. */
.gamecast-shell.gamecast-pro {
  min-height: calc(100vh - 72px);
  padding-inline: clamp(.75rem, 2vw, 1.5rem);
  background:
    radial-gradient(circle at 12% 4%, rgba(37,99,235,.18), transparent 30%),
    radial-gradient(circle at 90% 2%, rgba(25,211,255,.14), transparent 34%),
    linear-gradient(180deg, #edf2f7 0%, #f7fafc 100%) !important;
  color: #0f172a;
}
.gamecast-pro .gamecast-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  flex-wrap: wrap;
  border-radius: 28px;
  padding: 1.35rem 1.5rem;
  background:
    radial-gradient(circle at 18% 0%, rgba(19,111,220,.22), transparent 34%),
    radial-gradient(circle at 88% 6%, rgba(247,201,72,.12), transparent 28%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #162033 100%) !important;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 24px 60px rgba(7,17,31,.22);
}
.gamecast-pro .gamecast-title {
  max-width: none;
  font-size: clamp(2rem, 3vw, 3.6rem);
  line-height: .96;
  letter-spacing: -.065em;
  font-weight: 1000;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  margin: 0;
}
.gamecast-pro .gamecast-subtitle {
  color: #d8e6f7 !important;
  font-weight: 700;
}
.gamecast-pro .gamecast-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.gamecast-pro .gamecast-actions .btn {
  border-radius: 12px;
  font-weight: 900;
}
.gamecast-pro .gamecast-actions .btn-outline-ga {
  color: #dbeafe !important;
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.18) !important;
}
.gamecast-pro .gamecast-score-strip {
  display: grid;
  grid-template-columns: 1fr 260px 1fr;
  gap: 0;
  border-radius: 26px;
  overflow: hidden;
  background: linear-gradient(135deg, #0a1220 0%, #111c30 55%, #17233a 100%) !important;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 40px rgba(7,17,31,.16);
}
.gamecast-pro .gamecast-score-team,
.gamecast-pro .gamecast-score-state {
  padding: 1rem 1.25rem;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border-right: 1px solid rgba(255,255,255,.09);
}
.gamecast-pro .gamecast-score-team:last-child {
  border-right: 0;
  border-left: 1px solid rgba(255,255,255,.09);
}
.gamecast-pro .gamecast-score-team span,
.gamecast-pro .gamecast-score-state span {
  display: block;
  color: #f8fbff !important;
  opacity: 1;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.gamecast-pro .gamecast-score-team strong {
  display: block;
  color: #ffffff !important;
  font-size: 1.2rem;
  line-height: 1.1;
  margin-top: .22rem;
}
.gamecast-pro .gamecast-score-team b {
  display: block;
  font-size: 3.4rem;
  line-height: .95;
  font-weight: 1000;
  color: #ffd66b;
  font-variant-numeric: tabular-nums;
}
.gamecast-pro .gamecast-score-state {
  display: grid;
  place-items: center;
  text-align: center;
}
.gamecast-pro .gamecast-score-state strong {
  color: #ffffff !important;
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 1000;
}
.gamecast-pro .gamecast-score-state small {
  color: #d8e6f7 !important;
  font-weight: 800;
}
.gamecast-pro .gamecast-layout-pro {
  display: grid;
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr) minmax(230px, 280px);
  gap: 1.25rem;
  align-items: start;
}
.gamecast-pro .gamecast-card {
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    #101a2a !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 20px 52px rgba(7,17,31,.16);
  overflow: hidden;
}
.gamecast-pro .gamecast-card h1,
.gamecast-pro .gamecast-card h2,
.gamecast-pro .gamecast-card h3,
.gamecast-pro .gamecast-card h4,
.gamecast-pro .gamecast-card h5,
.gamecast-pro .gamecast-card strong,
.gamecast-pro .gamecast-card th,
.gamecast-pro .gamecast-card td {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}
.gamecast-pro .gamecast-card p,
.gamecast-pro .gamecast-card small,
.gamecast-pro .gamecast-card span,
.gamecast-pro .gamecast-card .ga-muted {
  color: #c8d7e8 !important;
}
.gamecast-pro .ga-kicker {
  color: #2f8fff !important;
}
.gamecast-pro .ga-chip {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #d8e6f7 !important;
}
.gamecast-pro .gamecast-main-grid {
  display: grid;
  grid-template-columns: minmax(320px, .95fr) minmax(420px, 1.05fr);
  gap: 1.25rem;
  align-items: stretch;
}
.gamecast-pro .gamecast-feed-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: 1.25rem;
  align-items: start;
}
.gamecast-pro .gamecast-stack {
  display: grid;
  gap: 1.25rem;
}
.gamecast-pro .gamecast-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: .85rem;
}
.gamecast-pro .gamecast-shared-field,
.gamecast-pro .spray-field-live {
  position: relative;
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.gamecast-pro .ga-ballfield {
  min-height: clamp(340px, 38vw, 520px) !important;
  background: linear-gradient(180deg, #16623c 0%, #11462e 48%, #082719 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: inset 0 -28px 54px rgba(0,0,0,.24), 0 18px 46px rgba(2,8,23,.20) !important;
}
.gamecast-pro .ga-ballfield__grass {
  display: none !important;
}
.gamecast-pro .ga-ballfield__outfield-arc {
  border-top-style: solid !important;
  border-top-color: rgba(235,245,241,.50) !important;
}
.gamecast-pro .ga-ballfield--spray .ga-ballfield__base span {
  display: block !important;
}
.gamecast-pro .ga-ballfield__base {
  background: rgba(255,255,255,.94) !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.16) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
.gamecast-pro .ga-ballfield__base strong,
.gamecast-pro .ga-ballfield__base span {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
.gamecast-pro .ga-ballfield__base.is-occupied {
  background: linear-gradient(135deg,#ffe17a,#f7c948) !important;
  border-color: #fff4be !important;
}
.gamecast-pro .ga-ballfield__base--second {
  top: 46% !important;
}
.gamecast-pro .ga-ballfield__base--third,
.gamecast-pro .ga-ballfield__base--first {
  top: 68% !important;
}
.gamecast-pro .ga-ballfield__plate {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.gamecast-pro .spray-dot-live {
  position: absolute;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: #ef4444;
  border: 3px solid #fff;
  box-shadow: 0 0 0 3px rgba(239,68,68,.25), 0 10px 20px rgba(2,8,23,.22);
  z-index: 16;
}
.gamecast-pro .gamecast-linescore {
  color: #f8fbff !important;
}
.gamecast-pro .gamecast-linescore > :not(caption) > * > * {
  background: transparent !important;
  border-color: rgba(255,255,255,.10) !important;
}
.gamecast-pro .gamecast-linescore thead th {
  color: #9cc5ff !important;
  -webkit-text-fill-color: #9cc5ff !important;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.gamecast-pro .pitch-chart-live {
  height: auto !important;
  min-height: 0 !important;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(216,228,245,.12), rgba(255,255,255,.06)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  display: block !important;
  padding: .85rem;
}
.gamecast-pro .scorebook-zone-picker--precision {
  width: 100% !important;
  max-width: none !important;
  min-height: 310px;
  background: linear-gradient(180deg, #dce9fb, #c8dbf5) !important;
}
.gamecast-pro .scorebook-zone-picker--readonly .zone-cell {
  background: rgba(255,255,255,.62) !important;
}
.gamecast-pro .scorebook-zone-picker--readonly .zone-cell--strike {
  background: rgba(255,255,255,.95) !important;
}
.gamecast-pro .gamecast-lineup-list,
.gamecast-pro .gamecast-mini-list,
.gamecast-pro .gamecast-timeline {
  display: grid;
  gap: .65rem;
}
.gamecast-pro .gamecast-lineup-row,
.gamecast-pro .gamecast-mini-list > div,
.gamecast-pro .gamecast-timeline .timeline-item {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.gamecast-pro .gamecast-lineup-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 44px;
  gap: .7rem;
  align-items: center;
  padding: .7rem .78rem;
}
.gamecast-pro .gamecast-lineup-row__slot {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.08);
  color: #ffd66b !important;
  -webkit-text-fill-color: #ffd66b !important;
  font-weight: 1000;
  font-size: .78rem;
}
.gamecast-pro .gamecast-lineup-row strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gamecast-pro .gamecast-lineup-row small {
  color: #bcd3ef !important;
  text-align: right;
  font-weight: 900;
}
.gamecast-pro .gamecast-mini-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: center;
  padding: .78rem .85rem;
}
.gamecast-pro .gamecast-mini-list span {
  color: #d4e3f6 !important;
  text-align: right;
  font-size: .85rem;
}
.gamecast-pro .gamecast-timeline .timeline-item {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: .55rem .8rem;
  padding: .85rem;
  align-items: start;
}
.gamecast-pro .gamecast-timeline .badge {
  width: fit-content;
  background: rgba(255,255,255,.10) !important;
  color: #ffd66b !important;
}
.gamecast-pro .gamecast-timeline .timeline-item__body {
  min-width: 0;
  display: grid;
  gap: .28rem;
}
.gamecast-pro .gamecast-timeline .timeline-item__title,
.gamecast-pro .gamecast-timeline .timeline-item__title strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.gamecast-pro .gamecast-timeline .timeline-item__meta,
.gamecast-pro .gamecast-timeline .timeline-item__meta a,
.gamecast-pro .gamecast-timeline .timeline-item__notes,
.gamecast-pro .gamecast-timeline .timeline-item__notes a,
.gamecast-pro .gamecast-timeline .timeline-item .small,
.gamecast-pro .gamecast-timeline .timeline-item small,
.gamecast-pro .gamecast-timeline .timeline-item span.ga-muted {
  color: #d7e4f4 !important;
  -webkit-text-fill-color: #d7e4f4 !important;
}
.gamecast-pro .gamecast-timeline .timeline-item__meta {
  font-size: .92rem;
  font-weight: 700;
}
.gamecast-pro .gamecast-timeline .timeline-item__notes {
  font-size: .92rem;
  line-height: 1.45;
  color: #edf4ff !important;
}
.gamecast-pro .gamecast-empty-action {
  display: grid;
  gap: .35rem;
  padding: 1rem;
  border-radius: 16px;
  background: rgba(255,255,255,.05) !important;
  border: 1px dashed rgba(255,255,255,.16) !important;
  color: #d8e6f7 !important;
}
@media (max-width: 1280px) {
  .gamecast-pro .gamecast-layout-pro {
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) minmax(220px, 260px);
    gap: 1rem;
  }
  .gamecast-pro .gamecast-main-grid,
  .gamecast-pro .gamecast-feed-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .gamecast-pro .gamecast-score-strip,
  .gamecast-pro .gamecast-layout-pro {
    grid-template-columns: 1fr;
  }
  .gamecast-pro .gamecast-score-team,
  .gamecast-pro .gamecast-score-state {
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
  }
  .gamecast-pro .gamecast-title {
    font-size: clamp(2rem, 8vw, 3.2rem);
  }
}
@media (max-width: 575px) {
  .gamecast-shell.gamecast-pro {
    padding-inline: .75rem;
  }
  .gamecast-pro .gamecast-topbar,
  .gamecast-pro .gamecast-card {
    border-radius: 22px;
  }
  .gamecast-pro .ga-ballfield {
    min-height: 300px !important;
  }
  .gamecast-pro .scorebook-zone-picker--precision {
    min-height: 260px;
  }
}


/* SCOREKEEPER CONTROLS + LINESCORE LAYOUT FIX
   - move game controls above current at bat
   - move line score above the pitch box
   - keep current at bat/base chart free of sticky scrolling behavior
   - keep runner action boxes stacked below the base chart */
.scorebook-shell.scorebook-pro .scorebook-controls-card {
  order: 1;
}
.scorebook-shell.scorebook-pro .scorebook-current-card {
  order: 2;
}
.scorebook-shell.scorebook-pro .scorebook-runner-quick-card,
.scorebook-shell.scorebook-pro .scorebook-no-runners-note {
  order: 3;
}
.scorebook-shell.scorebook-pro .scorebook-current-card.sticky-scorebook,
.scorebook-shell.scorebook-pro .scorebook-current-card {
  position: static !important;
  top: auto !important;
}
.scorebook-shell.scorebook-pro .scorebook-linescore-card {
  order: -1;
}
.scorebook-shell.scorebook-pro .scorebook-linescore-card .ga-table > :not(caption) > * > * {
  white-space: nowrap;
}
.scorebook-shell.scorebook-pro .scorebook-left .scorebook-current-card,
.scorebook-shell.scorebook-pro .scorebook-left .scorebook-runner-quick-card {
  overflow: visible !important;
}

/* GAMECAST PITCH LOCATION CLEANUP
   Removes numbered pitch-location marker pills from GameCast so the chart reads as a clean zone map. */
.gamecast-pro .pitch-chart-live .pitch-dot-live,
.gamecast-page .pitch-chart-live .pitch-dot-live {
  display: none !important;
}


/* SCOREBUG OVERLAY SEPARATION + SPONSOR STRIP FIX
   - visually separates away/home scores
   - gives the sponsor strip enough height and width for its copy
   - moves the sponsor strip upward so it sits cleanly under the bug */
.scorebug-broadcast-v2 .bug-side--away,
.scorebug-broadcast-v2 .bug-score--away {
  box-shadow: inset -1px 0 0 rgba(255,255,255,.08);
}
.scorebug-broadcast-v2 .bug-side--home,
.scorebug-broadcast-v2 .bug-score--home {
  box-shadow: inset 1px 0 0 rgba(255,255,255,.08);
}

/* PUBLIC TEAM + LEAGUE STYLE REFRESH
   Cleaner fan-facing team and league pages with stronger contrast, scorekeeper-inspired cards,
   better spacing, and more polished schedules/rosters/news modules. */

/* Shared public fan-page surface */
.team-public-refresh,
.league-public-refresh,
.baseball-team-public-refresh {
  --fan-bg: #eef3f8;
  --fan-ink: #0f172a;
  --fan-muted: #526173;
  --fan-panel: #ffffff;
  --fan-panel-border: rgba(15, 23, 42, .10);
  margin-inline: calc(50% - 50vw);
  padding: clamp(1rem, 2vw, 1.6rem) max(1rem, calc(50vw - 680px)) 2.5rem;
  background:
    radial-gradient(circle at 8% 0%, rgba(37, 99, 235, .10), transparent 32%),
    radial-gradient(circle at 92% 3%, rgba(255, 207, 63, .12), transparent 28%),
    linear-gradient(180deg, #eef3f8 0%, #f8fafc 42%, #eef3f8 100%);
  color: var(--fan-ink);
}
.team-public-refresh a,
.league-public-refresh a,
.baseball-team-public-refresh a {
  text-decoration: none;
}

/* Hero areas */
.team-public-refresh .franchise-hero,
.league-public-refresh .league-hub-hero,
.baseball-team-public-refresh .team-hero {
  border-radius: 34px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .26) !important;
  background-color: #07111f;
}
.team-public-refresh .franchise-hero {
  background-size: cover;
  background-position: center;
}
.team-public-refresh .franchise-title,
.league-public-refresh .league-hub-title,
.baseball-team-public-refresh .team-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 14px 32px rgba(0,0,0,.28);
  letter-spacing: -.065em !important;
}
.team-public-refresh .franchise-title {
  font-size: clamp(2.4rem, 6vw, 6.8rem) !important;
}
.league-public-refresh .league-hub-title {
  font-size: clamp(2.5rem, 5.6vw, 6.2rem) !important;
}
.team-public-refresh .franchise-lead,
.league-public-refresh .league-hub-hero .lead,
.baseball-team-public-refresh .team-hero .lead {
  color: #dce9fb !important;
  max-width: 880px;
  font-weight: 650;
}
.team-public-refresh .franchise-logo,
.baseball-team-public-refresh .team-logo-lg {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.30) !important;
}
.team-public-refresh .team-command-card,
.league-public-refresh .league-featured-game {
  background: rgba(7, 17, 31, .58) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 44px rgba(0,0,0,.18);
}

/* Cards and sections */
.team-public-refresh .network-card,
.league-public-refresh .ga-card,
.baseball-team-public-refresh .network-card,
.baseball-team-public-refresh .player-card {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96)) !important;
  border: 1px solid var(--fan-panel-border) !important;
  border-radius: 26px !important;
  color: var(--fan-ink) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08) !important;
}
.team-public-refresh .network-card h1,
.team-public-refresh .network-card h2,
.team-public-refresh .network-card h3,
.team-public-refresh .network-card h4,
.team-public-refresh .network-card h5,
.league-public-refresh .ga-card h1,
.league-public-refresh .ga-card h2,
.league-public-refresh .ga-card h3,
.league-public-refresh .ga-card h4,
.league-public-refresh .ga-card h5,
.baseball-team-public-refresh .network-card h1,
.baseball-team-public-refresh .network-card h2,
.baseball-team-public-refresh .network-card h3,
.baseball-team-public-refresh .network-card h4,
.baseball-team-public-refresh .network-card h5,
.baseball-team-public-refresh .player-card strong {
  color: var(--fan-ink) !important;
  -webkit-text-fill-color: var(--fan-ink) !important;
}
.team-public-refresh .network-card p,
.team-public-refresh .network-card small,
.team-public-refresh .network-card .ga-muted,
.league-public-refresh .ga-card p,
.league-public-refresh .ga-card small,
.baseball-team-public-refresh .network-card p,
.baseball-team-public-refresh .network-card .text-white-50,
.baseball-team-public-refresh .player-card .text-white-50 {
  color: var(--fan-muted) !important;
}
.team-public-refresh .ga-section-title,
.league-public-refresh .ga-section-title,
.baseball-team-public-refresh .section-title {
  color: var(--fan-ink) !important;
  font-size: clamp(1.5rem, 2.2vw, 2.2rem);
  letter-spacing: -.04em;
  font-weight: 1000;
}

/* Season and metrics */
.team-public-refresh .season-switcher,
.league-public-refresh .league-tabbar {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}
.team-public-refresh .season-tab,
.league-public-refresh .league-tabbar a {
  color: #0f172a !important;
  background: #f1f5f9 !important;
  border-color: rgba(15, 23, 42, .08) !important;
}
.team-public-refresh .season-tab.active,
.team-public-refresh .season-tab:hover,
.league-public-refresh .league-tabbar a:hover {
  background: linear-gradient(135deg, #0b72d9, #0f8fff) !important;
  color: #ffffff !important;
  border-color: rgba(11, 114, 217, .35) !important;
}
.team-public-refresh .fan-metric {
  background:
    radial-gradient(circle at 85% 12%, rgba(255, 207, 63, .18), transparent 34%),
    linear-gradient(135deg, #0a1220, #17233a) !important;
  border-color: rgba(255,255,255,.13) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .14) !important;
}
.team-public-refresh .fan-metric span { color: #93c5fd !important; }
.team-public-refresh .fan-metric strong { color: #ffffff !important; }
.team-public-refresh .fan-metric small { color: #d6e3f2 !important; }

/* Schedule/tickers */
.team-public-refresh .schedule-row-pro,
.league-public-refresh .league-event-row,
.league-public-refresh .league-score-chip,
.baseball-team-public-refresh .event-strip {
  background: #f8fafc !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  border-radius: 18px !important;
  color: var(--fan-ink) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
}
.team-public-refresh .schedule-row-pro:hover,
.league-public-refresh .league-event-row:hover,
.league-public-refresh .league-score-chip:hover,
.baseball-team-public-refresh .event-strip:hover {
  transform: translateY(-2px);
  border-color: rgba(11, 114, 217, .32) !important;
  box-shadow: 0 16px 34px rgba(11, 114, 217, .10);
}
.team-public-refresh .schedule-date strong,
.team-public-refresh .schedule-status strong,
.team-public-refresh .schedule-matchup strong,
.league-public-refresh .league-event-row strong,
.league-public-refresh .league-score-chip strong,
.baseball-team-public-refresh .event-strip .text-white {
  color: var(--fan-ink) !important;
}
.team-public-refresh .schedule-date small,
.team-public-refresh .schedule-matchup small,
.league-public-refresh .league-event-row span,
.league-public-refresh .league-event-row em,
.baseball-team-public-refresh .event-strip .text-white-50 {
  color: var(--fan-muted) !important;
}

/* Roster and player cards */
.team-public-refresh .roster-card-pro,
.baseball-team-public-refresh .player-card {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, .10) !important;
  color: var(--fan-ink) !important;
}
.team-public-refresh .roster-card-pro:hover,
.baseball-team-public-refresh .player-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 207, 63, .46) !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .10) !important;
}
.team-public-refresh .roster-card-pro strong,
.team-public-refresh .leader-row-pro strong,
.team-public-refresh .story-row-pro h3,
.league-public-refresh .league-standings-team strong,
.league-public-refresh .league-leader-card strong,
.league-public-refresh .league-news-row strong,
.league-public-refresh .league-team-spotlight strong {
  color: var(--fan-ink) !important;
}
.team-public-refresh .roster-card-pro small,
.team-public-refresh .leader-row-pro small,
.team-public-refresh .story-row-pro p,
.league-public-refresh .league-standings-team small,
.league-public-refresh .league-leader-card small,
.league-public-refresh .league-news-row small,
.league-public-refresh .league-team-spotlight p,
.league-public-refresh .league-team-spotlight small {
  color: var(--fan-muted) !important;
}

/* League content modules */
.league-public-refresh .league-standings-table {
  color: var(--fan-ink) !important;
}
.league-public-refresh .league-standings-table > :not(caption) > * > * {
  background: transparent !important;
  border-color: rgba(15, 23, 42, .08) !important;
}
.league-public-refresh .league-standings-table thead th {
  color: #075ec7 !important;
  text-transform: uppercase;
  letter-spacing: .10em;
  font-size: .75rem;
}
.league-public-refresh .league-leader-card,
.league-public-refresh .league-top-story,
.league-public-refresh .league-news-row,
.league-public-refresh .league-team-spotlight,
.team-public-refresh .story-row-pro,
.team-public-refresh .leader-row-pro,
.team-public-refresh .timeline-item-pro,
.team-public-refresh .media-row {
  background: #f8fafc !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  border-radius: 18px !important;
  color: var(--fan-ink) !important;
}
.league-public-refresh .league-leader-card b,
.team-public-refresh .leader-row-pro b {
  color: #b45309 !important;
}
.league-public-refresh .league-top-story h3,
.league-public-refresh .league-highlight-caption strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.league-public-refresh .league-highlight-hero {
  border-radius: 22px !important;
  overflow: hidden;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .12);
}

/* Baseball-specific public team page */
.baseball-team-public-refresh .team-hero {
  margin-inline: calc(50% - 50vw);
  padding-inline: max(1rem, calc(50vw - 680px));
  background-size: cover;
  background-position: center;
}
.baseball-team-public-refresh .section-title {
  margin: 1.5rem 0 .9rem;
}
.baseball-team-public-refresh .badge.text-bg-warning {
  background: #ffd66b !important;
  color: #0f172a !important;
}

/* Responsive */
@media (max-width: 991px) {
  .team-public-refresh,
  .league-public-refresh,
  .baseball-team-public-refresh {
    padding-inline: 1rem;
  }
  .team-public-refresh .franchise-hero,
  .league-public-refresh .league-hub-hero,
  .baseball-team-public-refresh .team-hero {
    border-radius: 26px !important;
  }
  .team-public-refresh .franchise-logo,
  .baseball-team-public-refresh .team-logo-lg {
    width: 86px;
    height: 86px;
    border-radius: 22px;
  }
  .team-public-refresh .schedule-row-pro {
    grid-template-columns: 1fr;
    gap: .5rem;
  }
  .team-public-refresh .schedule-status {
    text-align: left;
  }
  .team-public-refresh .roster-grid-pro {
    grid-template-columns: 1fr;
  }
}

/* TOP NAV LOGO + STYLE REFRESH
   Adds the public Game Action 360 logo, restores Leagues in the top nav,
   and modernizes the navigation bar treatment. */
.ga-navbar {
  background:
    radial-gradient(circle at 7% 0%, rgba(255, 207, 63, .15), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94)) !important;
  border-bottom: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 12px 34px rgba(15,23,42,.08);
  backdrop-filter: blur(18px);
}
.ga-brand-pro {
  min-width: 0;
  padding-block: .3rem;
}
.ga-brand-logo-wrap {
  width: 174px;
  aspect-ratio: 1448 / 973;
  height: auto;
  flex: 0 0 174px;
  display: grid;
  place-items: center;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  overflow: visible;
  padding: 0;
  line-height: 0;
}
.ga-brand-logo {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: 0;
}
.ga-brand-copy {
  display: grid;
  gap: .06rem;
}
.ga-brand-name {
  color: #0f172a;
  font-size: 1.02rem;
  font-weight: 1000;
  letter-spacing: -.035em;
}
.ga-brand-subtitle {
  color: #075ec7;
  font-size: .64rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .16em;
}
.ga-navbar .navbar-nav {
  gap: .15rem;
}
.ga-navbar .nav-link {
  color: #334155 !important;
  border-radius: 999px;
  padding: .52rem .78rem !important;
  font-weight: 900;
  letter-spacing: -.01em;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}
.ga-navbar .nav-link:hover,
.ga-navbar .nav-link:focus {
  color: #075ec7 !important;
  background: rgba(7,94,199,.08);
  transform: translateY(-1px);
}
.ga-navbar .nav-link.text-warning {
  color: #b45309 !important;
  background: rgba(255,207,63,.18);
}
.ga-navbar .btn-ga,
.ga-navbar .btn-outline-ga {
  border-radius: 999px;
  font-weight: 1000;
  padding-inline: .85rem;
}
.ga-navbar .btn-ga {
  box-shadow: 0 10px 22px rgba(11,114,217,.14);
}
@media (max-width: 991px) {
  .ga-navbar .navbar-collapse {
    padding-top: .8rem;
  }
  .ga-navbar .navbar-nav {
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 18px;
    padding: .55rem;
  }
  .ga-brand-logo-wrap {
    width: 138px;
    aspect-ratio: 1448 / 973;
    height: auto;
    flex-basis: 138px;
    padding: 0;
    overflow: visible;
  }
  .ga-brand-logo {
    width: 100%;
    height: auto;
    max-height: none;
  }
}
@media (max-width: 420px) {
  .ga-brand-name {
    font-size: .9rem;
  }
  .ga-brand-subtitle {
    font-size: .56rem;
  }
}

/* PUBLIC HUBS SCOREKEEPER-STYLE REFRESH + LEAGUE REGISTRATION ROUTE FIX
   Brings team, league, and tournament public pages closer to Scorekeeper Pro:
   dark gradient heroes, dark cards, strong contrast, and consistent fan hub surfaces. */

.team-public-refresh,
.league-public-refresh,
.tournament-public-refresh,
.baseball-team-public-refresh {
  --hub-bg: #edf2f7;
  --hub-dark: #101a2a;
  --hub-dark-2: #07111f;
  --hub-card: #111c2f;
  --hub-card-2: #162235;
  --hub-line: rgba(255,255,255,.12);
  --hub-text: #f8fbff;
  --hub-muted: #c8d7e8;
  --hub-blue: #2f8fff;
  --hub-gold: #ffd66b;
  margin-inline: calc(50% - 50vw);
  padding: clamp(1rem, 2vw, 1.6rem) max(1rem, calc(50vw - 700px)) 2.5rem;
  background:
    radial-gradient(circle at 10% 2%, rgba(47,143,255,.12), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(255,214,107,.12), transparent 26%),
    linear-gradient(180deg, #edf2f7 0%, #f8fafc 42%, #edf2f7 100%) !important;
  color: #0f172a;
}

/* Dark scorekeeper-like heroes */
.team-public-refresh .franchise-hero,
.league-public-refresh .league-hub-hero,
.tournament-public-refresh .ga-hero,
.tournament-public-refresh .tournament-hero,
.baseball-team-public-refresh .team-hero {
  border-radius: 30px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(19,111,220,.22), transparent 34%),
    radial-gradient(circle at 88% 6%, rgba(247,201,72,.12), transparent 28%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #162033 100%) !important;
  box-shadow: 0 24px 60px rgba(7,17,31,.22) !important;
  overflow: hidden;
}
.team-public-refresh .franchise-hero[style],
.baseball-team-public-refresh .team-hero[style] {
  background-blend-mode: overlay, normal !important;
}
.team-public-refresh .franchise-title,
.league-public-refresh .league-hub-title,
.tournament-public-refresh .ga-title,
.tournament-public-refresh .display-4,
.baseball-team-public-refresh .team-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.28);
  font-size: clamp(2.2rem, 5vw, 5.8rem) !important;
  line-height: .96 !important;
  letter-spacing: -.065em !important;
}
.team-public-refresh .franchise-lead,
.league-public-refresh .league-hub-hero .lead,
.tournament-public-refresh .ga-hero .lead,
.baseball-team-public-refresh .team-hero .lead {
  color: var(--hub-muted) !important;
  font-weight: 650;
}
.team-public-refresh .ga-kicker,
.league-public-refresh .ga-kicker,
.tournament-public-refresh .ga-kicker,
.baseball-team-public-refresh .ga-kicker {
  color: var(--hub-blue) !important;
}

/* Main card style: scorekeeper dark panels */
.team-public-refresh .network-card,
.team-public-refresh .ga-card,
.league-public-refresh .ga-card,
.league-public-refresh .network-card,
.tournament-public-refresh .ga-card,
.tournament-public-refresh .network-card,
.tournament-public-refresh .tournament-control-card,
.baseball-team-public-refresh .network-card,
.baseball-team-public-refresh .player-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    var(--hub-card) !important;
  color: var(--hub-text) !important;
  border: 1px solid var(--hub-line) !important;
  border-radius: 26px !important;
  box-shadow: 0 20px 52px rgba(7,17,31,.16) !important;
  overflow: hidden;
}
.team-public-refresh .network-card h1,
.team-public-refresh .network-card h2,
.team-public-refresh .network-card h3,
.team-public-refresh .network-card h4,
.team-public-refresh .network-card h5,
.team-public-refresh .ga-card h1,
.team-public-refresh .ga-card h2,
.team-public-refresh .ga-card h3,
.league-public-refresh .ga-card h1,
.league-public-refresh .ga-card h2,
.league-public-refresh .ga-card h3,
.league-public-refresh .ga-card h4,
.tournament-public-refresh .ga-card h1,
.tournament-public-refresh .ga-card h2,
.tournament-public-refresh .ga-card h3,
.tournament-public-refresh .ga-card h4,
.baseball-team-public-refresh .network-card h1,
.baseball-team-public-refresh .network-card h2,
.baseball-team-public-refresh .network-card h3,
.baseball-team-public-refresh .network-card h4,
.baseball-team-public-refresh .player-card strong {
  color: var(--hub-text) !important;
  -webkit-text-fill-color: var(--hub-text) !important;
}
.team-public-refresh .network-card p,
.team-public-refresh .network-card small,
.team-public-refresh .network-card .ga-muted,
.league-public-refresh .ga-card p,
.league-public-refresh .ga-card small,
.tournament-public-refresh .ga-card p,
.tournament-public-refresh .ga-card small,
.tournament-public-refresh .ga-card .ga-muted,
.baseball-team-public-refresh .network-card p,
.baseball-team-public-refresh .network-card .text-white-50,
.baseball-team-public-refresh .player-card .text-white-50 {
  color: var(--hub-muted) !important;
}

/* Metrics and controls */
.team-public-refresh .fan-metric,
.team-public-refresh .team-command-card,
.league-public-refresh .league-featured-game,
.league-public-refresh .league-tabbar,
.team-public-refresh .season-switcher,
.tournament-public-refresh .tournament-ticker {
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    var(--hub-dark) !important;
  color: var(--hub-text) !important;
  border: 1px solid var(--hub-line) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 42px rgba(7,17,31,.16) !important;
}
.team-public-refresh .fan-metric strong,
.team-public-refresh .fan-metric small,
.team-public-refresh .fan-metric span {
  color: var(--hub-text) !important;
}
.team-public-refresh .fan-metric span { color: #93c5fd !important; }
.team-public-refresh .fan-metric small { color: var(--hub-muted) !important; }

.team-public-refresh .season-tab,
.league-public-refresh .league-tabbar a,
.tournament-public-refresh .ga-chip,
.team-public-refresh .ga-chip,
.league-public-refresh .ga-chip {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #d8e6f7 !important;
}
.team-public-refresh .season-tab.active,
.team-public-refresh .season-tab:hover,
.league-public-refresh .league-tabbar a:hover {
  background: linear-gradient(180deg, #2563eb, #1d4ed8) !important;
  color: #fff !important;
}

/* Rows/cards inside hubs */
.team-public-refresh .schedule-row-pro,
.team-public-refresh .roster-card-pro,
.team-public-refresh .story-row-pro,
.team-public-refresh .leader-row-pro,
.team-public-refresh .timeline-item-pro,
.team-public-refresh .media-row,
.league-public-refresh .league-event-row,
.league-public-refresh .league-score-chip,
.league-public-refresh .league-leader-card,
.league-public-refresh .league-news-row,
.league-public-refresh .league-team-spotlight,
.tournament-public-refresh .score-strip-card,
.tournament-public-refresh .pool-card,
.tournament-public-refresh .bracket-card,
.baseball-team-public-refresh .event-strip,
.baseball-team-public-refresh .player-card {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 18px !important;
  color: var(--hub-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.team-public-refresh .schedule-row-pro:hover,
.team-public-refresh .roster-card-pro:hover,
.league-public-refresh .league-event-row:hover,
.league-public-refresh .league-score-chip:hover,
.tournament-public-refresh .score-strip-card:hover,
.baseball-team-public-refresh .event-strip:hover {
  transform: translateY(-2px);
  border-color: rgba(47,143,255,.42) !important;
  box-shadow: 0 18px 38px rgba(7,17,31,.20) !important;
}
.team-public-refresh .schedule-date strong,
.team-public-refresh .schedule-status strong,
.team-public-refresh .schedule-matchup strong,
.team-public-refresh .roster-card-pro strong,
.team-public-refresh .leader-row-pro strong,
.team-public-refresh .story-row-pro h3,
.league-public-refresh .league-event-row strong,
.league-public-refresh .league-score-chip strong,
.league-public-refresh .league-standings-team strong,
.league-public-refresh .league-leader-card strong,
.league-public-refresh .league-news-row strong,
.league-public-refresh .league-team-spotlight strong,
.tournament-public-refresh .score-strip-card strong,
.tournament-public-refresh .team-row span,
.baseball-team-public-refresh .event-strip .text-white {
  color: var(--hub-text) !important;
  -webkit-text-fill-color: var(--hub-text) !important;
}
.team-public-refresh .schedule-date small,
.team-public-refresh .schedule-matchup small,
.team-public-refresh .roster-card-pro small,
.team-public-refresh .leader-row-pro small,
.team-public-refresh .story-row-pro p,
.league-public-refresh .league-event-row span,
.league-public-refresh .league-event-row em,
.league-public-refresh .league-standings-team small,
.league-public-refresh .league-news-row small,
.league-public-refresh .league-team-spotlight p,
.league-public-refresh .league-team-spotlight small,
.tournament-public-refresh .score-strip-card .ga-muted,
.baseball-team-public-refresh .event-strip .text-white-50 {
  color: var(--hub-muted) !important;
}

/* Tables closer to scorekeeper */
.league-public-refresh .league-standings-table,
.tournament-public-refresh .tournament-table,
.tournament-public-refresh .table,
.league-public-refresh .table {
  color: var(--hub-text) !important;
}
.league-public-refresh .league-standings-table > :not(caption) > * > *,
.tournament-public-refresh .tournament-table > :not(caption) > * > *,
.tournament-public-refresh .table > :not(caption) > * > *,
.league-public-refresh .table > :not(caption) > * > * {
  background: transparent !important;
  border-color: rgba(255,255,255,.10) !important;
  color: var(--hub-text) !important;
}
.league-public-refresh thead th,
.tournament-public-refresh thead th {
  color: #9cc5ff !important;
  text-transform: uppercase;
  letter-spacing: .10em;
  font-size: .75rem;
}

/* Index pages */
.team-public-index > .mb-4,
.league-public-index > .mb-4,
.tournament-public-refresh > .mb-4:first-child {
  padding: 1.35rem 1.5rem;
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 0%, rgba(19,111,220,.22), transparent 34%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #162033 100%) !important;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 24px 60px rgba(7,17,31,.18);
}
.team-public-index .ga-title,
.league-public-index .ga-title,
.tournament-public-refresh > .mb-4:first-child .ga-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(2.2rem, 4vw, 4.6rem);
  line-height: .96;
  letter-spacing: -.065em;
}

/* League registration page route/style */
.league-registration-public-refresh .league-reg-hero,
.league-registration-public-refresh .league-reg-hero-panel {
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    var(--hub-dark) !important;
  border: 1px solid var(--hub-line) !important;
  color: var(--hub-text) !important;
  box-shadow: 0 20px 52px rgba(7,17,31,.16);
}
.league-registration-public-refresh .league-registration-card,
.league-registration-public-refresh .league-reg-approved-row {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  color: var(--hub-text) !important;
}
.league-registration-public-refresh .league-registration-card h3,
.league-registration-public-refresh .league-reg-price,
.league-registration-public-refresh .league-reg-approved-row strong {
  color: var(--hub-text) !important;
}
.league-registration-public-refresh .league-registration-card p,
.league-registration-public-refresh .league-reg-benefits,
.league-registration-public-refresh .league-reg-approved-row span {
  color: var(--hub-muted) !important;
}

@media (max-width: 991px) {
  .team-public-refresh,
  .league-public-refresh,
  .tournament-public-refresh,
  .baseball-team-public-refresh {
    padding-inline: 1rem;
  }
  .team-public-refresh .franchise-title,
  .league-public-refresh .league-hub-title,
  .tournament-public-refresh .ga-title {
    font-size: clamp(2.1rem, 11vw, 3.6rem) !important;
  }
  .team-public-refresh .schedule-row-pro {
    grid-template-columns: 1fr;
  }
}

/* GLOBAL STYLE CONTRAST CONSISTENCY FIX
   Final-pass contrast guardrails:
   - light surfaces always use dark readable text
   - dark/broadcast surfaces always use light readable text
   - public team/league/tournament hubs use one consistent light-card + dark-hero system
   - avoids the light-on-light regressions seen across league/team/tournament pages */

/* Base readable defaults on the light site shell */
body.ga-light-theme {
  color: #0f172a !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(37,99,235,.08), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(255,207,63,.10), transparent 28%),
    linear-gradient(180deg, #eef3f8 0%, #f8fafc 48%, #eef3f8 100%) !important;
}

body.ga-light-theme .ga-page {
  color: #0f172a !important;
}

/* Light page cards: readable dark text */
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .ga-card,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .network-card,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .player-card,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .event-strip,
body.ga-light-theme .team-public-refresh .network-card,
body.ga-light-theme .team-public-refresh .ga-card,
body.ga-light-theme .league-public-refresh .ga-card,
body.ga-light-theme .league-public-refresh .network-card,
body.ga-light-theme .tournament-public-refresh .ga-card,
body.ga-light-theme .tournament-public-refresh .network-card,
body.ga-light-theme .baseball-team-public-refresh .network-card,
body.ga-light-theme .baseball-team-public-refresh .player-card {
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.08) !important;
}

body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .ga-card h1,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .ga-card h2,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .ga-card h3,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .ga-card h4,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .ga-card h5,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .network-card h1,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .network-card h2,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .network-card h3,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .network-card h4,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .network-card h5,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .ga-section-title,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .ga-title,
body.ga-light-theme .team-public-refresh .network-card h1,
body.ga-light-theme .team-public-refresh .network-card h2,
body.ga-light-theme .team-public-refresh .network-card h3,
body.ga-light-theme .team-public-refresh .network-card h4,
body.ga-light-theme .league-public-refresh .ga-card h1,
body.ga-light-theme .league-public-refresh .ga-card h2,
body.ga-light-theme .league-public-refresh .ga-card h3,
body.ga-light-theme .league-public-refresh .ga-card h4,
body.ga-light-theme .tournament-public-refresh .ga-card h1,
body.ga-light-theme .tournament-public-refresh .ga-card h2,
body.ga-light-theme .tournament-public-refresh .ga-card h3,
body.ga-light-theme .tournament-public-refresh .ga-card h4 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .ga-muted,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .text-white-50,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) p,
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) small,
body.ga-light-theme .team-public-refresh .network-card p,
body.ga-light-theme .team-public-refresh .network-card small,
body.ga-light-theme .league-public-refresh .ga-card p,
body.ga-light-theme .league-public-refresh .ga-card small,
body.ga-light-theme .tournament-public-refresh .ga-card p,
body.ga-light-theme .tournament-public-refresh .ga-card small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* Dark hero/scorekeeper-like areas keep light text */
body.ga-light-theme .franchise-hero,
body.ga-light-theme .league-hub-hero,
body.ga-light-theme .tournament-hero,
body.ga-light-theme .team-hero,
body.ga-light-theme .gamecast-topbar,
body.ga-light-theme .scorebook-topbar,
body.ga-light-theme .scorebook-game-strip,
body.ga-light-theme .gamecast-score-strip,
body.ga-light-theme .lead-story-card {
  color: #f8fbff !important;
}

body.ga-light-theme .franchise-hero h1,
body.ga-light-theme .franchise-hero h2,
body.ga-light-theme .franchise-hero h3,
body.ga-light-theme .franchise-hero p,
body.ga-light-theme .franchise-hero small,
body.ga-light-theme .league-hub-hero h1,
body.ga-light-theme .league-hub-hero h2,
body.ga-light-theme .league-hub-hero h3,
body.ga-light-theme .league-hub-hero p,
body.ga-light-theme .league-hub-hero small,
body.ga-light-theme .tournament-hero h1,
body.ga-light-theme .tournament-hero h2,
body.ga-light-theme .tournament-hero h3,
body.ga-light-theme .tournament-hero p,
body.ga-light-theme .tournament-hero small,
body.ga-light-theme .team-hero h1,
body.ga-light-theme .team-hero h2,
body.ga-light-theme .team-hero h3,
body.ga-light-theme .team-hero p,
body.ga-light-theme .team-hero small,
body.ga-light-theme .lead-story-card h1,
body.ga-light-theme .lead-story-card h2,
body.ga-light-theme .lead-story-card h3,
body.ga-light-theme .lead-story-card p,
body.ga-light-theme .lead-story-card small {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

/* League public hero from screenshot: make the copy readable on light hero if image/gradient is light */
body.ga-light-theme .league-public-refresh .league-hub-hero {
  background:
    radial-gradient(circle at 10% 0%, rgba(37,99,235,.12), transparent 34%),
    radial-gradient(circle at 96% 4%, rgba(255,207,63,.18), transparent 28%),
    linear-gradient(180deg, #ffffff, #f8fafc) !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.10) !important;
}

body.ga-light-theme .league-public-refresh .league-hub-hero h1,
body.ga-light-theme .league-public-refresh .league-hub-hero .league-hub-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

body.ga-light-theme .league-public-refresh .league-hub-hero p,
body.ga-light-theme .league-public-refresh .league-hub-hero .lead,
body.ga-light-theme .league-public-refresh .league-hub-hero .lead {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

body.ga-light-theme .league-public-refresh .league-featured-game {
  background: linear-gradient(180deg, #101a2a, #162235) !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

/* Rows inside light cards */
body.ga-light-theme .team-public-refresh .schedule-row-pro,
body.ga-light-theme .team-public-refresh .roster-card-pro,
body.ga-light-theme .team-public-refresh .story-row-pro,
body.ga-light-theme .team-public-refresh .leader-row-pro,
body.ga-light-theme .team-public-refresh .timeline-item-pro,
body.ga-light-theme .team-public-refresh .media-row,
body.ga-light-theme .league-public-refresh .league-event-row,
body.ga-light-theme .league-public-refresh .league-score-chip,
body.ga-light-theme .league-public-refresh .league-leader-card,
body.ga-light-theme .league-public-refresh .league-news-row,
body.ga-light-theme .league-public-refresh .league-team-spotlight,
body.ga-light-theme .tournament-public-refresh .score-strip-card,
body.ga-light-theme .tournament-public-refresh .pool-card,
body.ga-light-theme .tournament-public-refresh .bracket-card,
body.ga-light-theme .baseball-team-public-refresh .event-strip {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
}

body.ga-light-theme .team-public-refresh .schedule-row-pro *,
body.ga-light-theme .team-public-refresh .roster-card-pro *,
body.ga-light-theme .team-public-refresh .story-row-pro *,
body.ga-light-theme .league-public-refresh .league-event-row *,
body.ga-light-theme .league-public-refresh .league-score-chip *,
body.ga-light-theme .league-public-refresh .league-leader-card *,
body.ga-light-theme .league-public-refresh .league-news-row *,
body.ga-light-theme .league-public-refresh .league-team-spotlight *,
body.ga-light-theme .tournament-public-refresh .score-strip-card *,
body.ga-light-theme .baseball-team-public-refresh .event-strip * {
  text-shadow: none !important;
}

body.ga-light-theme .team-public-refresh .schedule-row-pro strong,
body.ga-light-theme .team-public-refresh .roster-card-pro strong,
body.ga-light-theme .team-public-refresh .story-row-pro h3,
body.ga-light-theme .team-public-refresh .leader-row-pro strong,
body.ga-light-theme .league-public-refresh .league-event-row strong,
body.ga-light-theme .league-public-refresh .league-score-chip strong,
body.ga-light-theme .league-public-refresh .league-leader-card strong,
body.ga-light-theme .league-public-refresh .league-news-row strong,
body.ga-light-theme .league-public-refresh .league-team-spotlight strong,
body.ga-light-theme .tournament-public-refresh .score-strip-card strong,
body.ga-light-theme .baseball-team-public-refresh .event-strip .text-white {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .team-public-refresh .schedule-row-pro small,
body.ga-light-theme .team-public-refresh .roster-card-pro small,
body.ga-light-theme .team-public-refresh .story-row-pro p,
body.ga-light-theme .league-public-refresh .league-event-row span,
body.ga-light-theme .league-public-refresh .league-event-row em,
body.ga-light-theme .league-public-refresh .league-score-chip span,
body.ga-light-theme .league-public-refresh .league-leader-card small,
body.ga-light-theme .league-public-refresh .league-news-row small,
body.ga-light-theme .league-public-refresh .league-team-spotlight p,
body.ga-light-theme .league-public-refresh .league-team-spotlight small,
body.ga-light-theme .baseball-team-public-refresh .event-strip .text-white-50 {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* Tables */
body.ga-light-theme .league-public-refresh table,
body.ga-light-theme .tournament-public-refresh table,
body.ga-light-theme .league-public-refresh table td,
body.ga-light-theme .league-public-refresh table th,
body.ga-light-theme .tournament-public-refresh table td,
body.ga-light-theme .tournament-public-refresh table th {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .league-public-refresh table thead th,
body.ga-light-theme .tournament-public-refresh table thead th {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: transparent !important;
}

body.ga-light-theme .league-public-refresh .table > :not(caption) > * > *,
body.ga-light-theme .tournament-public-refresh .table > :not(caption) > * > * {
  border-color: rgba(15,23,42,.12) !important;
}

/* Pills/buttons */
body.ga-light-theme .ga-chip {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: #f1f5f9 !important;
  border: 1px solid rgba(15,23,42,.10) !important;
}

body.ga-light-theme .btn-ga,
body.ga-light-theme .ga-navbar .btn-ga {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.ga-light-theme .btn-outline-ga {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  background: #ffffff !important;
  border-color: rgba(7,94,199,.28) !important;
}

/* Preserve scorekeeper and gamecast dark components */
body.ga-light-theme .scorebook-shell.scorebook-pro,
body.ga-light-theme .scorebook-shell.scorebook-pro *,
body.ga-light-theme .gamecast-shell.gamecast-pro,
body.ga-light-theme .gamecast-shell.gamecast-pro * {
  -webkit-text-fill-color: unset;
}

/* PUBLIC HUB READABILITY HARDENING FIX
   This is a final high-specificity pass for the exact team/league/tournament readability issues:
   - no white headings on light hero backgrounds
   - no pale table/link text on white cards
   - no dark text inside dark featured game cards
   - consistent scorekeeper-inspired dark hero + readable light content cards
*/

/* Public hub pages should use light content cards with dark copy */
body.ga-light-theme .team-public-refresh,
body.ga-light-theme .league-public-refresh,
body.ga-light-theme .tournament-public-refresh,
body.ga-light-theme .baseball-team-public-refresh {
  color: #0f172a !important;
}

/* TEAM HERO: keep it light/readable unless it has a true dark image underneath */
body.ga-light-theme .team-public-refresh .franchise-hero {
  background:
    radial-gradient(circle at 7% 0%, rgba(37,99,235,.10), transparent 32%),
    radial-gradient(circle at 95% 5%, rgba(255,207,63,.20), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fafc) !important;
  border-color: rgba(15,23,42,.10) !important;
}
body.ga-light-theme .team-public-refresh .franchise-hero .franchise-title,
body.ga-light-theme .team-public-refresh .franchise-hero h1,
body.ga-light-theme .team-public-refresh .franchise-hero h2,
body.ga-light-theme .team-public-refresh .franchise-hero h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}
body.ga-light-theme .team-public-refresh .franchise-hero .franchise-lead,
body.ga-light-theme .team-public-refresh .franchise-hero p,
body.ga-light-theme .team-public-refresh .franchise-hero small,
body.ga-light-theme .team-public-refresh .franchise-hero .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-shadow: none !important;
}
body.ga-light-theme .team-public-refresh .franchise-hero .team-command-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
}
body.ga-light-theme .team-public-refresh .franchise-hero .team-command-card *,
body.ga-light-theme .team-public-refresh .franchise-hero .team-command-card .ga-muted {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* LEAGUE HERO: light readable heading/copy and dark readable featured game panel */
body.ga-light-theme .league-public-refresh .league-hub-hero {
  background:
    radial-gradient(circle at 7% 0%, rgba(37,99,235,.10), transparent 32%),
    radial-gradient(circle at 95% 5%, rgba(255,207,63,.20), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fafc) !important;
  border-color: rgba(15,23,42,.10) !important;
}
body.ga-light-theme .league-public-refresh .league-hub-hero .league-hub-title,
body.ga-light-theme .league-public-refresh .league-hub-hero h1,
body.ga-light-theme .league-public-refresh .league-hub-hero h2,
body.ga-light-theme .league-public-refresh .league-hub-hero h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}
body.ga-light-theme .league-public-refresh .league-hub-hero p,
body.ga-light-theme .league-public-refresh .league-hub-hero .lead,
body.ga-light-theme .league-public-refresh .league-hub-hero .lead {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-shadow: none !important;
}
body.ga-light-theme .league-public-refresh .league-featured-game,
body.ga-light-theme .league-public-refresh .league-featured-game * {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}
body.ga-light-theme .league-public-refresh .league-featured-game {
  background: linear-gradient(180deg, #101a2a, #162235) !important;
  border-color: rgba(255,255,255,.12) !important;
}
body.ga-light-theme .league-public-refresh .league-featured-game .ga-chip {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: #f1f5f9 !important;
}

/* TOURNAMENT HERO: tournament hero is intentionally dark; force light readable text */
body.ga-light-theme .tournament-public-refresh .tournament-hero,
body.ga-light-theme .tournament-public-refresh .ga-hero.tournament-hero {
  background:
    radial-gradient(circle at 15% 0%, rgba(47,143,255,.28), transparent 34%),
    radial-gradient(circle at 82% 8%, rgba(255,214,107,.18), transparent 28%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #162033 100%) !important;
}
body.ga-light-theme .tournament-public-refresh .tournament-hero .ga-title,
body.ga-light-theme .tournament-public-refresh .tournament-hero h1,
body.ga-light-theme .tournament-public-refresh .tournament-hero h2,
body.ga-light-theme .tournament-public-refresh .tournament-hero h3,
body.ga-light-theme .tournament-public-refresh .tournament-hero p,
body.ga-light-theme .tournament-public-refresh .tournament-hero .ga-muted,
body.ga-light-theme .tournament-public-refresh .tournament-hero small {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  text-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
}
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card {
  background: #ffffff !important;
  color: #0f172a !important;
}
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card h1,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card h2,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card h3,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card p,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card .ga-muted,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card small {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

/* All public hub content cards are light with dark text */
body.ga-light-theme .team-public-refresh .network-card,
body.ga-light-theme .team-public-refresh .ga-card,
body.ga-light-theme .league-public-refresh .ga-card,
body.ga-light-theme .league-public-refresh .network-card,
body.ga-light-theme .tournament-public-refresh .ga-card,
body.ga-light-theme .tournament-public-refresh .network-card,
body.ga-light-theme .baseball-team-public-refresh .network-card,
body.ga-light-theme .baseball-team-public-refresh .player-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.10) !important;
}

body.ga-light-theme .team-public-refresh .network-card *,
body.ga-light-theme .team-public-refresh .ga-card *,
body.ga-light-theme .league-public-refresh .ga-card *,
body.ga-light-theme .league-public-refresh .network-card *,
body.ga-light-theme .tournament-public-refresh .ga-card *,
body.ga-light-theme .tournament-public-refresh .network-card *,
body.ga-light-theme .baseball-team-public-refresh .network-card *,
body.ga-light-theme .baseball-team-public-refresh .player-card * {
  text-shadow: none !important;
}

/* Strong dark copy for headings/labels/links inside light cards */
body.ga-light-theme .team-public-refresh .network-card h1,
body.ga-light-theme .team-public-refresh .network-card h2,
body.ga-light-theme .team-public-refresh .network-card h3,
body.ga-light-theme .team-public-refresh .network-card h4,
body.ga-light-theme .team-public-refresh .network-card h5,
body.ga-light-theme .team-public-refresh .network-card strong,
body.ga-light-theme .team-public-refresh .network-card a,
body.ga-light-theme .league-public-refresh .ga-card h1,
body.ga-light-theme .league-public-refresh .ga-card h2,
body.ga-light-theme .league-public-refresh .ga-card h3,
body.ga-light-theme .league-public-refresh .ga-card h4,
body.ga-light-theme .league-public-refresh .ga-card h5,
body.ga-light-theme .league-public-refresh .ga-card strong,
body.ga-light-theme .league-public-refresh .ga-card a,
body.ga-light-theme .tournament-public-refresh .ga-card h1,
body.ga-light-theme .tournament-public-refresh .ga-card h2,
body.ga-light-theme .tournament-public-refresh .ga-card h3,
body.ga-light-theme .tournament-public-refresh .ga-card h4,
body.ga-light-theme .tournament-public-refresh .ga-card h5,
body.ga-light-theme .tournament-public-refresh .ga-card strong,
body.ga-light-theme .tournament-public-refresh .ga-card a {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* Muted text inside light cards */
body.ga-light-theme .team-public-refresh .network-card p,
body.ga-light-theme .team-public-refresh .network-card small,
body.ga-light-theme .team-public-refresh .network-card .ga-muted,
body.ga-light-theme .league-public-refresh .ga-card p,
body.ga-light-theme .league-public-refresh .ga-card small,
body.ga-light-theme body.ga-light-theme .tournament-public-refresh .ga-card p,
body.ga-light-theme .tournament-public-refresh .ga-card small,
body.ga-light-theme .tournament-public-refresh .ga-card .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* Row components inside public hub cards */
body.ga-light-theme .team-public-refresh .schedule-row-pro,
body.ga-light-theme .team-public-refresh .roster-card-pro,
body.ga-light-theme .team-public-refresh .story-row-pro,
body.ga-light-theme .team-public-refresh .leader-row-pro,
body.ga-light-theme .team-public-refresh .timeline-item-pro,
body.ga-light-theme .team-public-refresh .media-row,
body.ga-light-theme .league-public-refresh .league-event-row,
body.ga-light-theme .league-public-refresh .league-score-chip,
body.ga-light-theme .league-public-refresh .league-leader-card,
body.ga-light-theme .league-public-refresh .league-news-row,
body.ga-light-theme .league-public-refresh .league-team-spotlight,
body.ga-light-theme .tournament-public-refresh .score-strip-card,
body.ga-light-theme .tournament-public-refresh .pool-card,
body.ga-light-theme .tournament-public-refresh .bracket-card,
body.ga-light-theme .baseball-team-public-refresh .event-strip,
body.ga-light-theme .baseball-team-public-refresh .player-card {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.12) !important;
}

body.ga-light-theme .team-public-refresh .schedule-row-pro strong,
body.ga-light-theme .team-public-refresh .roster-card-pro strong,
body.ga-light-theme .team-public-refresh .story-row-pro h3,
body.ga-light-theme .team-public-refresh .leader-row-pro strong,
body.ga-light-theme .team-public-refresh .media-row strong,
body.ga-light-theme .league-public-refresh .league-event-row strong,
body.ga-light-theme .league-public-refresh .league-score-chip strong,
body.ga-light-theme .league-public-refresh .league-leader-card strong,
body.ga-light-theme .league-public-refresh .league-news-row strong,
body.ga-light-theme .league-public-refresh .league-team-spotlight strong,
body.ga-light-theme .tournament-public-refresh .score-strip-card strong,
body.ga-light-theme .tournament-public-refresh .pool-card strong,
body.ga-light-theme .tournament-public-refresh .bracket-card strong,
body.ga-light-theme .baseball-team-public-refresh .event-strip .text-white,
body.ga-light-theme .baseball-team-public-refresh .player-card strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .team-public-refresh .schedule-row-pro small,
body.ga-light-theme .team-public-refresh .roster-card-pro small,
body.ga-light-theme .team-public-refresh .story-row-pro p,
body.ga-light-theme .team-public-refresh .leader-row-pro small,
body.ga-light-theme .team-public-refresh .media-row small,
body.ga-light-theme .league-public-refresh .league-event-row span,
body.ga-light-theme .league-public-refresh .league-event-row em,
body.ga-light-theme .league-public-refresh .league-score-chip span,
body.ga-light-theme .league-public-refresh .league-leader-card small,
body.ga-light-theme .league-public-refresh .league-news-row small,
body.ga-light-theme .league-public-refresh .league-team-spotlight p,
body.ga-light-theme .league-public-refresh .league-team-spotlight small,
body.ga-light-theme .tournament-public-refresh .score-strip-card .ga-muted,
body.ga-light-theme .baseball-team-public-refresh .event-strip .text-white-50,
body.ga-light-theme .baseball-team-public-refresh .player-card .text-white-50 {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* Make stat/metric cards readable if they are light */
body.ga-light-theme .team-public-refresh .fan-metric {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.10) !important;
}
body.ga-light-theme .team-public-refresh .fan-metric span {
  color: #0b72d9 !important;
  -webkit-text-fill-color: #0b72d9 !important;
}
body.ga-light-theme .team-public-refresh .fan-metric strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
body.ga-light-theme .team-public-refresh .fan-metric small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* Tables in light public cards */
body.ga-light-theme .league-public-refresh .league-standings-table,
body.ga-light-theme .league-public-refresh table,
body.ga-light-theme .tournament-public-refresh .tournament-table,
body.ga-light-theme .tournament-public-refresh table {
  color: #0f172a !important;
}
body.ga-light-theme .league-public-refresh table th,
body.ga-light-theme .league-public-refresh table td,
body.ga-light-theme .tournament-public-refresh table th,
body.ga-light-theme .tournament-public-refresh table td {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: transparent !important;
  border-color: rgba(15,23,42,.12) !important;
}
body.ga-light-theme .league-public-refresh table small,
body.ga-light-theme .tournament-public-refresh table small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* Video/story overlays that sit on images should remain white */
body.ga-light-theme .league-public-refresh .league-top-story h3,
body.ga-light-theme .league-public-refresh .league-top-story p,
body.ga-light-theme .league-public-refresh .league-highlight-caption,
body.ga-light-theme .league-public-refresh .league-highlight-caption *,
body.ga-light-theme .tournament-public-refresh .league-highlight-caption,
body.ga-light-theme .tournament-public-refresh .league-highlight-caption * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Navbar/ticker stay readable */
body.ga-light-theme .ga-navbar .nav-link,
body.ga-light-theme .ga-ticker--games,
body.ga-light-theme .ga-ticker--games * {
  text-shadow: none !important;
}

/* GAMECENTER READABILITY FIX
   The public Event/GameCenter hero uses a dark broadcast background,
   so force hero title/subtitle/buttons/stat cards to readable colors. */
body.ga-light-theme .gamecenter-hero {
  background:
    radial-gradient(circle at 15% 0%, rgba(47,143,255,.22), transparent 34%),
    radial-gradient(circle at 90% 8%, rgba(25,211,255,.16), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #10263f 100%) !important;
  color: #f8fbff !important;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 60px rgba(7,17,31,.22);
}

body.ga-light-theme .gamecenter-hero .ga-title,
body.ga-light-theme .gamecenter-hero h1,
body.ga-light-theme .gamecenter-hero h2,
body.ga-light-theme .gamecenter-hero h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 12px 30px rgba(0,0,0,.32) !important;
}

body.ga-light-theme .gamecenter-hero .lead,
body.ga-light-theme .gamecenter-hero p,
body.ga-light-theme .gamecenter-hero .ga-muted {
  color: #d8e6f7 !important;
  -webkit-text-fill-color: #d8e6f7 !important;
}

body.ga-light-theme .gamecenter-hero .ga-kicker {
  color: #2f8fff !important;
  -webkit-text-fill-color: #2f8fff !important;
}

body.ga-light-theme .gamecenter-hero .btn-ga {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #198cff, #075ec7) !important;
  border-color: rgba(255,255,255,.16) !important;
}

body.ga-light-theme .gamecenter-hero .btn-outline-ga,
body.ga-light-theme .gamecenter-hero .btn-outline-warning,
body.ga-light-theme .gamecenter-hero .btn-outline-info {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #ffffff !important;
  border-color: rgba(255,255,255,.58) !important;
  font-weight: 900;
}

body.ga-light-theme .gamecenter-hero .ga-stat {
  background: rgba(255,255,255,.95) !important;
  color: #0f172a !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.16);
}

body.ga-light-theme .gamecenter-hero .ga-stat strong,
body.ga-light-theme .gamecenter-hero .ga-stat h1,
body.ga-light-theme .gamecenter-hero .ga-stat h2,
body.ga-light-theme .gamecenter-hero .ga-stat h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

body.ga-light-theme .gamecenter-hero .ga-stat .ga-kicker {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
}

/* Public scoreboard panel within GameCenter hero */
body.ga-light-theme .gamecenter-hero .scoreboard-panel,
body.ga-light-theme .gamecenter-hero .gamecenter-scorecard,
body.ga-light-theme .gamecenter-hero .live-score-card {
  color: #0f172a !important;
}

body.ga-light-theme .gamecenter-hero .scoreboard-panel strong,
body.ga-light-theme .gamecenter-hero .scoreboard-panel span,
body.ga-light-theme .gamecenter-hero .scoreboard-panel small,
body.ga-light-theme .gamecenter-hero .gamecenter-scorecard strong,
body.ga-light-theme .gamecenter-hero .gamecenter-scorecard span,
body.ga-light-theme .gamecenter-hero .gamecenter-scorecard small,
body.ga-light-theme .gamecenter-hero .live-score-card strong,
body.ga-light-theme .gamecenter-hero .live-score-card span,
body.ga-light-theme .gamecenter-hero .live-score-card small {
  -webkit-text-fill-color: unset;
}

/* TOURNAMENT PUBLIC READABILITY FIX
   Fixes tournament hub dark hero and scoreboard contrast from latest screenshot. */
body.ga-light-theme .tournament-public-refresh .ga-hero.tournament-hero,
body.ga-light-theme .tournament-public-refresh .tournament-hero {
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(255,214,107,.14), transparent 28%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #162033 100%) !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 24px 60px rgba(7,17,31,.22) !important;
}

body.ga-light-theme .tournament-public-refresh .tournament-hero .ga-title,
body.ga-light-theme .tournament-public-refresh .tournament-hero h1,
body.ga-light-theme .tournament-public-refresh .tournament-hero h2,
body.ga-light-theme .tournament-public-refresh .tournament-hero h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.36) !important;
}

body.ga-light-theme .tournament-public-refresh .tournament-hero p,
body.ga-light-theme .tournament-public-refresh .tournament-hero .lead,
body.ga-light-theme .tournament-public-refresh .tournament-hero .ga-muted,
body.ga-light-theme .tournament-public-refresh .tournament-hero small {
  color: #d8e6f7 !important;
  -webkit-text-fill-color: #d8e6f7 !important;
  text-shadow: 0 8px 24px rgba(0,0,0,.26) !important;
}

body.ga-light-theme .tournament-public-refresh .tournament-hero .ga-kicker {
  color: #2f8fff !important;
  -webkit-text-fill-color: #2f8fff !important;
}

body.ga-light-theme .tournament-public-refresh .tournament-hero .ga-chip {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: #f8fafc !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  text-shadow: none !important;
}

body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card * {
  text-shadow: none !important;
}

body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.24) !important;
}

body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card h1,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card h2,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card h3,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card p,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card .ga-muted,
body.ga-light-theme .tournament-public-refresh .tournament-hero .tournament-control-card small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* Tournament scoreboard strip */
body.ga-light-theme .tournament-public-refresh .tournament-ticker,
body.ga-light-theme .tournament-public-refresh .tournament-ticker.ga-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
}

body.ga-light-theme .tournament-public-refresh .tournament-ticker .ga-kicker {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
}

body.ga-light-theme .tournament-public-refresh .tournament-ticker .ga-muted,
body.ga-light-theme .tournament-public-refresh .tournament-ticker small,
body.ga-light-theme .tournament-public-refresh .tournament-ticker span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

body.ga-light-theme .tournament-public-refresh .score-strip-card {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.12) !important;
}

body.ga-light-theme .tournament-public-refresh .score-strip-card strong,
body.ga-light-theme .tournament-public-refresh .score-strip-card .team-row span,
body.ga-light-theme .tournament-public-refresh .score-strip-card .team-row strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .tournament-public-refresh .score-strip-card .badge {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #334155 !important;
}

body.ga-light-theme .tournament-public-refresh .score-strip-card .badge.text-bg-dark,
body.ga-light-theme .tournament-public-refresh .score-strip-card .badge.text-bg-secondary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* PLAYER PUBLIC PAGE STYLE + READABILITY FIX
   Brings the player hub in line with the team/league/tournament fan pages and fixes unreadable
   light-on-light schedule/status text. */

body.ga-light-theme .player-public-refresh {
  --player-bg: #edf2f7;
  --player-ink: #0f172a;
  --player-muted: #475569;
  --player-blue: #075ec7;
  --player-gold: #ffd66b;
  margin-inline: calc(50% - 50vw);
  padding: clamp(1rem, 2vw, 1.6rem) max(1rem, calc(50vw - 700px)) 2.5rem;
  background:
    radial-gradient(circle at 8% 0%, rgba(37,99,235,.10), transparent 30%),
    radial-gradient(circle at 92% 2%, rgba(255,207,63,.12), transparent 28%),
    linear-gradient(180deg, #edf2f7 0%, #f8fafc 46%, #edf2f7 100%);
  color: var(--player-ink) !important;
}

/* Player hero */
body.ga-light-theme .player-public-refresh .athlete-hero {
  border-radius: 32px !important;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  background:
    radial-gradient(circle at 8% 0%, rgba(37,99,235,.14), transparent 34%),
    radial-gradient(circle at 94% 6%, rgba(255,214,107,.18), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fafc) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.10) !important;
  overflow: hidden;
}

body.ga-light-theme .player-public-refresh .athlete-title,
body.ga-light-theme .player-public-refresh .athlete-hero h1,
body.ga-light-theme .player-public-refresh .athlete-hero h2,
body.ga-light-theme .player-public-refresh .athlete-hero h3 {
  color: var(--player-ink) !important;
  -webkit-text-fill-color: var(--player-ink) !important;
  text-shadow: none !important;
  font-size: clamp(2.5rem, 6vw, 6.4rem) !important;
  line-height: .94 !important;
  letter-spacing: -.065em !important;
  font-weight: 1000;
}

body.ga-light-theme .player-public-refresh .athlete-hero .lead,
body.ga-light-theme .player-public-refresh .athlete-hero p,
body.ga-light-theme .player-public-refresh .athlete-hero .ga-muted,
body.ga-light-theme .player-public-refresh .athlete-hero small {
  color: var(--player-muted) !important;
  -webkit-text-fill-color: var(--player-muted) !important;
  text-shadow: none !important;
  font-weight: 650;
}

body.ga-light-theme .player-public-refresh .athlete-hero .ga-kicker,
body.ga-light-theme .player-public-refresh .ga-kicker {
  color: var(--player-blue) !important;
  -webkit-text-fill-color: var(--player-blue) !important;
}

body.ga-light-theme .player-public-refresh .athlete-photo-wrap,
body.ga-light-theme .player-public-refresh .athlete-photo,
body.ga-light-theme .player-public-refresh .athlete-number {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 6px solid #ffffff !important;
  box-shadow: 0 22px 50px rgba(15,23,42,.18) !important;
}

body.ga-light-theme .player-public-refresh .athlete-number {
  display: grid;
  place-items: center;
  min-height: 150px;
  border-radius: 30px;
  font-size: 3rem;
  font-weight: 1000;
}

/* Season switcher and metrics */
body.ga-light-theme .player-public-refresh .season-switcher {
  background: #ffffff !important;
  color: var(--player-ink) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.08) !important;
  padding: 1rem !important;
}

body.ga-light-theme .player-public-refresh .season-tab {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  background: #f8fafc !important;
  border: 1px solid rgba(7,94,199,.16) !important;
}
body.ga-light-theme .player-public-refresh .season-tab.active,
body.ga-light-theme .player-public-refresh .season-tab:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #2563eb, #075ec7) !important;
}

body.ga-light-theme .player-public-refresh .fan-metric {
  background: #ffffff !important;
  color: var(--player-ink) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.08) !important;
}
body.ga-light-theme .player-public-refresh .fan-metric span {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
}
body.ga-light-theme .player-public-refresh .fan-metric strong {
  color: var(--player-ink) !important;
  -webkit-text-fill-color: var(--player-ink) !important;
}
body.ga-light-theme .player-public-refresh .fan-metric small {
  color: var(--player-muted) !important;
  -webkit-text-fill-color: var(--player-muted) !important;
}

/* Main player cards */
body.ga-light-theme .player-public-refresh .network-card,
body.ga-light-theme .player-public-refresh .ga-card {
  background: #ffffff !important;
  color: var(--player-ink) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.08) !important;
}

body.ga-light-theme .player-public-refresh .network-card *,
body.ga-light-theme .player-public-refresh .ga-card * {
  text-shadow: none !important;
}

body.ga-light-theme .player-public-refresh .network-card h1,
body.ga-light-theme .player-public-refresh .network-card h2,
body.ga-light-theme .player-public-refresh .network-card h3,
body.ga-light-theme .player-public-refresh .network-card h4,
body.ga-light-theme .player-public-refresh .network-card h5,
body.ga-light-theme .player-public-refresh .network-card strong,
body.ga-light-theme .player-public-refresh .ga-section-title {
  color: var(--player-ink) !important;
  -webkit-text-fill-color: var(--player-ink) !important;
}

body.ga-light-theme .player-public-refresh .network-card p,
body.ga-light-theme .player-public-refresh .network-card small,
body.ga-light-theme .player-public-refresh .network-card .ga-muted {
  color: var(--player-muted) !important;
  -webkit-text-fill-color: var(--player-muted) !important;
}

/* Schedule context rows */
body.ga-light-theme .player-public-refresh .schedule-row-pro {
  background: #f8fafc !important;
  color: var(--player-ink) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
body.ga-light-theme .player-public-refresh .schedule-row-pro:hover {
  transform: translateY(-2px);
  border-color: rgba(7,94,199,.30) !important;
  box-shadow: 0 16px 34px rgba(7,94,199,.10) !important;
}
body.ga-light-theme .player-public-refresh .schedule-row-pro strong,
body.ga-light-theme .player-public-refresh .schedule-date strong,
body.ga-light-theme .player-public-refresh .schedule-matchup strong,
body.ga-light-theme .player-public-refresh .schedule-status strong {
  color: var(--player-ink) !important;
  -webkit-text-fill-color: var(--player-ink) !important;
}
body.ga-light-theme .player-public-refresh .schedule-row-pro small,
body.ga-light-theme .player-public-refresh .schedule-date small,
body.ga-light-theme .player-public-refresh .schedule-matchup small {
  color: var(--player-muted) !important;
  -webkit-text-fill-color: var(--player-muted) !important;
}
body.ga-light-theme .player-public-refresh .schedule-status span,
body.ga-light-theme .team-public-refresh .schedule-status span,
body.ga-light-theme .league-public-refresh .schedule-status span,
body.ga-light-theme .tournament-public-refresh .schedule-status span {
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
  background: #fff7d6 !important;
  border: 1px solid rgba(217,119,6,.18) !important;
  border-radius: 999px;
  padding: .28rem .58rem;
  font-weight: 1000;
}

/* Tables, bio rows, tools, awards, milestones */
body.ga-light-theme .player-public-refresh .ga-table,
body.ga-light-theme .player-public-refresh .ga-table th,
body.ga-light-theme .player-public-refresh .ga-table td {
  color: var(--player-ink) !important;
  -webkit-text-fill-color: var(--player-ink) !important;
  background: transparent !important;
  border-color: rgba(15,23,42,.12) !important;
}

body.ga-light-theme .player-public-refresh .bio-card-row,
body.ga-light-theme .player-public-refresh .timeline-item-pro,
body.ga-light-theme .player-public-refresh .award-pill-pro,
body.ga-light-theme .player-public-refresh .goal-chip,
body.ga-light-theme .player-public-refresh .tool-grid-pro > div {
  background: #f8fafc !important;
  color: var(--player-ink) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 16px !important;
}

body.ga-light-theme .player-public-refresh .bio-card-row span,
body.ga-light-theme .player-public-refresh .timeline-item-pro span,
body.ga-light-theme .player-public-refresh .tool-grid-pro span {
  color: var(--player-muted) !important;
  -webkit-text-fill-color: var(--player-muted) !important;
}

body.ga-light-theme .player-public-refresh .bio-card-row strong,
body.ga-light-theme .player-public-refresh .timeline-item-pro strong,
body.ga-light-theme .player-public-refresh .tool-grid-pro strong,
body.ga-light-theme .player-public-refresh .award-pill-pro,
body.ga-light-theme .player-public-refresh .goal-chip {
  color: var(--player-ink) !important;
  -webkit-text-fill-color: var(--player-ink) !important;
}

/* Media cards remain image-forward but readable */
body.ga-light-theme .player-public-refresh .media-card-pro {
  background: #ffffff !important;
  color: var(--player-ink) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 34px rgba(15,23,42,.08);
  overflow: hidden;
}
body.ga-light-theme .player-public-refresh .media-card-pro h3 {
  color: var(--player-ink) !important;
  -webkit-text-fill-color: var(--player-ink) !important;
}
body.ga-light-theme .player-public-refresh .media-card-pro small {
  color: var(--player-muted) !important;
  -webkit-text-fill-color: var(--player-muted) !important;
}

@media (max-width: 991px) {
  body.ga-light-theme .player-public-refresh {
    padding-inline: 1rem;
  }
  body.ga-light-theme .player-public-refresh .athlete-title {
    font-size: clamp(2.2rem, 12vw, 4rem) !important;
  }
}

/* PLAYER PHOTO PRESENTATION FIX
   Improves the public player page photo treatment:
   - removes the awkward double-frame look
   - uses a clean athlete-card crop
   - keeps headshots/action photos consistently framed
   - improves fallback number card */

body.ga-light-theme .player-public-refresh .athlete-photo-wrap {
  width: min(220px, 82vw) !important;
  aspect-ratio: 1 / 1 !important;
  margin-inline: auto;
  padding: 8px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 25% 10%, rgba(255,255,255,.18), transparent 32%),
    linear-gradient(145deg, #07111f, #17233a) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.22) !important;
  overflow: hidden !important;
  display: grid;
  place-items: stretch;
}

body.ga-light-theme .player-public-refresh .athlete-photo {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: block;
  object-fit: cover !important;
  object-position: center 28% !important;
  border-radius: 26px !important;
  border: 0 !important;
  background: #0f172a !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

body.ga-light-theme .player-public-refresh .athlete-photo-wrap::after {
  content: "";
  position: absolute;
}

body.ga-light-theme .player-public-refresh .athlete-hero .col-lg-3 {
  display: flex;
  justify-content: center;
}

body.ga-light-theme .player-public-refresh .athlete-number {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 30% 8%, rgba(47,143,255,.22), transparent 32%),
    linear-gradient(145deg, #07111f, #17233a) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

body.ga-light-theme .player-public-refresh .athlete-hero {
  align-items: center;
}

body.ga-light-theme .player-public-refresh .athlete-hero .row {
  align-items: center !important;
}

@media (min-width: 992px) {
  body.ga-light-theme .player-public-refresh .athlete-photo-wrap {
    width: 232px !important;
  }
}

@media (max-width: 575px) {
  body.ga-light-theme .player-public-refresh .athlete-photo-wrap {
    width: 168px !important;
    border-radius: 28px !important;
    padding: 6px !important;
  }
  body.ga-light-theme .player-public-refresh .athlete-photo,
  body.ga-light-theme .player-public-refresh .athlete-number {
    border-radius: 22px !important;
  }
}

/* UNIFIED GAME SCORECARDS FIX
   One shared event scorecard used by league, tournament, team, and player pages. */
.ga-gamecard {
  --gamecard-bg: #ffffff;
  --gamecard-ink: #0f172a;
  --gamecard-muted: #475569;
  --gamecard-line: rgba(15,23,42,.12);
  display: grid;
  gap: .62rem;
  padding: .86rem .95rem;
  border-radius: 18px;
  background: var(--gamecard-bg) !important;
  color: var(--gamecard-ink) !important;
  border: 1px solid var(--gamecard-line) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.055);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
  min-width: 0;
}
.ga-gamecard:hover {
  transform: translateY(-2px);
  border-color: rgba(7,94,199,.32) !important;
  box-shadow: 0 16px 34px rgba(7,94,199,.10);
}
.ga-gamecard * {
  text-shadow: none !important;
}
.ga-gamecard__meta,
.ga-gamecard__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  min-width: 0;
}
.ga-gamecard__meta time,
.ga-gamecard__footer,
.ga-gamecard__footer span {
  color: var(--gamecard-muted) !important;
  -webkit-text-fill-color: var(--gamecard-muted) !important;
  font-size: .76rem;
  font-weight: 800;
}
.ga-gamecard__status {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  width: fit-content;
  padding: .24rem .55rem;
  border-radius: 999px;
  background: #eef2f7 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-size: .62rem;
  line-height: 1;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .06em;
  border: 1px solid rgba(15,23,42,.10);
}
.ga-gamecard__status.is-live {
  background: #fff1f2 !important;
  color: #be123c !important;
  -webkit-text-fill-color: #be123c !important;
  border-color: rgba(225,29,72,.18);
}
.ga-gamecard__status.is-final {
  background: #f1f5f9 !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
.ga-gamecard__matchup {
  display: grid;
  gap: .45rem;
}
.ga-gamecard__team {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: .62rem;
}
.ga-gamecard__logo {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #dbeafe, #eff6ff) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10);
  font-size: .72rem;
  font-weight: 1000;
}
.ga-gamecard__name {
  color: var(--gamecard-ink) !important;
  -webkit-text-fill-color: var(--gamecard-ink) !important;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ga-gamecard__score {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
  font-size: 1.35rem;
  line-height: 1;
  font-weight: 1000;
  font-variant-numeric: tabular-nums;
}
.ga-gamecard__count {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
}
.ga-gamecard__bases {
  position: relative;
  width: 28px;
  height: 20px;
  display: inline-block;
}
.ga-gamecard__bases .base {
  position: absolute;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  border-radius: 2px;
  background: #e2e8f0;
  border: 1px solid #94a3b8;
}
.ga-gamecard__bases .base.occupied {
  background: #ffd66b;
  border-color: #b45309;
}
.ga-gamecard__bases .second { left: 10px; top: 0; }
.ga-gamecard__bases .third { left: 2px; top: 9px; }
.ga-gamecard__bases .first { right: 2px; top: 9px; }

.ga-gamecard--ticker {
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 198px;
  height: 100%;
  padding: .86rem .9rem;
  border-radius: 18px;
}
.ga-gamecard--ticker .ga-gamecard__team {
  grid-template-columns: 28px minmax(0,1fr) auto;
  gap: .5rem;
}
.ga-gamecard--ticker .ga-gamecard__logo {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  font-size: .64rem;
}
.ga-gamecard--ticker .ga-gamecard__name {
  font-size: .84rem;
}
.ga-gamecard--ticker .ga-gamecard__score {
  font-size: 1.05rem;
}
.ga-gamecard--compact {
  padding: .6rem;
  border-radius: 14px;
}
.ga-gamecard--compact .ga-gamecard__meta {
  display: none;
}
.ga-gamecard--compact .ga-gamecard__logo {
  width: 28px;
  height: 28px;
}
.ga-gamecard--compact .ga-gamecard__team {
  grid-template-columns: 28px minmax(0,1fr) auto;
}

/* Put all legacy scorecard containers on the same grid rhythm. */
.schedule-board,
.league-score-ticker,
.tournament-score-strip {
  display: grid !important;
  gap: .75rem !important;
}
.league-score-ticker,
.tournament-score-strip {
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
  overflow: visible !important;
}
.team-public-refresh .schedule-board .ga-gamecard,
.player-public-refresh .schedule-board .ga-gamecard {
  margin-bottom: 0 !important;
}

/* Protect unified scorecards from older public-page contrast overrides. */
body.ga-light-theme .team-public-refresh .ga-gamecard,
body.ga-light-theme .league-public-refresh .ga-gamecard,
body.ga-light-theme .tournament-public-refresh .ga-gamecard,
body.ga-light-theme .player-public-refresh .ga-gamecard,
body.ga-light-theme .baseball-team-public-refresh .ga-gamecard {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.12) !important;
}
body.ga-light-theme .team-public-refresh .ga-gamecard .ga-gamecard__name,
body.ga-light-theme .league-public-refresh .ga-gamecard .ga-gamecard__name,
body.ga-light-theme .tournament-public-refresh .ga-gamecard .ga-gamecard__name,
body.ga-light-theme .player-public-refresh .ga-gamecard .ga-gamecard__name,
body.ga-light-theme .baseball-team-public-refresh .ga-gamecard .ga-gamecard__name {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
body.ga-light-theme .team-public-refresh .ga-gamecard .ga-gamecard__score,
body.ga-light-theme .league-public-refresh .ga-gamecard .ga-gamecard__score,
body.ga-light-theme .tournament-public-refresh .ga-gamecard .ga-gamecard__score,
body.ga-light-theme .player-public-refresh .ga-gamecard .ga-gamecard__score,
body.ga-light-theme .baseball-team-public-refresh .ga-gamecard .ga-gamecard__score {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
}
@media (max-width: 640px) {
  .league-score-ticker,
  .tournament-score-strip {
    grid-template-columns: 1fr;
  }
}

/* LEAGUE LEADERS READABILITY FIX
   Fixes pale/washed-out league leader rows on light public league cards. */
body.ga-light-theme .league-public-refresh #leaders.ga-card,
body.ga-light-theme .league-public-refresh section#leaders {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.10) !important;
}

body.ga-light-theme .league-public-refresh #leaders .ga-section-title,
body.ga-light-theme .league-public-refresh #leaders h1,
body.ga-light-theme .league-public-refresh #leaders h2,
body.ga-light-theme .league-public-refresh #leaders h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-card {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.045) !important;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-card > .d-flex span,
body.ga-light-theme .league-public-refresh #leaders .league-leader-card span:first-child {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-card strong,
body.ga-light-theme .league-public-refresh #leaders .league-leader-card .league-leader-row strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-card small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-card b {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-row {
  border-top-color: rgba(15,23,42,.10) !important;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-row span {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 850 !important;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-row:hover {
  background: rgba(7,94,199,.045) !important;
  border-radius: 12px;
  margin-inline: -.35rem;
  padding-inline: .35rem;
}

/* TOURNAMENT HERO CONTRAST FINAL FIX
   Fixes tournament hero title/description showing dark on dark background.
   Uses high-specificity selectors late in the cascade so older hub overrides cannot win. */
body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero,
body.ga-light-theme .tournament-public-refresh .ga-hero.tournament-hero,
body.ga-light-theme .tournament-public-refresh .tournament-hero {
  background:
    radial-gradient(circle at 16% 0%, rgba(47,143,255,.28), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(255,214,107,.14), transparent 28%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #162033 100%) !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 24px 60px rgba(7,17,31,.24) !important;
}

body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .ga-kicker {
  color: #2f8fff !important;
  -webkit-text-fill-color: #2f8fff !important;
  text-shadow: none !important;
}

body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .ga-title,
body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero h1.display-4.ga-title,
body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero h1,
body.ga-light-theme .tournament-public-refresh .tournament-hero .ga-title,
body.ga-light-theme .tournament-public-refresh .tournament-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.42) !important;
  opacity: 1 !important;
}

body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero p.lead,
body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .lead,
body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero p,
body.ga-light-theme .tournament-public-refresh .tournament-hero p.lead,
body.ga-light-theme .tournament-public-refresh .tournament-hero .lead,
body.ga-light-theme .tournament-public-refresh .tournament-hero .ga-muted {
  color: #d8e6f7 !important;
  -webkit-text-fill-color: #d8e6f7 !important;
  text-shadow: 0 8px 24px rgba(0,0,0,.34) !important;
  opacity: 1 !important;
}

body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .ga-chip,
body.ga-light-theme .tournament-public-refresh .tournament-hero .ga-chip {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .tournament-control-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(255,255,255,.62) !important;
}

body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .tournament-control-card h1,
body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .tournament-control-card h2,
body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .tournament-control-card h3,
body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .tournament-control-card strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .tournament-control-card p,
body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .tournament-control-card .ga-muted,
body.ga-light-theme .tournament-public-refresh section.ga-hero.tournament-hero .tournament-control-card small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-shadow: none !important;
}


/* GAMECARD STATE VISIBILITY FIX
   Makes balls, strikes, outs, and bases much more visible across league, tournament,
   team, and player pages by upgrading the shared game scorecard footer. */
.ga-gamecard__footer {
  flex-wrap: wrap;
}
.ga-gamecard__footer > :first-child {
  flex: 1 1 auto;
}
.ga-gamecard__state {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: nowrap;
}
.ga-gamecard__count-group {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
}
.ga-gamecard__count-pill {
  display: inline-flex;
  align-items: center;
  gap: .22rem;
  padding: .22rem .42rem;
  min-height: 26px;
  border-radius: 999px;
  background: #eff6ff !important;
  border: 1px solid rgba(7,94,199,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(15,23,42,.05);
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.ga-gamecard__count-pill em {
  margin: 0;
  font-style: normal;
  font-size: .54rem;
  font-weight: 1000;
  line-height: 1;
  letter-spacing: .07em;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
}
.ga-gamecard__count-pill strong {
  margin: 0;
  font-size: .78rem;
  font-weight: 1000;
  line-height: 1;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-variant-numeric: tabular-nums;
}
.ga-gamecard__count-pill--outs {
  background: #fff7ed !important;
  border-color: rgba(180,83,9,.22) !important;
}
.ga-gamecard__count-pill--outs em {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
}
.ga-gamecard__bases-shell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: .2rem .42rem;
  border-radius: 999px;
  background: #f8fafc !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 1px 2px rgba(15,23,42,.04);
}
.ga-gamecard__bases {
  position: relative;
  width: 32px;
  height: 22px;
  display: inline-block;
}
.ga-gamecard__bases .base {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #dbe4ef !important;
  border: 1px solid #94a3b8 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.08);
}
.ga-gamecard__bases .base.occupied {
  background: #ffd66b !important;
  border-color: #b45309 !important;
  box-shadow: 0 0 0 1px rgba(180,83,9,.08), 0 2px 4px rgba(180,83,9,.18);
}
.ga-gamecard__bases .second { left: 11px; top: 0; }
.ga-gamecard__bases .third { left: 2px; top: 10px; }
.ga-gamecard__bases .first { right: 2px; top: 10px; }

/* Keep ticker / compact scorecards readable without crowding. */
.ga-gamecard--ticker .ga-gamecard__state,
.ga-gamecard--compact .ga-gamecard__state {
  gap: .34rem;
}
.ga-gamecard--ticker .ga-gamecard__count-group,
.ga-gamecard--compact .ga-gamecard__count-group {
  gap: .18rem;
}
.ga-gamecard--ticker .ga-gamecard__count-pill,
.ga-gamecard--compact .ga-gamecard__count-pill {
  min-height: 22px;
  padding: .16rem .3rem;
}
.ga-gamecard--ticker .ga-gamecard__count-pill em,
.ga-gamecard--compact .ga-gamecard__count-pill em {
  font-size: .56rem;
}
.ga-gamecard--ticker .ga-gamecard__count-pill strong,
.ga-gamecard--compact .ga-gamecard__count-pill strong {
  font-size: .62rem;
}
.ga-gamecard--ticker .ga-gamecard__bases-shell,
.ga-gamecard--compact .ga-gamecard__bases-shell {
  min-height: 22px;
  padding: .14rem .28rem;
}
.ga-gamecard--ticker .ga-gamecard__bases,
.ga-gamecard--compact .ga-gamecard__bases {
  width: 26px;
  height: 18px;
}
.ga-gamecard--ticker .ga-gamecard__bases .base,
.ga-gamecard--compact .ga-gamecard__bases .base {
  width: 8px;
  height: 8px;
}
.ga-gamecard--ticker .ga-gamecard__bases .second,
.ga-gamecard--compact .ga-gamecard__bases .second { left: 9px; top: 0; }
.ga-gamecard--ticker .ga-gamecard__bases .third,
.ga-gamecard--compact .ga-gamecard__bases .third { left: 1px; top: 8px; }
.ga-gamecard--ticker .ga-gamecard__bases .first,
.ga-gamecard--compact .ga-gamecard__bases .first { right: 1px; top: 8px; }
/* v0.1.694 scoreboard ticker layout hardening: cards fill their grid columns and no longer clip dates, venues, or status text. */
.league-show-scoreboard-broadcast .row > [class*="col-"],
.tournament-public-refresh .row > [class*="col-"] {
  min-width: 0;
}
.league-show-scoreboard-broadcast .ga-gamecard--ticker,
.tournament-public-refresh .ga-gamecard--ticker {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 210px;
}
.ga-gamecard--ticker .ga-gamecard__meta {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: .42rem .55rem;
}
.ga-gamecard--ticker .ga-gamecard__meta time {
  margin-left: auto;
  white-space: nowrap;
  text-align: right;
  line-height: 1.1;
  max-width: 52%;
}
.ga-gamecard--ticker .ga-gamecard__status,
.ga-gamecard--ticker .ga-gamecard__sport {
  flex: 0 1 auto;
  max-width: 100%;
}
.ga-gamecard--ticker .ga-gamecard__matchup {
  align-content: center;
  min-width: 0;
}
.ga-gamecard--ticker .ga-gamecard__name {
  min-width: 0;
  font-size: clamp(.84rem, .9vw, .98rem);
  line-height: 1.05;
}
.ga-gamecard--ticker .ga-gamecard__score {
  font-size: clamp(1.35rem, 1.8vw, 2rem);
  min-width: 2ch;
  text-align: right;
}
.ga-gamecard--ticker .ga-gamecard__footer {
  display: grid;
  grid-template-columns: 1fr;
  gap: .24rem;
  align-items: start;
}
.ga-gamecard--ticker .ga-gamecard__footer > :first-child {
  min-width: 0;
}
.ga-gamecard--ticker .ga-gamecard__footer span {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.15;
}
.ga-gamecard--ticker .ga-gamecard__footer span:last-child {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1199px) {
  .league-show-scoreboard-broadcast .ga-gamecard--ticker,
  .tournament-public-refresh .ga-gamecard--ticker { min-height: 190px; }
}


/* ROTATING LEAGUE + TOURNAMENT SCOREBOARDS
   League scoreboard now uses the same card/header treatment as tournament.
   Both scoreboards rotate game pages instead of horizontal scrolling. */
.league-ticker,
.league-scoreboard-rotator,
.tournament-ticker {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.08) !important;
}
.league-ticker .ga-kicker,
.tournament-ticker .ga-kicker {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
}
.tournament-ticker .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
.scoreboard-rotator {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem !important;
  overflow: hidden !important;
  scroll-snap-type: none !important;
}
.scoreboard-rotator-item {
  min-width: 0;
  animation: scoreboardFadeIn .22s ease both;
}
.scoreboard-rotator-item[hidden] {
  display: none !important;
}
.scoreboard-rotator-item .ga-gamecard {
  height: 100%;
  min-width: 0;
  max-width: none;
}
.scoreboard-rotator-controls {
  display: flex;
  align-items: center;
  gap: .42rem;
}
.scoreboard-rotator-btn {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  background: #f8fafc;
  color: #0f172a;
  font-size: 1.18rem;
  line-height: 1;
  font-weight: 1000;
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
}
.scoreboard-rotator-btn:hover {
  background: #0b72d9;
  color: #ffffff;
  border-color: rgba(11,114,217,.38);
}
.league-score-ticker,
.tournament-score-strip {
  overflow: hidden !important;
}
@keyframes scoreboardFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 1280px) {
  .scoreboard-rotator {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .scoreboard-rotator {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .scoreboard-rotator {
    grid-template-columns: 1fr;
  }
}

/* GAMECENTER HERO CONTRAST FINAL FIX
   Late, high-specificity GameCenter override. The Event/GameCenter hero is dark,
   so title, subtitle, buttons, and stat labels must not inherit dark/light-card rules. */
body.ga-light-theme section.gamecenter-hero,
body.ga-light-theme .gamecenter-hero {
  background:
    radial-gradient(circle at 14% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 90% 7%, rgba(25,211,255,.16), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #10263f 100%) !important;
  color: #f8fbff !important;
  border-radius: 0 0 24px 24px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 60px rgba(7,17,31,.20);
}

body.ga-light-theme section.gamecenter-hero .ga-kicker {
  color: #2f8fff !important;
  -webkit-text-fill-color: #2f8fff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.ga-light-theme section.gamecenter-hero h1.ga-title,
body.ga-light-theme section.gamecenter-hero .ga-title,
body.ga-light-theme section.gamecenter-hero h1,
body.ga-light-theme section.gamecenter-hero h2,
body.ga-light-theme section.gamecenter-hero h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.42) !important;
  opacity: 1 !important;
}

body.ga-light-theme section.gamecenter-hero p.lead,
body.ga-light-theme section.gamecenter-hero .lead,
body.ga-light-theme section.gamecenter-hero p,
body.ga-light-theme section.gamecenter-hero .ga-muted {
  color: #d8e6f7 !important;
  -webkit-text-fill-color: #d8e6f7 !important;
  text-shadow: 0 8px 24px rgba(0,0,0,.24) !important;
  opacity: 1 !important;
}

body.ga-light-theme section.gamecenter-hero .btn-ga {
  background: linear-gradient(180deg, #198cff, #075ec7) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,.16) !important;
  font-weight: 1000;
}

body.ga-light-theme section.gamecenter-hero .btn-outline-ga,
body.ga-light-theme section.gamecenter-hero .btn-outline-warning,
body.ga-light-theme section.gamecenter-hero .btn-outline-info {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(255,255,255,.72) !important;
  font-weight: 1000;
  box-shadow: 0 10px 24px rgba(0,0,0,.14);
}

body.ga-light-theme section.gamecenter-hero .ga-stat {
  background: rgba(255,255,255,.96) !important;
  color: #0f172a !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.16);
}

body.ga-light-theme section.gamecenter-hero .ga-stat .ga-kicker {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  text-shadow: none !important;
}

body.ga-light-theme section.gamecenter-hero .ga-stat strong,
body.ga-light-theme section.gamecenter-hero .ga-stat span,
body.ga-light-theme section.gamecenter-hero .ga-stat small {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Keep the scoreboard panel readable while it sits on the dark GameCenter hero. */
body.ga-light-theme section.gamecenter-hero .scoreboard-panel,
body.ga-light-theme section.gamecenter-hero .gamecenter-scorecard,
body.ga-light-theme section.gamecenter-hero .live-score-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.20);
}

body.ga-light-theme section.gamecenter-hero .scoreboard-panel h1,
body.ga-light-theme section.gamecenter-hero .scoreboard-panel h2,
body.ga-light-theme section.gamecenter-hero .scoreboard-panel h3,
body.ga-light-theme section.gamecenter-hero .scoreboard-panel strong,
body.ga-light-theme section.gamecenter-hero .scoreboard-panel span,
body.ga-light-theme section.gamecenter-hero .scoreboard-panel small,
body.ga-light-theme section.gamecenter-hero .gamecenter-scorecard strong,
body.ga-light-theme section.gamecenter-hero .gamecenter-scorecard span,
body.ga-light-theme section.gamecenter-hero .gamecenter-scorecard small,
body.ga-light-theme section.gamecenter-hero .live-score-card strong,
body.ga-light-theme section.gamecenter-hero .live-score-card span,
body.ga-light-theme section.gamecenter-hero .live-score-card small {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

/* Baseball diamond inside the hero score panel should still show bases clearly. */
body.ga-light-theme section.gamecenter-hero .base.on,
body.ga-light-theme section.gamecenter-hero .base.occupied {
  background: #ffd66b !important;
  border-color: #b45309 !important;
}

/* LINKED TEAM STORIES + GLOBAL STYLE HARDENING FIX
   This removes placeholder-looking storylines from the team sidebar and makes them
   actual links to published articles. It also hardens common contrast problems caused by
   blue labels/badges or dark text being inherited onto dark panels. */

/* Small blue labels should be labels, not unreadable blue boxes. */
body.ga-light-theme main:not(.scorebook-shell):not(.gamecast-shell) .ga-kicker,
body.ga-light-theme .team-public-refresh .ga-kicker,
body.ga-light-theme .league-public-refresh .ga-kicker,
body.ga-light-theme .tournament-public-refresh .ga-kicker,
body.ga-light-theme .player-public-refresh .ga-kicker {
  display: inline-block;
  background: transparent !important;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  text-shadow: none !important;
  letter-spacing: .16em;
  font-weight: 1000;
}

/* Anything intentionally blue/dark must carry light text. */
body.ga-light-theme .bg-primary,
body.ga-light-theme .text-bg-primary,
body.ga-light-theme .badge.text-bg-primary,
body.ga-light-theme .btn-primary,
body.ga-light-theme .btn-ga,
body.ga-light-theme .ga-chip.bg-primary,
body.ga-light-theme [class*="--primary"],
body.ga-light-theme .is-active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Dark/broadcast panels should never inherit dark page text. */
body.ga-light-theme .scorebook-topbar,
body.ga-light-theme .scorebook-game-strip,
body.ga-light-theme .gamecast-topbar,
body.ga-light-theme .gamecast-score-strip,
body.ga-light-theme .gamecenter-hero,
body.ga-light-theme .league-featured-game,
body.ga-light-theme .scorebug-broadcast-v2,
body.ga-light-theme .tournament-hero {
  color: #f8fbff !important;
}
body.ga-light-theme .scorebook-topbar h1,
body.ga-light-theme .scorebook-topbar h2,
body.ga-light-theme .scorebook-topbar h3,
body.ga-light-theme .scorebook-game-strip h1,
body.ga-light-theme .scorebook-game-strip h2,
body.ga-light-theme .gamecast-topbar h1,
body.ga-light-theme .gamecast-topbar h2,
body.ga-light-theme .gamecenter-hero h1,
body.ga-light-theme .gamecenter-hero h2,
body.ga-light-theme .gamecenter-hero h3,
body.ga-light-theme .league-featured-game h1,
body.ga-light-theme .league-featured-game h2,
body.ga-light-theme .league-featured-game h3,
body.ga-light-theme .tournament-hero h1,
body.ga-light-theme .tournament-hero h2,
body.ga-light-theme .tournament-hero h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Team article links replacing placeholder storylines. */
body.ga-light-theme .team-public-refresh .linked-story-list {
  display: grid;
  gap: .65rem;
}
body.ga-light-theme .team-public-refresh .linked-story-chip,
body.ga-light-theme .team-public-refresh .timeline-item-pro--article {
  display: grid;
  gap: .24rem;
  padding: .85rem .95rem;
  border-radius: 16px;
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.045);
}
body.ga-light-theme .team-public-refresh .linked-story-chip:hover,
body.ga-light-theme .team-public-refresh .timeline-item-pro--article:hover {
  transform: translateY(-2px);
  border-color: rgba(7,94,199,.30) !important;
  box-shadow: 0 16px 34px rgba(7,94,199,.10);
}
body.ga-light-theme .team-public-refresh .linked-story-chip span,
body.ga-light-theme .team-public-refresh .timeline-item-pro--article span {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  font-size: .62rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .12em;
}
body.ga-light-theme .team-public-refresh .linked-story-chip strong,
body.ga-light-theme .team-public-refresh .timeline-item-pro--article strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
}
body.ga-light-theme .team-public-refresh .timeline-item-pro--article p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  margin: 0;
}
body.ga-light-theme .team-public-refresh .timeline-item-pro--article b {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .07em;
}

/* If a blue heading pill/button is nested in a light card, keep text readable. */
body.ga-light-theme .network-card .badge,
body.ga-light-theme .ga-card .badge {
  font-weight: 900;
}
body.ga-light-theme .network-card .badge.text-bg-primary,
body.ga-light-theme .ga-card .badge.text-bg-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #075ec7 !important;
}

/* INDEX LAYOUT + COPY REMOVAL STYLE FIX
   Fixes team / league / tournament index pages:
   - no dark text on blue hero boxes
   - uses browser width better
   - removes placeholder/marketing descriptions from cards
   - keeps all index cards linkable and consistent */

.public-index-refresh {
  max-width: none !important;
  width: 100%;
}

body.ga-light-theme .public-index-refresh .public-index-hero {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1.25rem, 2.6vw, 2.25rem);
  border-radius: 28px;
  background:
    radial-gradient(circle at 13% 0%, rgba(47,143,255,.22), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(255,214,107,.13), transparent 28%),
    linear-gradient(135deg, #07111f 0%, #0b1830 54%, #162033 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 56px rgba(7,17,31,.20);
}

body.ga-light-theme .public-index-refresh .public-index-hero .ga-title,
body.ga-light-theme .public-index-refresh .public-index-hero h1,
body.ga-light-theme .team-public-index > .mb-4 .ga-title,
body.ga-light-theme .league-public-index > .mb-4 .ga-title,
body.ga-light-theme .tournament-public-index > .mb-4 .ga-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.35) !important;
  opacity: 1 !important;
}

body.ga-light-theme .public-index-refresh .public-index-hero .ga-kicker,
body.ga-light-theme .team-public-index > .mb-4 .ga-kicker,
body.ga-light-theme .league-public-index > .mb-4 .ga-kicker,
body.ga-light-theme .tournament-public-index > .mb-4 .ga-kicker {
  color: #2f8fff !important;
  -webkit-text-fill-color: #2f8fff !important;
  background: transparent !important;
  text-shadow: none !important;
}

.public-index-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: .5rem .85rem;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.16);
  font-weight: 1000;
  white-space: nowrap;
}

.public-index-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 1rem;
}

.public-index-grid--teams {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

body.ga-light-theme .public-index-card {
  min-height: 150px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 24px;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.075);
  text-decoration: none !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

body.ga-light-theme .public-index-card:hover {
  transform: translateY(-3px);
  border-color: rgba(7,94,199,.30) !important;
  box-shadow: 0 22px 48px rgba(7,94,199,.12);
}

.public-index-team-card {
  grid-template-columns: 84px minmax(0, 1fr) auto;
}

.public-index-logo {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  object-fit: contain;
  padding: .35rem;
  background: #0f172a;
  border: 1px solid rgba(15,23,42,.12);
}

.public-index-card-main {
  min-width: 0;
}

body.ga-light-theme .public-index-card h2 {
  margin: 0;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: clamp(1.25rem, 1.6vw, 1.65rem);
  line-height: 1.05;
  letter-spacing: -.035em;
  font-weight: 1000;
}

.public-index-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .65rem;
}

body.ga-light-theme .public-index-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: .28rem .55rem;
  border-radius: 999px;
  background: #f1f5f9 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  border: 1px solid rgba(15,23,42,.08);
  font-size: .78rem;
  font-weight: 850;
}

.public-index-open {
  align-self: center;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: .5rem .75rem;
  border-radius: 999px;
  background: #075ec7 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .78rem;
  font-weight: 1000;
  white-space: nowrap;
}

body.ga-light-theme .public-index-card .ga-kicker {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  background: transparent !important;
}

body.ga-light-theme .public-index-card .badge,
body.ga-light-theme .public-index-card .ga-chip {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: #f1f5f9 !important;
  border: 1px solid rgba(15,23,42,.08) !important;
}

/* Team page copy removal support */
body.ga-light-theme .team-public-refresh .franchise-hero .franchise-lead {
  display: none !important;
}

/* Keep article links readable in the replacement Team Articles card. */
body.ga-light-theme .team-public-refresh .linked-story-chip {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.12) !important;
}

@media (min-width: 1440px) {
  .public-index-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .public-index-grid--teams {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.ga-light-theme .public-index-refresh .public-index-hero {
    align-items: start;
    flex-direction: column;
    border-radius: 22px;
  }
  .public-index-grid,
  .public-index-grid--teams {
    grid-template-columns: 1fr;
  }
  .public-index-card,
  .public-index-team-card {
    grid-template-columns: 1fr !important;
  }
  .public-index-open {
    justify-self: stretch;
  }
}

/* INDEX CARD CAPACITY + LAYOUT FIX
   Replaces undersized index tiles with wider, content-aware list cards for team,
   league, and tournament indexes. Prevents text overflow and uses browser width better. */

.public-index-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}

.public-index-list--teams {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ga-light-theme .public-index-card.public-index-card--wide {
  min-height: 174px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 1.25rem;
  padding: 1.25rem;
  border-radius: 26px;
}

.public-index-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}

.public-index-card--wide .public-index-logo {
  width: 92px;
  height: 92px;
  border-radius: 22px;
  padding: .45rem;
}

.public-index-card--wide .public-index-card-main {
  min-width: 0;
  align-self: center;
}

body.ga-light-theme .public-index-card--wide h2 {
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1.04;
  margin-bottom: .55rem;
}

.public-index-card-side {
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  border-left: 1px solid rgba(15,23,42,.08);
  padding-left: 1rem;
}

.public-index-card--wide .public-index-open {
  white-space: nowrap;
}

.public-index-card--wide .public-index-meta {
  gap: .45rem .5rem;
  max-width: 100%;
}

body.ga-light-theme .public-index-card--wide .public-index-meta span {
  max-width: 100%;
  white-space: normal;
  line-height: 1.15;
  min-height: 30px;
}

/* Override the earlier auto-fit tile grid on these pages. */
.public-index-refresh .public-index-grid {
  display: none !important;
}

/* Prevent old `.text-white` utility on index links from causing unreadable text. */
body.ga-light-theme .team-public-index a.text-white,
body.ga-light-theme .league-public-index a.text-white,
body.ga-light-theme .tournament-public-index a.text-white,
body.ga-light-theme .public-index-card a.text-white {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

@media (min-width: 1500px) {
  .public-index-list,
  .public-index-list--teams {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .public-index-list,
  .public-index-list--teams {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  body.ga-light-theme .public-index-card.public-index-card--wide {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 1rem;
  }

  .public-index-identity {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .public-index-card--wide .public-index-logo {
    width: 72px;
    height: 72px;
    border-radius: 18px;
  }

  .public-index-card-side {
    min-width: 0;
    justify-content: stretch;
    border-left: 0;
    border-top: 1px solid rgba(15,23,42,.08);
    padding-left: 0;
    padding-top: 1rem;
  }

  .public-index-card--wide .public-index-open {
    width: 100%;
  }
}

@media (max-width: 460px) {
  .public-index-identity {
    grid-template-columns: 1fr;
  }

  .public-index-card--wide .public-index-logo {
    width: 76px;
    height: 76px;
  }
}

/* INDEX HERO TITLE CONTRAST FIX
   Final high-specificity override for Teams / Leagues / Tournaments index hero titles.
   The hero boxes are dark gradients, so headings must always be white. */

body.ga-light-theme .public-index-refresh section.public-index-hero,
body.ga-light-theme .team-public-index section.public-index-hero,
body.ga-light-theme .league-public-index section.public-index-hero,
body.ga-light-theme .tournament-public-index section.public-index-hero {
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 90% 8%, rgba(255,214,107,.12), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 55%, #162033 100%) !important;
  color: #ffffff !important;
}

body.ga-light-theme .public-index-refresh section.public-index-hero h1.ga-title,
body.ga-light-theme .public-index-refresh section.public-index-hero .ga-title,
body.ga-light-theme .team-public-index section.public-index-hero h1.ga-title,
body.ga-light-theme .league-public-index section.public-index-hero h1.ga-title,
body.ga-light-theme .tournament-public-index section.public-index-hero h1.ga-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 16px 36px rgba(0,0,0,.38) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

body.ga-light-theme .public-index-refresh section.public-index-hero .ga-kicker,
body.ga-light-theme .team-public-index section.public-index-hero .ga-kicker,
body.ga-light-theme .league-public-index section.public-index-hero .ga-kicker,
body.ga-light-theme .tournament-public-index section.public-index-hero .ga-kicker {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  background: transparent !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.ga-light-theme .public-index-refresh section.public-index-hero .public-index-count {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.28) !important;
  text-shadow: none !important;
}

/* LEAGUE LEADER PLAYER LINKS FIX
   Makes every player shown in League Leaders an actual link to the player hub. */
.league-leader-feature {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  color: inherit !important;
}

.league-leader-feature:hover strong,
.league-leader-row--link:hover span {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.league-leader-row--link {
  color: inherit !important;
  cursor: pointer;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-feature strong,
body.ga-light-theme .league-public-refresh #leaders .league-leader-row--link span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-feature small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

body.ga-light-theme .league-public-refresh #leaders .league-leader-feature b,
body.ga-light-theme .league-public-refresh #leaders .league-leader-row--link strong {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
}

/* PLAYER PUBLIC COPY REMOVAL + CONFIGURABLE ATTRIBUTES FIX */
body.ga-light-theme .player-public-refresh .network-card .bio-card-row strong:empty {
  display: none;
}

.admin-form-card {
  background: #ffffff;
  color: #0f172a;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 22px;
  box-shadow: 0 16px 34px rgba(15,23,42,.06);
}
.admin-form-card h2,
.admin-form-card label {
  color: #0f172a;
}

/* CARD LAYOUT + GLOBAL DARK-HERO CONTRAST FIX
   Fixes:
   - index cards being too narrow / text wrapping one word per line
   - dark text on dark GameCenter and home hero backgrounds
   - stat-card label/value spacing in GameCenter cards
   - front-page hero muted copy being unreadable */

/* 1) Public index card layout: bigger cards, no side column squeezing content. */
.public-index-list,
.public-index-list--teams {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)) !important;
  gap: 1.15rem !important;
  align-items: stretch;
}

body.ga-light-theme .public-index-card.public-index-card--wide,
body.ga-light-theme .public-index-card,
.public-index-card.public-index-card--wide {
  min-height: 164px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  gap: 1rem !important;
  padding: 1.25rem !important;
  border-radius: 26px !important;
  overflow: hidden !important;
}

.public-index-identity {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 1.05rem !important;
  align-items: center !important;
  min-width: 0 !important;
}

.public-index-card-main {
  min-width: 0 !important;
  width: 100% !important;
}

body.ga-light-theme .public-index-card h2,
body.ga-light-theme .public-index-card--wide h2,
.public-index-card h2,
.public-index-card--wide h2 {
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  line-height: 1.08 !important;
  font-size: clamp(1.55rem, 2vw, 2.15rem) !important;
  letter-spacing: -.045em !important;
}

.public-index-card-side {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: auto !important;
  border-left: 0 !important;
  border-top: 1px solid rgba(15,23,42,.08) !important;
  padding-left: 0 !important;
  padding-top: .85rem !important;
}

.public-index-open {
  width: auto !important;
  max-width: 100% !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.1 !important;
}

.public-index-meta {
  gap: .45rem !important;
}

body.ga-light-theme .public-index-meta span {
  white-space: normal !important;
  max-width: 100% !important;
}

/* Keep ultra-wide pages from creating tiny three-column cards. */
@media (min-width: 1500px) {
  .public-index-list,
  .public-index-list--teams {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .public-index-identity {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }
  .public-index-card--wide .public-index-logo,
  .public-index-logo {
    width: 72px !important;
    height: 72px !important;
  }
}

/* 2) GameCenter dark hero: force readable typography and clean stat cards. */
body.ga-light-theme .gamecenter-hero,
body.ga-light-theme section.gamecenter-hero,
.gamecenter-hero {
  background:
    radial-gradient(circle at 14% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 90% 7%, rgba(25,211,255,.16), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #10263f 100%) !important;
  color: #f8fbff !important;
}

body.ga-light-theme .gamecenter-hero h1,
body.ga-light-theme .gamecenter-hero h2,
body.ga-light-theme .gamecenter-hero h3,
body.ga-light-theme .gamecenter-hero .ga-title,
.gamecenter-hero h1,
.gamecenter-hero h2,
.gamecenter-hero h3,
.gamecenter-hero .ga-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.42) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

body.ga-light-theme .gamecenter-hero p,
body.ga-light-theme .gamecenter-hero .lead,
body.ga-light-theme .gamecenter-hero .ga-muted,
.gamecenter-hero p,
.gamecenter-hero .lead,
.gamecenter-hero .ga-muted {
  color: #d8e6f7 !important;
  -webkit-text-fill-color: #d8e6f7 !important;
  opacity: 1 !important;
}

body.ga-light-theme .gamecenter-hero .ga-kicker,
.gamecenter-hero .ga-kicker {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  background: transparent !important;
}

/* Hero stat cards should be light cards with stacked label/value, not concatenated text. */
body.ga-light-theme .gamecenter-hero .ga-stat,
.gamecenter-hero .ga-stat {
  display: block !important;
  min-height: 78px !important;
  padding: 1rem !important;
  background: rgba(255,255,255,.96) !important;
  color: #0f172a !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.16) !important;
}

body.ga-light-theme .gamecenter-hero .ga-stat .ga-kicker,
.gamecenter-hero .ga-stat .ga-kicker {
  display: block !important;
  margin: 0 0 .35rem 0 !important;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  line-height: 1 !important;
}

body.ga-light-theme .gamecenter-hero .ga-stat strong,
body.ga-light-theme .gamecenter-hero .ga-stat span,
body.ga-light-theme .gamecenter-hero .ga-stat small,
.gamecenter-hero .ga-stat strong,
.gamecenter-hero .ga-stat span,
.gamecenter-hero .ga-stat small {
  display: block !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
  line-height: 1.25 !important;
}

/* 3) Front page dark hero readability. */
body.ga-light-theme .network-hero-pro,
.network-hero-pro {
  color: #f8fbff !important;
}

body.ga-light-theme .network-hero-pro .network-headline,
body.ga-light-theme .network-hero-pro h1,
body.ga-light-theme .network-hero-pro h2,
.network-hero-pro .network-headline,
.network-hero-pro h1,
.network-hero-pro h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.34) !important;
}

body.ga-light-theme .network-hero-pro p,
body.ga-light-theme .network-hero-pro .lead,
body.ga-light-theme .network-hero-pro .ga-muted,
.network-hero-pro p,
.network-hero-pro .lead,
.network-hero-pro .ga-muted {
  color: #d8e6f7 !important;
  -webkit-text-fill-color: #d8e6f7 !important;
  opacity: 1 !important;
}

body.ga-light-theme .network-hero-pro .ga-kicker,
.network-hero-pro .ga-kicker {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
}

body.ga-light-theme .network-hero-pro .hero-game-card,
.network-hero-pro .hero-game-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(255,255,255,.66) !important;
}

body.ga-light-theme .network-hero-pro .hero-game-card h1,
body.ga-light-theme .network-hero-pro .hero-game-card h2,
body.ga-light-theme .network-hero-pro .hero-game-card h3,
body.ga-light-theme .network-hero-pro .hero-game-card strong,
body.ga-light-theme .network-hero-pro .hero-game-card a,
.network-hero-pro .hero-game-card h1,
.network-hero-pro .hero-game-card h2,
.network-hero-pro .hero-game-card h3,
.network-hero-pro .hero-game-card strong,
.network-hero-pro .hero-game-card a {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

body.ga-light-theme .network-hero-pro .hero-game-card .ga-muted,
body.ga-light-theme .network-hero-pro .hero-game-card small,
.network-hero-pro .hero-game-card .ga-muted,
.network-hero-pro .hero-game-card small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* 4) Generic guardrail: dark gradient surfaces should not inherit dark text. */
body.ga-light-theme .public-index-hero .ga-title,
body.ga-light-theme .public-index-hero h1,
body.ga-light-theme .tournament-hero .ga-title,
body.ga-light-theme .tournament-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* GAMECENTER FONT VISIBILITY HARD FIX
   A final, ultra-specific GameCenter override. Earlier global card rules were still winning
   against the dark hero, so this targets the exact Event show hero structure and every likely
   Bootstrap/display utility inside it. */

html body.ga-light-theme main .gamecenter-hero,
html body.ga-light-theme main section.gamecenter-hero,
html body main .gamecenter-hero,
html body main section.gamecenter-hero {
  background:
    radial-gradient(circle at 15% 0%, rgba(47,143,255,.26), transparent 34%),
    radial-gradient(circle at 92% 6%, rgba(25,211,255,.18), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #10263f 100%) !important;
  color: #f8fbff !important;
}

/* Force the matchup title and subtitle readable on the dark GameCenter hero. */
html body.ga-light-theme main section.gamecenter-hero .ga-title,
html body.ga-light-theme main section.gamecenter-hero h1.ga-title,
html body.ga-light-theme main section.gamecenter-hero h1.display-4,
html body.ga-light-theme main section.gamecenter-hero h1,
html body main section.gamecenter-hero .ga-title,
html body main section.gamecenter-hero h1.ga-title,
html body main section.gamecenter-hero h1.display-4,
html body main section.gamecenter-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 18px 42px rgba(0,0,0,.46) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

html body.ga-light-theme main section.gamecenter-hero p.lead,
html body.ga-light-theme main section.gamecenter-hero .lead,
html body.ga-light-theme main section.gamecenter-hero p.ga-muted,
html body.ga-light-theme main section.gamecenter-hero .ga-muted,
html body main section.gamecenter-hero p.lead,
html body main section.gamecenter-hero .lead,
html body main section.gamecenter-hero p.ga-muted,
html body main section.gamecenter-hero .ga-muted {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.30) !important;
  opacity: 1 !important;
}

/* Kicker remains blue, but bright enough to read on dark. */
html body.ga-light-theme main section.gamecenter-hero .ga-kicker,
html body main section.gamecenter-hero .ga-kicker {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  background: transparent !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Buttons inside dark GameCenter hero. */
html body.ga-light-theme main section.gamecenter-hero .btn-ga,
html body main section.gamecenter-hero .btn-ga {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #198cff, #075ec7) !important;
  border-color: rgba(255,255,255,.18) !important;
}

html body.ga-light-theme main section.gamecenter-hero .btn-outline-ga,
html body.ga-light-theme main section.gamecenter-hero .btn-outline-warning,
html body.ga-light-theme main section.gamecenter-hero .btn-outline-info,
html body main section.gamecenter-hero .btn-outline-ga,
html body main section.gamecenter-hero .btn-outline-warning,
html body main section.gamecenter-hero .btn-outline-info {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #ffffff !important;
  border-color: rgba(255,255,255,.72) !important;
  text-shadow: none !important;
}

/* GameCenter hero stat cards: label/value readable and separated. */
html body.ga-light-theme main section.gamecenter-hero .ga-stat,
html body main section.gamecenter-hero .ga-stat {
  display: block !important;
  padding: 1rem !important;
  min-height: 82px !important;
  background: rgba(255,255,255,.97) !important;
  color: #0f172a !important;
  border: 1px solid rgba(255,255,255,.70) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.16) !important;
}

html body.ga-light-theme main section.gamecenter-hero .ga-stat .ga-kicker,
html body main section.gamecenter-hero .ga-stat .ga-kicker {
  display: block !important;
  margin: 0 0 .4rem 0 !important;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
}

html body.ga-light-theme main section.gamecenter-hero .ga-stat strong,
html body.ga-light-theme main section.gamecenter-hero .ga-stat span,
html body.ga-light-theme main section.gamecenter-hero .ga-stat small,
html body main section.gamecenter-hero .ga-stat strong,
html body main section.gamecenter-hero .ga-stat span,
html body main section.gamecenter-hero .ga-stat small {
  display: block !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
  line-height: 1.25 !important;
}

/* If any text-white/text-muted utilities are nested in the hero, correct them by context. */
html body main section.gamecenter-hero .text-dark,
html body main section.gamecenter-hero .text-body,
html body main section.gamecenter-hero .text-black,
html body main section.gamecenter-hero .text-muted {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

html body main section.gamecenter-hero .ga-stat .text-dark,
html body main section.gamecenter-hero .ga-stat .text-body,
html body main section.gamecenter-hero .ga-stat .text-black,
html body main section.gamecenter-hero .ga-stat .text-muted {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* VIEW-LEVEL CONTRAST SUPPORT
   These classes support the inline GameCenter markup changes and remain safe even if CSS is cached. */
.gamecenter-stat-card {
  display: block !important;
  background: rgba(255,255,255,.97) !important;
  color: #0f172a !important;
  border-radius: 18px !important;
  padding: 1rem !important;
}
.gamecenter-stat-label {
  display: block !important;
  margin-bottom: .4rem !important;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  line-height: 1 !important;
}
.gamecenter-stat-value {
  display: block !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  line-height: 1.25 !important;
}

/* PROMINENT GAMECARD STATE FIX
   Makes balls, strikes, outs, and the bases indicator visibly important in all unified
   public game cards, especially compact ticker cards. */
.ga-gamecard__footer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .75rem !important;
}

.ga-gamecard__state {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .6rem !important;
  padding: .34rem .42rem !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 10px rgba(15,23,42,.07) !important;
}

.ga-gamecard__count-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: .34rem !important;
}

.ga-gamecard__count-pill {
  display: inline-grid !important;
  grid-template-columns: auto auto !important;
  align-items: center !important;
  gap: .24rem !important;
  min-width: 34px !important;
  min-height: 30px !important;
  padding: .26rem .46rem !important;
  border-radius: 999px !important;
  background: #eaf4ff !important;
  border: 1px solid rgba(7,94,199,.26) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 2px 5px rgba(7,94,199,.10) !important;
}

.ga-gamecard__count-pill em {
  margin: 0 !important;
  font-style: normal !important;
  font-size: .68rem !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .04em !important;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
}

.ga-gamecard__count-pill strong {
  margin: 0 !important;
  font-size: .9rem !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  font-variant-numeric: tabular-nums !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.ga-gamecard__count-pill--outs {
  background: #fff3df !important;
  border-color: rgba(180,83,9,.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 2px 5px rgba(180,83,9,.13) !important;
}

.ga-gamecard__count-pill--outs em {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
}

.ga-gamecard__bases-shell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 16px !important;
  background: #eef2f7 !important;
  border: 1px solid rgba(15,23,42,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 3px 8px rgba(15,23,42,.08) !important;
}

.ga-gamecard__bases {
  position: relative !important;
  display: inline-block !important;
  width: 34px !important;
  height: 26px !important;
}

.ga-gamecard__bases .base {
  position: absolute !important;
  width: 12px !important;
  height: 12px !important;
  transform: rotate(45deg) !important;
  border-radius: 3px !important;
  background: #dbe4ef !important;
  border: 2px solid #94a3b8 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.12) !important;
}

.ga-gamecard__bases .base.occupied {
  background: #ffd66b !important;
  border-color: #b45309 !important;
  box-shadow: 0 0 0 2px rgba(255,214,107,.22), 0 3px 8px rgba(180,83,9,.22) !important;
}

.ga-gamecard__bases .second { left: 11px !important; top: 0 !important; }
.ga-gamecard__bases .third { left: 1px !important; top: 12px !important; }
.ga-gamecard__bases .first { right: 1px !important; top: 12px !important; }

/* Ticker cards still need prominence, not tiny icons. */
.ga-gamecard--ticker .ga-gamecard__footer,
.ga-gamecard--compact .ga-gamecard__footer {
  gap: .5rem !important;
}

.ga-gamecard--ticker .ga-gamecard__state,
.ga-gamecard--compact .ga-gamecard__state {
  gap: .42rem !important;
  padding: .26rem .34rem !important;
}

.ga-gamecard--ticker .ga-gamecard__count-pill,
.ga-gamecard--compact .ga-gamecard__count-pill {
  min-width: 30px !important;
  min-height: 27px !important;
  padding: .2rem .36rem !important;
}

.ga-gamecard--ticker .ga-gamecard__count-pill em,
.ga-gamecard--compact .ga-gamecard__count-pill em {
  font-size: .62rem !important;
}

.ga-gamecard--ticker .ga-gamecard__count-pill strong,
.ga-gamecard--compact .ga-gamecard__count-pill strong {
  font-size: .82rem !important;
}

.ga-gamecard--ticker .ga-gamecard__bases-shell,
.ga-gamecard--compact .ga-gamecard__bases-shell {
  width: 40px !important;
  height: 31px !important;
  border-radius: 14px !important;
}

.ga-gamecard--ticker .ga-gamecard__bases,
.ga-gamecard--compact .ga-gamecard__bases {
  width: 31px !important;
  height: 23px !important;
}

.ga-gamecard--ticker .ga-gamecard__bases .base,
.ga-gamecard--compact .ga-gamecard__bases .base {
  width: 10px !important;
  height: 10px !important;
  border-width: 2px !important;
}

.ga-gamecard--ticker .ga-gamecard__bases .second,
.ga-gamecard--compact .ga-gamecard__bases .second { left: 10px !important; top: 0 !important; }
.ga-gamecard--ticker .ga-gamecard__bases .third,
.ga-gamecard--compact .ga-gamecard__bases .third { left: 1px !important; top: 10px !important; }
.ga-gamecard--ticker .ga-gamecard__bases .first,
.ga-gamecard--compact .ga-gamecard__bases .first { right: 1px !important; top: 10px !important; }

@media (max-width: 480px) {
  .ga-gamecard__footer {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }
  .ga-gamecard__state {
    justify-self: start !important;
  }
}

/* FRONT PAGE GUTTERS + WIDTH LIMIT FIX
   Limits the public front page to a readable max width with left/right gutters instead
   of letting hero/content stretch edge-to-edge on wide screens. */

body.ga-light-theme .network-home-page,
body.ga-light-theme .home-public-refresh {
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 3vw, 2.5rem);
  padding-right: clamp(1rem, 3vw, 2.5rem);
}

/* Apply even when the home view does not have a dedicated wrapper. */
body.ga-light-theme main > .network-hero-pro,
body.ga-light-theme main > .home-section-pro,
body.ga-light-theme main > .network-section,
body.ga-light-theme main > .featured-section,
body.ga-light-theme main > .containerless-home-section {
  max-width: 1480px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* The main hero should have visible page gutters and not touch viewport edges. */
body.ga-light-theme main > .network-hero-pro {
  width: calc(100% - clamp(2rem, 6vw, 5rem)) !important;
  max-width: 1480px !important;
  border-radius: 30px !important;
  overflow: hidden;
}

/* Follow-up direct children on the front page get the same gutter rhythm. */
body.ga-light-theme main > .network-hero-pro ~ *:not(script):not(style) {
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - clamp(2rem, 6vw, 5rem));
}

/* Avoid double gutters for Bootstrap containers inside the front-page sections. */
body.ga-light-theme main > .network-hero-pro .container,
body.ga-light-theme main > .network-hero-pro .container-fluid {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 768px) {
  body.ga-light-theme main > .network-hero-pro,
  body.ga-light-theme main > .network-hero-pro ~ *:not(script):not(style) {
    width: calc(100% - 1.5rem) !important;
  }

  body.ga-light-theme main > .network-hero-pro {
    border-radius: 22px !important;
  }
}

/* GAMECENTER GUTTERS + WIDTH LIMIT FIX
   Gives GameCenter/Event pages the same left/right gutters and readable max width
   used on the front page. */

body.ga-light-theme main > .gamecenter-hero {
  width: calc(100% - clamp(2rem, 6vw, 5rem)) !important;
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 30px !important;
  overflow: hidden;
}

body.ga-light-theme main > .gamecenter-hero ~ *:not(script):not(style) {
  width: calc(100% - clamp(2rem, 6vw, 5rem)) !important;
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Event/GameCenter content rows should align with the hero gutters. */
body.ga-light-theme main > .gamecenter-hero + .row,
body.ga-light-theme main > .gamecenter-hero + .container,
body.ga-light-theme main > .gamecenter-hero + .container-fluid {
  width: calc(100% - clamp(2rem, 6vw, 5rem)) !important;
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Avoid nested Bootstrap container padding fighting the page gutters. */
body.ga-light-theme main > .gamecenter-hero .container,
body.ga-light-theme main > .gamecenter-hero .container-fluid {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 768px) {
  body.ga-light-theme main > .gamecenter-hero,
  body.ga-light-theme main > .gamecenter-hero ~ *:not(script):not(style),
  body.ga-light-theme main > .gamecenter-hero + .row,
  body.ga-light-theme main > .gamecenter-hero + .container,
  body.ga-light-theme main > .gamecenter-hero + .container-fluid {
    width: calc(100% - 1.5rem) !important;
  }

  body.ga-light-theme main > .gamecenter-hero {
    border-radius: 22px !important;
  }
}

/* FRONT PAGE LAYOUT + DARK BACKGROUND CONTRAST FIX
   Improves the front page layout and removes dark-font-on-dark-background issues,
   especially the large lead story card shown in the screenshot. */

/* Overall front-page container: readable gutters and centered content. */
body.ga-light-theme .network-home-page {
  max-width: 1480px !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 3vw, 2.5rem) !important;
}

/* Make front-page sections use a stable content width. */
body.ga-light-theme .network-home-page > * {
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Main front-page hero should be a contained card, not edge-to-edge. */
body.ga-light-theme .network-home-page .network-hero-pro {
  width: 100% !important;
  max-width: 1480px !important;
  margin-inline: auto !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(25,211,255,.15), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #10263f 100%) !important;
}

/* Front-page dark hero typography. */
body.ga-light-theme .network-home-page .network-hero-pro,
body.ga-light-theme .network-home-page .network-hero-pro * {
  text-shadow: none;
}

body.ga-light-theme .network-home-page .network-hero-pro .network-headline,
body.ga-light-theme .network-home-page .network-hero-pro h1,
body.ga-light-theme .network-home-page .network-hero-pro h2:not(.h3),
body.ga-light-theme .network-home-page .network-hero-pro .ga-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 16px 38px rgba(0,0,0,.36) !important;
}

body.ga-light-theme .network-home-page .network-hero-pro p,
body.ga-light-theme .network-home-page .network-hero-pro .lead,
body.ga-light-theme .network-home-page .network-hero-pro .ga-muted {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
}

body.ga-light-theme .network-home-page .network-hero-pro .ga-kicker {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
}

/* Featured game card inside hero is a light card with dark readable text. */
body.ga-light-theme .network-home-page .network-hero-pro .hero-game-card,
body.ga-light-theme .network-home-page .network-hero-pro .scoreboard-panel {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(255,255,255,.68) !important;
}

body.ga-light-theme .network-home-page .network-hero-pro .hero-game-card h1,
body.ga-light-theme .network-home-page .network-hero-pro .hero-game-card h2,
body.ga-light-theme .network-home-page .network-hero-pro .hero-game-card h3,
body.ga-light-theme .network-home-page .network-hero-pro .hero-game-card strong,
body.ga-light-theme .network-home-page .network-hero-pro .hero-game-card a,
body.ga-light-theme .network-home-page .network-hero-pro .scoreboard-panel strong,
body.ga-light-theme .network-home-page .network-hero-pro .scoreboard-panel span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

body.ga-light-theme .network-home-page .network-hero-pro .hero-game-card .ga-muted,
body.ga-light-theme .network-home-page .network-hero-pro .hero-game-card small,
body.ga-light-theme .network-home-page .network-hero-pro .scoreboard-panel small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* Front-page story area: better use of browser space. */
body.ga-light-theme .network-home-page .front-page-grid,
body.ga-light-theme .network-home-page .story-grid,
body.ga-light-theme .network-home-page .news-grid,
body.ga-light-theme .network-home-page .content-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr) !important;
  gap: 1.25rem !important;
  align-items: stretch !important;
}

/* Large lead story should not be unreadable dark text on a dark image/gradient. */
body.ga-light-theme .network-home-page .front-lead-story-card,
body.ga-light-theme .network-home-page .lead-story-card,
body.ga-light-theme .network-home-page .story-lead-card,
body.ga-light-theme .network-home-page .featured-story-card {
  position: relative !important;
  min-height: clamp(380px, 48vw, 620px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(7,17,31,.08) 0%, rgba(7,17,31,.42) 48%, rgba(7,17,31,.90) 100%),
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.20), transparent 34%),
    linear-gradient(135deg, #07111f, #10263f) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 22px 56px rgba(7,17,31,.22) !important;
}

body.ga-light-theme .network-home-page .front-lead-story-card *,
body.ga-light-theme .network-home-page .lead-story-card *,
body.ga-light-theme .network-home-page .story-lead-card *,
body.ga-light-theme .network-home-page .featured-story-card * {
  text-shadow: 0 8px 24px rgba(0,0,0,.40) !important;
}

body.ga-light-theme .network-home-page .front-lead-story-card .ga-kicker,
body.ga-light-theme .network-home-page .lead-story-card .ga-kicker,
body.ga-light-theme .network-home-page .story-lead-card .ga-kicker,
body.ga-light-theme .network-home-page .featured-story-card .ga-kicker,
body.ga-light-theme .network-home-page .front-lead-story-card span,
body.ga-light-theme .network-home-page .lead-story-card span {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  background: transparent !important;
}

body.ga-light-theme .network-home-page .front-lead-story-card h1,
body.ga-light-theme .network-home-page .front-lead-story-card h2,
body.ga-light-theme .network-home-page .front-lead-story-card h3,
body.ga-light-theme .network-home-page .front-lead-story-card strong,
body.ga-light-theme .network-home-page .front-lead-story-card a,
body.ga-light-theme .network-home-page .lead-story-card h1,
body.ga-light-theme .network-home-page .lead-story-card h2,
body.ga-light-theme .network-home-page .lead-story-card h3,
body.ga-light-theme .network-home-page .lead-story-card strong,
body.ga-light-theme .network-home-page .lead-story-card a,
body.ga-light-theme .network-home-page .story-lead-card h1,
body.ga-light-theme .network-home-page .story-lead-card h2,
body.ga-light-theme .network-home-page .story-lead-card h3,
body.ga-light-theme .network-home-page .story-lead-card strong,
body.ga-light-theme .network-home-page .story-lead-card a,
body.ga-light-theme .network-home-page .featured-story-card h1,
body.ga-light-theme .network-home-page .featured-story-card h2,
body.ga-light-theme .network-home-page .featured-story-card h3,
body.ga-light-theme .network-home-page .featured-story-card strong,
body.ga-light-theme .network-home-page .featured-story-card a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.ga-light-theme .network-home-page .front-lead-story-card p,
body.ga-light-theme .network-home-page .front-lead-story-card .ga-muted,
body.ga-light-theme .network-home-page .front-lead-story-card small,
body.ga-light-theme .network-home-page .lead-story-card p,
body.ga-light-theme .network-home-page .lead-story-card .ga-muted,
body.ga-light-theme .network-home-page .lead-story-card small,
body.ga-light-theme .network-home-page .story-lead-card p,
body.ga-light-theme .network-home-page .story-lead-card .ga-muted,
body.ga-light-theme .network-home-page .story-lead-card small,
body.ga-light-theme .network-home-page .featured-story-card p,
body.ga-light-theme .network-home-page .featured-story-card .ga-muted,
body.ga-light-theme .network-home-page .featured-story-card small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
}

/* Secondary story cards: keep them clean/readable and avoid squeezed text. */
body.ga-light-theme .network-home-page .front-story-card,
body.ga-light-theme .network-home-page .story-card,
body.ga-light-theme .network-home-page .article-card,
body.ga-light-theme .network-home-page .news-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.08) !important;
}

body.ga-light-theme .network-home-page .front-story-card h1,
body.ga-light-theme .network-home-page .front-story-card h2,
body.ga-light-theme .network-home-page .front-story-card h3,
body.ga-light-theme .network-home-page .front-story-card strong,
body.ga-light-theme .network-home-page .front-story-card a,
body.ga-light-theme .network-home-page .story-card h1,
body.ga-light-theme .network-home-page .story-card h2,
body.ga-light-theme .network-home-page .story-card h3,
body.ga-light-theme .network-home-page .story-card strong,
body.ga-light-theme .network-home-page .story-card a,
body.ga-light-theme .network-home-page .article-card h1,
body.ga-light-theme .network-home-page .article-card h2,
body.ga-light-theme .network-home-page .article-card h3,
body.ga-light-theme .network-home-page .article-card strong,
body.ga-light-theme .network-home-page .article-card a,
body.ga-light-theme .network-home-page .news-card h1,
body.ga-light-theme .network-home-page .news-card h2,
body.ga-light-theme .network-home-page .news-card h3,
body.ga-light-theme .network-home-page .news-card strong,
body.ga-light-theme .network-home-page .news-card a {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

body.ga-light-theme .network-home-page .front-story-card p,
body.ga-light-theme .network-home-page .front-story-card small,
body.ga-light-theme .network-home-page .front-story-card .ga-muted,
body.ga-light-theme .network-home-page .story-card p,
body.ga-light-theme .network-home-page .story-card small,
body.ga-light-theme .network-home-page .story-card .ga-muted,
body.ga-light-theme .network-home-page .article-card p,
body.ga-light-theme .network-home-page .article-card small,
body.ga-light-theme .network-home-page .article-card .ga-muted,
body.ga-light-theme .network-home-page .news-card p,
body.ga-light-theme .network-home-page .news-card small,
body.ga-light-theme .network-home-page .news-card .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-shadow: none !important;
}

/* Prevent giant empty dark story panels from hiding the CTA button. */
body.ga-light-theme .network-home-page .lead-story-card .btn,
body.ga-light-theme .network-home-page .front-lead-story-card .btn,
body.ga-light-theme .network-home-page .story-lead-card .btn,
body.ga-light-theme .network-home-page .featured-story-card .btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #198cff, #075ec7) !important;
  border-color: rgba(255,255,255,.18) !important;
  text-shadow: none !important;
}

/* Responsive layout */
@media (max-width: 1100px) {
  body.ga-light-theme .network-home-page .front-page-grid,
  body.ga-light-theme .network-home-page .story-grid,
  body.ga-light-theme .network-home-page .news-grid,
  body.ga-light-theme .network-home-page .content-grid {
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme .network-home-page .front-lead-story-card,
  body.ga-light-theme .network-home-page .lead-story-card,
  body.ga-light-theme .network-home-page .story-lead-card,
  body.ga-light-theme .network-home-page .featured-story-card {
    min-height: 420px !important;
  }
}

@media (max-width: 768px) {
  body.ga-light-theme .network-home-page {
    padding-inline: .75rem !important;
  }

  body.ga-light-theme .network-home-page .network-hero-pro {
    border-radius: 22px !important;
  }

  body.ga-light-theme .network-home-page .front-lead-story-card,
  body.ga-light-theme .network-home-page .lead-story-card,
  body.ga-light-theme .network-home-page .story-lead-card,
  body.ga-light-theme .network-home-page .featured-story-card {
    min-height: 340px !important;
    border-radius: 22px !important;
  }
}

/* FRONT PAGE ACTUAL LAYOUT FIX
   This targets the real front page markup instead of relying on generic story-grid selectors. */
body.ga-light-theme .network-home-page {
  max-width: 1480px !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 3vw, 2.5rem) !important;
}

body.ga-light-theme .network-home-page .network-hero-pro {
  width: 100% !important;
  margin-inline: auto !important;
  border-radius: 32px !important;
  overflow: hidden !important;
}

/* Real stories section layout */
.front-stories-section {
  width: 100%;
}

.front-stories-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
  gap: 1.25rem;
  align-items: stretch;
}

.front-stories-lead-column,
.front-stories-side-column {
  min-width: 0;
}

.front-stories-side-column {
  display: grid;
  gap: 1rem;
  align-content: start;
}

/* Real lead story card. White text is applied inline in the ERB too. */
body.ga-light-theme .network-home-page .front-lead-story-card {
  min-height: clamp(380px, 40vw, 560px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: clamp(1.25rem, 3vw, 2.25rem) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(7,17,31,.06) 0%, rgba(7,17,31,.38) 48%, rgba(7,17,31,.92) 100%),
    radial-gradient(circle at 10% 0%, rgba(47,143,255,.22), transparent 34%),
    linear-gradient(135deg, #07111f, #10263f) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 22px 56px rgba(7,17,31,.20) !important;
}

body.ga-light-theme .network-home-page .front-lead-story-card h1,
body.ga-light-theme .network-home-page .front-lead-story-card h2,
body.ga-light-theme .network-home-page .front-lead-story-card h3,
body.ga-light-theme .network-home-page .front-lead-story-card strong,
body.ga-light-theme .network-home-page .front-lead-story-card a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.ga-light-theme .network-home-page .front-lead-story-card p,
body.ga-light-theme .network-home-page .front-lead-story-card .ga-muted,
body.ga-light-theme .network-home-page .front-lead-story-card small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
}

/* Secondary story cards in the real right column: light cards, dark text. */
body.ga-light-theme .network-home-page .front-stories-side-column .article-card-pro,
body.ga-light-theme .network-home-page .front-stories-side-column .article-card,
body.ga-light-theme .network-home-page .front-stories-side-column .network-card,
body.ga-light-theme .network-home-page .front-stories-side-column a {
  min-width: 0 !important;
}

body.ga-light-theme .network-home-page .front-stories-side-column .article-card-pro,
body.ga-light-theme .network-home-page .front-stories-side-column .article-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.08) !important;
}

body.ga-light-theme .network-home-page .front-stories-side-column h1,
body.ga-light-theme .network-home-page .front-stories-side-column h2,
body.ga-light-theme .network-home-page .front-stories-side-column h3,
body.ga-light-theme .network-home-page .front-stories-side-column h4,
body.ga-light-theme .network-home-page .front-stories-side-column strong,
body.ga-light-theme .network-home-page .front-stories-side-column a {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

body.ga-light-theme .network-home-page .front-stories-side-column p,
body.ga-light-theme .network-home-page .front-stories-side-column small,
body.ga-light-theme .network-home-page .front-stories-side-column .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-shadow: none !important;
}

@media (max-width: 1120px) {
  .front-stories-layout {
    grid-template-columns: 1fr;
  }
  body.ga-light-theme .network-home-page .front-lead-story-card {
    min-height: 380px !important;
  }
}

@media (max-width: 768px) {
  body.ga-light-theme .network-home-page {
    padding-inline: .75rem !important;
  }
  body.ga-light-theme .network-home-page .network-hero-pro,
  body.ga-light-theme .network-home-page .front-lead-story-card {
    border-radius: 22px !important;
  }
  body.ga-light-theme .network-home-page .front-lead-story-card {
    min-height: 320px !important;
  }
}

/* SPORTS INDEX / SHOW GUTTERS + LAYOUT FIX
   Gives sports pages the same left/right gutters and max width as the front page/GameCenter,
   and fixes dark hero text / cramped cards. */

body.ga-light-theme .sports-public-refresh {
  max-width: 1480px !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 3vw, 2.5rem) !important;
  padding-block: 1rem 2.5rem;
}

body.ga-light-theme .sports-page-hero {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1.35rem, 2.8vw, 2.5rem);
  border-radius: 30px;
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 90% 8%, rgba(255,214,107,.12), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 55%, #162033 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 56px rgba(7,17,31,.20);
}

body.ga-light-theme .sports-page-hero .ga-title,
body.ga-light-theme .sports-page-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 16px 36px rgba(0,0,0,.38) !important;
  opacity: 1 !important;
}

body.ga-light-theme .sports-page-hero .ga-kicker {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  background: transparent !important;
}

body.ga-light-theme .sports-page-lead {
  max-width: 860px;
  margin: .75rem 0 0;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  line-height: 1.5;
}

.sports-page-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: .5rem .85rem;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.28);
  font-weight: 1000;
  white-space: nowrap;
}

.sports-index-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  gap: 1rem;
}

body.ga-light-theme .sports-index-card,
body.ga-light-theme .sports-panel {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.075);
}

body.ga-light-theme .sports-index-card {
  min-height: 210px;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  padding: 1.25rem;
}

body.ga-light-theme .sports-index-card:hover {
  transform: translateY(-3px);
  border-color: rgba(7,94,199,.30) !important;
  box-shadow: 0 22px 48px rgba(7,94,199,.12);
}

body.ga-light-theme .sports-index-card h2,
body.ga-light-theme .sports-panel h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  margin: 0;
  font-weight: 1000;
  letter-spacing: -.04em;
  line-height: 1.05;
}

body.ga-light-theme .sports-index-card h2 {
  font-size: clamp(1.6rem, 2vw, 2.1rem);
}

body.ga-light-theme .sports-index-card p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  margin: 0;
  line-height: 1.45;
}

body.ga-light-theme .sports-index-card .ga-kicker,
body.ga-light-theme .sports-panel .ga-kicker {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  background: transparent !important;
}

.sports-index-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: auto;
}

body.ga-light-theme .sports-index-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: .3rem .6rem;
  border-radius: 999px;
  background: #f1f5f9 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  border: 1px solid rgba(15,23,42,.08);
  font-weight: 850;
}

.sports-show-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
  gap: 1.25rem;
  align-items: start;
}

body.ga-light-theme .sports-panel {
  padding: clamp(1.1rem, 2vw, 1.5rem);
}

.sports-events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: .85rem;
}

.sports-team-list {
  display: grid;
  gap: .6rem;
  margin-top: 1rem;
}

body.ga-light-theme .sports-team-link {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: .75rem .9rem;
  border-radius: 14px;
  background: #f8fafc !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10);
  text-decoration: none;
  font-weight: 900;
}

body.ga-light-theme .sports-team-link:hover {
  background: #eef6ff !important;
  border-color: rgba(7,94,199,.24);
}

@media (max-width: 1000px) {
  .sports-show-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  body.ga-light-theme .sports-public-refresh {
    padding-inline: .75rem !important;
  }

  body.ga-light-theme .sports-page-hero {
    flex-direction: column;
    align-items: start;
    border-radius: 22px;
  }
}

/* SPORTS PAGES CONTRAST HARD FIX
   View-level inline styles handle the hero titles. This CSS adds high-specificity
   backup selectors and fixes any remaining dark-on-dark sports page text. */

html body.ga-light-theme main .sports-public-refresh .sports-page-hero,
html body main .sports-public-refresh .sports-page-hero {
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 90% 8%, rgba(255,214,107,.12), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 55%, #162033 100%) !important;
  color: #ffffff !important;
}

html body.ga-light-theme main .sports-public-refresh .sports-page-hero h1,
html body.ga-light-theme main .sports-public-refresh .sports-page-hero .ga-title,
html body main .sports-public-refresh .sports-page-hero h1,
html body main .sports-public-refresh .sports-page-hero .ga-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 16px 36px rgba(0,0,0,.38) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

html body.ga-light-theme main .sports-public-refresh .sports-page-hero .ga-kicker,
html body main .sports-public-refresh .sports-page-hero .ga-kicker {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  background: transparent !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body.ga-light-theme main .sports-public-refresh .sports-page-hero p,
html body.ga-light-theme main .sports-public-refresh .sports-page-hero .sports-page-lead,
html body.ga-light-theme main .sports-public-refresh .sports-page-hero .ga-muted,
html body main .sports-public-refresh .sports-page-hero p,
html body main .sports-public-refresh .sports-page-hero .sports-page-lead,
html body main .sports-public-refresh .sports-page-hero .ga-muted {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
  text-shadow: 0 8px 24px rgba(0,0,0,.24) !important;
}

html body.ga-light-theme main .sports-public-refresh .sports-page-count,
html body main .sports-public-refresh .sports-page-count {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.28) !important;
}

/* Sports cards/panels are light cards, so force readable dark text inside them. */
html body.ga-light-theme main .sports-public-refresh .sports-index-card,
html body.ga-light-theme main .sports-public-refresh .sports-panel,
html body main .sports-public-refresh .sports-index-card,
html body main .sports-public-refresh .sports-panel {
  background: #ffffff !important;
  color: #0f172a !important;
}

html body.ga-light-theme main .sports-public-refresh .sports-index-card h1,
html body.ga-light-theme main .sports-public-refresh .sports-index-card h2,
html body.ga-light-theme main .sports-public-refresh .sports-index-card h3,
html body.ga-light-theme main .sports-public-refresh .sports-index-card strong,
html body.ga-light-theme main .sports-public-refresh .sports-index-card a,
html body.ga-light-theme main .sports-public-refresh .sports-panel h1,
html body.ga-light-theme main .sports-public-refresh .sports-panel h2,
html body.ga-light-theme main .sports-public-refresh .sports-panel h3,
html body.ga-light-theme main .sports-public-refresh .sports-panel strong,
html body.ga-light-theme main .sports-public-refresh .sports-panel a {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

html body.ga-light-theme main .sports-public-refresh .sports-index-card p,
html body.ga-light-theme main .sports-public-refresh .sports-index-card small,
html body.ga-light-theme main .sports-public-refresh .sports-index-card .ga-muted,
html body.ga-light-theme main .sports-public-refresh .sports-panel p,
html body.ga-light-theme main .sports-public-refresh .sports-panel small,
html body.ga-light-theme main .sports-public-refresh .sports-panel .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-shadow: none !important;
}

html body.ga-light-theme main .sports-public-refresh .sports-index-card .ga-kicker,
html body.ga-light-theme main .sports-public-refresh .sports-panel .ga-kicker {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  background: transparent !important;
}

/* SCOREKEEPER CONTRAST HARD FIX
   Final scorekeeper-specific contrast pass. The global light-theme rules were turning
   the current batter row into a light row while later scorekeeper rules kept the text
   white. This pins the scorekeeper console to a deliberate dark-card system and gives
   active rows their own readable active treatment. */

/* Scorekeeper is a dark console even under the site light theme. */
html body.ga-light-theme .scorebook-shell.scorebook-pro,
html body .scorebook-shell.scorebook-pro {
  color: #f8fbff !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card,
html body .scorebook-shell.scorebook-pro .scorebook-card {
  background:
    linear-gradient(180deg, rgba(42, 54, 72, .96), rgba(26, 38, 55, .96)) !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 18px 48px rgba(2, 8, 23, .28) !important;
}

/* Section titles and labels on dark scorekeeper cards. */
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card h1,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card h2,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card h3,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card h4,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card h5,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-readable-title,
html body .scorebook-shell.scorebook-pro .scorebook-card h1,
html body .scorebook-shell.scorebook-pro .scorebook-card h2,
html body .scorebook-shell.scorebook-pro .scorebook-card h3,
html body .scorebook-shell.scorebook-pro .scorebook-card h4,
html body .scorebook-shell.scorebook-pro .scorebook-card h5,
html body .scorebook-shell.scorebook-pro .scorebook-readable-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card .ga-kicker,
html body .scorebook-shell.scorebook-pro .scorebook-card .ga-kicker {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  background: transparent !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-readable-muted,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card small,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card .small,
html body .scorebook-shell.scorebook-pro .scorebook-readable-muted,
html body .scorebook-shell.scorebook-pro .scorebook-card small,
html body .scorebook-shell.scorebook-pro .scorebook-card .small {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1 !important;
}

/* Batting order / defense rows. */
html body.ga-light-theme .scorebook-shell.scorebook-pro .lineup-row,
html body .scorebook-shell.scorebook-pro .lineup-row {
  background: rgba(255,255,255,.075) !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .lineup-row span,
html body .scorebook-shell.scorebook-pro .lineup-row span {
  background: rgba(255,255,255,.12) !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .lineup-row strong,
html body .scorebook-shell.scorebook-pro .lineup-row strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .lineup-row small,
html body .scorebook-shell.scorebook-pro .lineup-row small {
  color: #b7c7da !important;
  -webkit-text-fill-color: #b7c7da !important;
  opacity: 1 !important;
}

/* Current batter row: no light-on-light. Active row uses gold with dark readable text. */
html body.ga-light-theme .scorebook-shell.scorebook-pro .lineup-row.current,
html body .scorebook-shell.scorebook-pro .lineup-row.current {
  background: linear-gradient(180deg, #ffe08a, #ffd15a) !important;
  color: #0f172a !important;
  border-color: rgba(180,83,9,.46) !important;
  box-shadow: 0 0 0 2px rgba(255, 209, 90, .16), 0 10px 24px rgba(180,83,9,.20) !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .lineup-row.current span,
html body .scorebook-shell.scorebook-pro .lineup-row.current span {
  background: rgba(15,23,42,.10) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(15,23,42,.14) !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .lineup-row.current strong,
html body.ga-light-theme .scorebook-shell.scorebook-pro .lineup-row.current small,
html body .scorebook-shell.scorebook-pro .lineup-row.current strong,
html body .scorebook-shell.scorebook-pro .lineup-row.current small {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}

/* Matchup/count cards inside the current-at-bat panel. */
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-matchup div,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-count-grid div,
html body .scorebook-shell.scorebook-pro .scorebook-matchup div,
html body .scorebook-shell.scorebook-pro .scorebook-count-grid div {
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #f8fbff !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-matchup span,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-count-grid span,
html body .scorebook-shell.scorebook-pro .scorebook-matchup span,
html body .scorebook-shell.scorebook-pro .scorebook-count-grid span {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-matchup strong,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-count-grid strong,
html body .scorebook-shell.scorebook-pro .scorebook-matchup strong,
html body .scorebook-shell.scorebook-pro .scorebook-count-grid strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Log rows / plate appearance rows on dark sidebars. */
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-log-row,
html body .scorebook-shell.scorebook-pro .scorebook-log-row {
  background: rgba(255,255,255,.075) !important;
  color: #f8fbff !important;
  border-color: rgba(255,255,255,.16) !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-log-row strong,
html body .scorebook-shell.scorebook-pro .scorebook-log-row strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-log-row small,
html body .scorebook-shell.scorebook-pro .scorebook-log-row small {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

/* White/manual cards inside the scorekeeper should stay intentionally light with dark text. */
html body.ga-light-theme .scorebook-shell.scorebook-pro details,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-result-bank,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-result-chip,
html body .scorebook-shell.scorebook-pro details,
html body .scorebook-shell.scorebook-pro .scorebook-result-bank,
html body .scorebook-shell.scorebook-pro .scorebook-result-chip {
  color: #0f172a !important;
}

html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-result-chip strong,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-result-chip span,
html body .scorebook-shell.scorebook-pro .scorebook-result-chip strong,
html body .scorebook-shell.scorebook-pro .scorebook-result-chip span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* SCOREKEEPER VISIBILITY FINAL FIX
   Fixes the remaining low-contrast text in the screenshots:
   - header subtitle
   - score strip team labels and inning metadata
   - pitch card helper text
   - line score context chips
   - any muted text inside dark scorekeeper panels
*/

html body .scorebook-shell.scorebook-pro {
  background:
    radial-gradient(circle at 18% 0%, rgba(19,111,220,.24), transparent 32%),
    radial-gradient(circle at 90% 5%, rgba(255,196,57,.16), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #101827 45%, #f6f8fb 45%, #eef3f8 100%) !important;
}

/* Top header */
html body .scorebook-shell.scorebook-pro .scorebook-topbar,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-topbar {
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.20), transparent 34%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #162033 100%) !important;
  color: #ffffff !important;
}

html body .scorebook-shell.scorebook-pro .scorebook-topbar .scorebook-title,
html body .scorebook-shell.scorebook-pro .scorebook-topbar h1,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-topbar .scorebook-title,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-topbar h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 16px 38px rgba(0,0,0,.40) !important;
}

html body .scorebook-shell.scorebook-pro .scorebook-topbar .ga-muted,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-topbar .ga-muted {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
}

/* Score strip: make all metadata visible. */
html body .scorebook-shell.scorebook-pro .scorebook-game-strip {
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    linear-gradient(135deg, #111827 0%, #0b1220 48%, #162033 100%) !important;
  color: #ffffff !important;
}

html body .scorebook-shell.scorebook-pro .scorebook-team-score,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-team-score,
html body .scorebook-shell.scorebook-pro .scorebook-inning-card,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-inning-card {
  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.14) !important;
}

html body .scorebook-shell.scorebook-pro .scorebook-team-label,
html body .scorebook-shell.scorebook-pro .scorebook-team-score span,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-team-label,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-team-score span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body .scorebook-shell.scorebook-pro .scorebook-team-score strong,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-team-score strong,
html body .scorebook-shell.scorebook-pro .scorebook-inning-card strong,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-inning-card strong {
  color: #ffd66b !important;
  -webkit-text-fill-color: #ffd66b !important;
  opacity: 1 !important;
  text-shadow: 0 10px 24px rgba(0,0,0,.30) !important;
}

html body .scorebook-shell.scorebook-pro .scorebook-inning-card span,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-inning-card span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body .scorebook-shell.scorebook-pro .scorebook-inning-meta,
html body .scorebook-shell.scorebook-pro .scorebook-inning-card small,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-inning-meta,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-inning-card small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
}

/* Main dark panels */
html body .scorebook-shell.scorebook-pro .scorebook-card {
  color: #ffffff !important;
}

html body .scorebook-shell.scorebook-pro .scorebook-card .scorebook-panel-kicker,
html body .scorebook-shell.scorebook-pro .scorebook-card .ga-kicker,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card .scorebook-panel-kicker,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card .ga-kicker {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  opacity: 1 !important;
  background: transparent !important;
}

html body .scorebook-shell.scorebook-pro .scorebook-card .scorebook-panel-copy,
html body .scorebook-shell.scorebook-pro .scorebook-card .ga-muted,
html body .scorebook-shell.scorebook-pro .scorebook-card p,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card .scorebook-panel-copy,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card .ga-muted,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card p {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
}

html body .scorebook-shell.scorebook-pro .scorebook-card .scorebook-context-chip,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card .scorebook-context-chip {
  background: rgba(255,255,255,.14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,.24) !important;
  opacity: 1 !important;
}

/* Line score table stays light/readable, with strong dark text. */
html body .scorebook-shell.scorebook-pro .line-score-table,
html body.ga-light-theme .scorebook-shell.scorebook-pro .line-score-table {
  background: #ffffff !important;
  color: #0f172a !important;
}

html body .scorebook-shell.scorebook-pro .line-score-table th,
html body .scorebook-shell.scorebook-pro .line-score-table td,
html body.ga-light-theme .scorebook-shell.scorebook-pro .line-score-table th,
html body.ga-light-theme .scorebook-shell.scorebook-pro .line-score-table td {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}

/* SCOREKEEPER ROGUE BACKGROUND FIX
   Removes the hard mid-page background split/box that was showing behind the scorekeeper.
   The scorekeeper console now uses one continuous dark broadcast surface, while individual
   cards/panels carry their own contrast. */

html body .scorebook-shell.scorebook-pro,
html body.ga-light-theme .scorebook-shell.scorebook-pro {
  min-height: 100vh !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(47,143,255,.22), transparent 34%),
    radial-gradient(circle at 92% 6%, rgba(255,214,107,.10), transparent 32%),
    linear-gradient(135deg, #07111f 0%, #0b1830 45%, #101827 100%) !important;
  background-color: #07111f !important;
  color: #f8fbff !important;
  overflow-x: hidden !important;
}

/* Make sure no older 45% light/dark split leaks through under the main scorekeeper grid. */
html body .scorebook-shell.scorebook-pro::before,
html body .scorebook-shell.scorebook-pro::after,
html body.ga-light-theme .scorebook-shell.scorebook-pro::before,
html body.ga-light-theme .scorebook-shell.scorebook-pro::after {
  content: none !important;
  display: none !important;
}

/* The three main scorekeeper regions should sit directly on the continuous background. */
html body .scorebook-shell.scorebook-pro .scorebook-layout-pro,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-layout-pro {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove accidental horizontal strips caused by inherited section/container backgrounds. */
html body .scorebook-shell.scorebook-pro .scorebook-left,
html body .scorebook-shell.scorebook-pro .scorebook-main,
html body .scorebook-shell.scorebook-pro .scorebook-right,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-left,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-main,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-right {
  background: transparent !important;
}

/* Cards keep the dark panel look, without an enclosing rogue box behind them. */
html body .scorebook-shell.scorebook-pro .scorebook-card,
html body.ga-light-theme .scorebook-shell.scorebook-pro .scorebook-card {
  background:
    linear-gradient(180deg, rgba(42,54,72,.96), rgba(25,38,55,.96)) !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 18px 48px rgba(2,8,23,.28) !important;
}

/* Line score remains readable as its own light table inside a dark card. */
html body .scorebook-shell.scorebook-pro .line-score-table,
html body.ga-light-theme .scorebook-shell.scorebook-pro .line-score-table,
html body .scorebook-shell.scorebook-pro table.line-score-table,
html body.ga-light-theme .scorebook-shell.scorebook-pro table.line-score-table {
  background: #ffffff !important;
  color: #0f172a !important;
  border-radius: 0 !important;
}

/* Keep any light forms/actions contained inside their own cards; they should not become page backgrounds. */
html body .scorebook-shell.scorebook-pro input,
html body .scorebook-shell.scorebook-pro select,
html body .scorebook-shell.scorebook-pro textarea,
html body.ga-light-theme .scorebook-shell.scorebook-pro input,
html body.ga-light-theme .scorebook-shell.scorebook-pro select,
html body.ga-light-theme .scorebook-shell.scorebook-pro textarea {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

/* SPORTS INDEX + BASEBALL HUB CLEANUP FIX
   - sport index cards explicitly link to each sport hub
   - baseball sport opens the baseball hub
   - baseball hub removes placeholder feature-stack card
   - baseball hub fixes dark text on dark hero/background
   - baseball hub uses consistent gutters/max width */

body.ga-light-theme .sports-index-card.sports-hub-card {
  min-height: 230px !important;
  justify-content: space-between !important;
}

body.ga-light-theme .sports-index-card.sports-hub-card h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.sports-open-hub {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: .5rem .75rem;
  border-radius: 999px;
  background: #075ec7 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .8rem;
  font-weight: 1000;
}

/* Baseball hub page shell */
body.ga-light-theme .baseball-hub-page {
  max-width: 1480px !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 3vw, 2.5rem) !important;
  padding-block: 1rem 2.5rem !important;
}

body.ga-light-theme .baseball-hub-page .baseball-hero {
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(25,211,255,.15), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #10263f 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 60px rgba(7,17,31,.20);
}

body.ga-light-theme .baseball-hub-page .baseball-hero h1,
body.ga-light-theme .baseball-hub-page .baseball-hero h2,
body.ga-light-theme .baseball-hub-page .baseball-hero h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.ga-light-theme .baseball-hub-page .baseball-hero p,
body.ga-light-theme .baseball-hub-page .baseball-hero .lead,
body.ga-light-theme .baseball-hub-page .baseball-hero .text-white-50 {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
}

/* Featured score card in baseball hero */
body.ga-light-theme .baseball-feature-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.18) !important;
}

body.ga-light-theme .baseball-feature-card span,
body.ga-light-theme .baseball-feature-card small,
body.ga-light-theme .baseball-feature-card .small {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

body.ga-light-theme .baseball-feature-card .score-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem 0;
  color: #0f172a !important;
  border-bottom: 1px solid rgba(15,23,42,.10);
}

body.ga-light-theme .baseball-feature-card .score-row span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .baseball-feature-card .score-row strong {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
  font-size: 2.2rem;
  font-weight: 1000;
  line-height: 1;
}

/* Baseball content cards */
body.ga-light-theme .baseball-hub-page .section-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .baseball-hub-page .club-card {
  background:
    linear-gradient(180deg, rgba(42,54,72,.96), rgba(25,38,55,.96)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.12) !important;
}

body.ga-light-theme .baseball-hub-page .club-card .text-white,
body.ga-light-theme .baseball-hub-page .club-card .fw-bold {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.ga-light-theme .baseball-hub-page .club-card .text-white-50,
body.ga-light-theme .baseball-hub-page .club-card small {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1 !important;
}

body.ga-light-theme .baseball-hub-page .headline-link {
  display: block;
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  padding: .85rem .95rem;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(15,23,42,.07);
}

@media (max-width: 768px) {
  body.ga-light-theme .baseball-hub-page {
    padding-inline: .75rem !important;
  }
  body.ga-light-theme .baseball-hub-page .baseball-hero {
    border-radius: 22px !important;
  }
}

/* NAV + TICKER + CLUBHOUSE READABILITY FIX
   - Removes Baseball from primary nav; sport-specific hubs live under Sports.
   - Fixes ticker clipping/cut-off game cards and scores.
   - Fixes clubhouse dark-font-on-dark-card text on baseball hub. */

/* Primary nav should not have a one-off Baseball item unless all sports use the same structure. */
body.ga-light-theme .ga-navbar .navbar-nav .nav-link {
  white-space: nowrap;
}

/* Game ticker: no vertical clipping; each item has enough room for status, matchup, score, button. */
.ga-ticker.ga-ticker--games {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 46px !important;
  height: auto !important;
  overflow: visible !important;
  background: #ffffff !important;
  border-block: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.045) !important;
  white-space: normal !important;
}

.ga-ticker--games .ga-ticker-label,
.ga-ticker--games .ga-ticker-all {
  align-self: stretch !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 46px !important;
  padding-inline: .9rem !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}

.ga-ticker--games .ga-ticker-track {
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: .65rem !important;
  padding: .38rem .75rem !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  animation: none !important;
  transform: none !important;
  scrollbar-width: thin;
}

.ga-ticker--games .ga-ticker-game {
  flex: 0 0 auto !important;
  min-width: 330px !important;
  max-width: 420px !important;
  min-height: 34px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: .48rem !important;
  padding: .34rem .45rem .34rem .55rem !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.ga-ticker--games .ga-ticker-status {
  min-width: 74px !important;
  text-align: center !important;
  padding: .22rem .45rem !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
}

.ga-ticker--games .ga-ticker-status.is-live {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
}

.ga-ticker--games .ga-ticker-matchup {
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 900 !important;
}

.ga-ticker--games .ga-ticker-score {
  min-width: 46px !important;
  justify-self: end !important;
  text-align: right !important;
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  font-weight: 1000 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.ga-ticker--games .ga-ticker-open {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: .25rem .55rem !important;
  border-radius: 999px !important;
  background: #075ec7 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 1000 !important;
  font-size: .72rem !important;
  white-space: nowrap !important;
}

.ga-ticker--games .ga-ticker-separator {
  flex: 0 0 1px !important;
  width: 1px !important;
  min-height: 30px !important;
  background: rgba(15,23,42,.14) !important;
  margin: 0 .1rem !important;
}

.ga-ticker--games .ga-ticker-all {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}

/* Baseball clubhouse cards: dark panel with intentionally light text. */
html body.ga-light-theme .baseball-hub-page .club-card,
html body .baseball-hub-page .club-card {
  background:
    linear-gradient(180deg, rgba(42,54,72,.98), rgba(25,38,55,.98)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}

html body.ga-light-theme .baseball-hub-page .club-card *,
html body .baseball-hub-page .club-card * {
  text-shadow: none !important;
}

html body.ga-light-theme .baseball-hub-page .club-card .fw-bold,
html body.ga-light-theme .baseball-hub-page .club-card .text-white,
html body.ga-light-theme .baseball-hub-page .club-card strong,
html body.ga-light-theme .baseball-hub-page .club-card div,
html body .baseball-hub-page .club-card .fw-bold,
html body .baseball-hub-page .club-card .text-white,
html body .baseball-hub-page .club-card strong,
html body .baseball-hub-page .club-card div {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body.ga-light-theme .baseball-hub-page .club-card .text-white-50,
html body.ga-light-theme .baseball-hub-page .club-card .small,
html body.ga-light-theme .baseball-hub-page .club-card small,
html body .baseball-hub-page .club-card .text-white-50,
html body .baseball-hub-page .club-card .small,
html body .baseball-hub-page .club-card small {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1 !important;
}

@media (max-width: 860px) {
  .ga-ticker.ga-ticker--games {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
  .ga-ticker--games .ga-ticker-label {
    display: none !important;
  }
  .ga-ticker--games .ga-ticker-game {
    min-width: 280px !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }
  .ga-ticker--games .ga-ticker-open {
    display: none !important;
  }
}

/* SPORTS HUB + TICKER LANGUAGE FIX
   - Ticker cards link directly to games; no GameCenter button.
   - Ticker rotates games without clipping scores.
   - Baseball hub no longer uses GameCenter naming.
   - Sports index now uses a generic hub landing layout.
   - Featured game card status/date text remains readable on light card. */

/* Ticker: auto-rotate game cards, no cut-off score/button. */
.ga-ticker.ga-ticker--games {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 48px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border-block: 1px solid rgba(15,23,42,.10) !important;
  white-space: nowrap !important;
}

.ga-ticker--games .ga-ticker-label,
.ga-ticker--games .ga-ticker-all {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 48px !important;
  padding-inline: .9rem !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}

.ga-ticker--games .ga-ticker-track {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .8rem !important;
  padding: .4rem .75rem !important;
  overflow: visible !important;
  animation: gaTickerRotate 42s linear infinite !important;
  will-change: transform;
}

.ga-ticker--games .ga-ticker-track:hover {
  animation-play-state: paused !important;
}

@keyframes gaTickerRotate {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.ga-ticker--games .ga-ticker-game {
  flex: 0 0 390px !important;
  width: 390px !important;
  min-height: 36px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .5rem !important;
  padding: .36rem .55rem !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  text-decoration: none !important;
}

.ga-ticker--games .ga-ticker-status {
  min-width: 74px !important;
  text-align: center !important;
  padding: .22rem .45rem !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
}

.ga-ticker--games .ga-ticker-status.is-live {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
}

.ga-ticker--games .ga-ticker-matchup {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 900 !important;
}

.ga-ticker--games .ga-ticker-score {
  min-width: 52px !important;
  text-align: right !important;
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  font-weight: 1000 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.ga-ticker--games .ga-ticker-open {
  display: none !important;
}

.ga-ticker--games .ga-ticker-separator {
  flex: 0 0 1px !important;
  width: 1px !important;
  min-height: 30px !important;
  background: rgba(15,23,42,.14) !important;
}

.ga-ticker--games .ga-ticker-all {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}

/* Baseball hub featured game card: no light-on-light text. */
html body.ga-light-theme .baseball-feature-card,
html body .baseball-feature-card {
  background: #ffffff !important;
  color: #0f172a !important;
}

html body.ga-light-theme .baseball-feature-card .small,
html body.ga-light-theme .baseball-feature-card small,
html body.ga-light-theme .baseball-feature-card span:not(.badge),
html body .baseball-feature-card .small,
html body .baseball-feature-card small,
html body .baseball-feature-card span:not(.badge) {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
}

html body.ga-light-theme .baseball-feature-card .badge,
html body .baseball-feature-card .badge {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.ga-light-theme .baseball-feature-card .score-row span,
html body .baseball-feature-card .score-row span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html body.ga-light-theme .baseball-feature-card .score-row strong,
html body .baseball-feature-card .score-row strong {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
}

/* Generic sports hub landing */
body.ga-light-theme .sports-hub-index-page {
  max-width: 1480px !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 3vw, 2.5rem) !important;
  padding-block: 1rem 2.5rem !important;
}

body.ga-light-theme .sports-hub-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 1.5rem;
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: 32px;
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(25,211,255,.15), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #10263f 100%) !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 60px rgba(7,17,31,.20);
}

body.ga-light-theme .sports-hub-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.ga-light-theme .sports-hub-hero p {
  max-width: 760px;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
}

.sports-hub-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: .5rem .85rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.28);
  font-weight: 1000;
  white-space: nowrap;
}

.sports-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: 1rem;
}

body.ga-light-theme .sports-hub-tile {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem;
  border-radius: 26px;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.075);
}

body.ga-light-theme .sports-hub-tile:hover {
  transform: translateY(-3px);
  border-color: rgba(7,94,199,.30) !important;
  box-shadow: 0 22px 48px rgba(7,94,199,.12);
}

body.ga-light-theme .sports-hub-tile .ga-kicker {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  background: transparent !important;
}

body.ga-light-theme .sports-hub-tile h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  margin: 0;
  font-size: clamp(1.8rem, 2.3vw, 2.4rem);
  line-height: 1.02;
  letter-spacing: -.05em;
  font-weight: 1000;
}

.sports-hub-tile-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

body.ga-light-theme .sports-hub-tile-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: .3rem .6rem;
  border-radius: 999px;
  background: #f1f5f9 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  border: 1px solid rgba(15,23,42,.08);
  font-weight: 850;
}

body.ga-light-theme .sports-hub-tile strong {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: .5rem .75rem;
  border-radius: 999px;
  background: #075ec7 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .8rem;
  font-weight: 1000;
}

@media (max-width: 860px) {
  .ga-ticker--games .ga-ticker-game {
    flex-basis: 300px !important;
    width: 300px !important;
  }

  body.ga-light-theme .sports-hub-hero {
    grid-template-columns: 1fr;
    border-radius: 22px;
  }
}

/* SPORTS INDEX CONTENT HUB FIX
   Converts Sports index from a list of sport cards into an actual sports hub with
   scores, sport hubs, articles, highlights, and photos. Avoids placeholder feature copy. */

body.ga-light-theme .sports-hub-index-page {
  max-width: 1480px !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 3vw, 2.5rem) !important;
  padding-block: 1rem 2.5rem !important;
}

body.ga-light-theme .sports-hub-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 480px);
  align-items: center;
  gap: 1.5rem;
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: 32px;
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(25,211,255,.15), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #10263f 100%) !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 60px rgba(7,17,31,.20);
  color: #ffffff !important;
}

body.ga-light-theme .sports-hub-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.ga-light-theme .sports-hub-feature-game {
  display: block;
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid rgba(255,255,255,.70);
  border-radius: 24px;
  padding: 1.25rem;
  box-shadow: 0 20px 48px rgba(0,0,0,.18);
}

body.ga-light-theme .sports-hub-feature-game .badge {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.ga-light-theme .sports-hub-feature-time,
body.ga-light-theme .sports-hub-feature-game small,
body.ga-light-theme .sports-hub-feature-game span:not(.badge) {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
}

body.ga-light-theme .sports-hub-feature-game .score-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem 0;
  border-bottom: 1px solid rgba(15,23,42,.10);
}

body.ga-light-theme .sports-hub-feature-game .score-row span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 850;
}

body.ga-light-theme .sports-hub-feature-game .score-row strong {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
  font-size: 2.25rem;
  font-weight: 1000;
  line-height: 1;
}

body.ga-light-theme .sports-hub-scoreboard,
body.ga-light-theme .sports-hub-sports,
body.ga-light-theme .sports-content-panel {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 26px !important;
  padding: clamp(1.1rem, 2vw, 1.5rem);
  box-shadow: 0 18px 42px rgba(15,23,42,.075);
}

body.ga-light-theme .sports-hub-scoreboard h2,
body.ga-light-theme .sports-hub-sports h2,
body.ga-light-theme .sports-content-panel h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  margin: 0;
  font-weight: 1000;
  letter-spacing: -.04em;
}

body.ga-light-theme .sports-hub-scoreboard .ga-kicker,
body.ga-light-theme .sports-hub-sports .ga-kicker,
body.ga-light-theme .sports-content-panel .ga-kicker {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  background: transparent !important;
}

.sports-hub-score-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
  gap: .9rem;
}

.sports-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: .85rem;
}

body.ga-light-theme .sports-hub-tile {
  min-height: 155px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .9rem;
  padding: 1rem;
  border-radius: 20px;
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
}

body.ga-light-theme .sports-hub-tile h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 1.55rem;
  line-height: 1.05;
  margin: 0;
  font-weight: 1000;
}

.sports-hub-tile-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

body.ga-light-theme .sports-hub-tile-meta span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: .28rem .55rem;
  border-radius: 999px;
  background: #eef2f7 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  border: 1px solid rgba(15,23,42,.08);
  font-weight: 850;
}

.sports-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.25rem;
}

.sports-content-panel--wide {
  grid-column: 1 / -1;
}

.sports-list-stack {
  display: grid;
  gap: .65rem;
}

body.ga-light-theme .sports-story-row {
  display: grid;
  grid-template-columns: minmax(90px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .8rem .9rem;
  border-radius: 16px;
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10);
}

body.ga-light-theme .sports-story-row span {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .07em;
}

body.ga-light-theme .sports-story-row strong {
  min-width: 0;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ga-light-theme .sports-story-row small {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

.sports-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: .85rem;
}

body.ga-light-theme .sports-media-card {
  display: grid;
  gap: .6rem;
  padding: .75rem;
  border-radius: 18px;
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10);
}

.sports-media-thumb {
  min-height: 135px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  background-color: #0f172a;
}

body.ga-light-theme .sports-media-card strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  line-height: 1.15;
}

body.ga-light-theme .sports-media-card span {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-size: .82rem;
  font-weight: 800;
}

@media (max-width: 980px) {
  body.ga-light-theme .sports-hub-hero,
  .sports-content-grid {
    grid-template-columns: 1fr;
  }

  .sports-content-panel--wide {
    grid-column: auto;
  }
}

@media (max-width: 720px) {
  body.ga-light-theme .sports-hub-index-page {
    padding-inline: .75rem !important;
  }

  body.ga-light-theme .sports-hub-hero,
  body.ga-light-theme .sports-hub-scoreboard,
  body.ga-light-theme .sports-hub-sports,
  body.ga-light-theme .sports-content-panel {
    border-radius: 22px !important;
  }

  body.ga-light-theme .sports-story-row {
    grid-template-columns: 1fr;
  }

  body.ga-light-theme .sports-story-row strong {
    white-space: normal;
  }
}

/* TICKER ROTATION + ALL SCORES VISIBILITY FIX
   Rebuilds the top ticker as a real viewport + duplicated rail animation.
   The All Scores button is outside the clipping viewport, so scorecards cannot cover it. */

html body .ga-ticker.ga-ticker--games,
html body.ga-light-theme .ga-ticker.ga-ticker--games {
  position: relative !important;
  z-index: 20 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 50px !important;
  height: auto !important;
  overflow: visible !important;
  background: #ffffff !important;
  border-block: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.045) !important;
  white-space: nowrap !important;
}

html body .ga-ticker--games .ga-ticker-label,
html body .ga-ticker--games .ga-ticker-all,
html body.ga-light-theme .ga-ticker--games .ga-ticker-label,
html body.ga-light-theme .ga-ticker--games .ga-ticker-all {
  position: relative !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding-inline: .95rem !important;
  white-space: nowrap !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

html body .ga-ticker--games .ga-ticker-label {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: .74rem !important;
}

html body .ga-ticker--games .ga-ticker-all,
html body.ga-light-theme .ga-ticker--games .ga-ticker-all {
  background: #075ec7 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  border-left: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: -12px 0 18px rgba(255,255,255,.96) !important;
}

/* Viewport clips only the rail, not the All Scores button. */
html body .ga-ticker--games .ga-ticker-track,
html body.ga-light-theme .ga-ticker--games .ga-ticker-track {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 50px !important;
  overflow: hidden !important;
  padding: .38rem .75rem !important;
  background: #ffffff !important;
}

/* Duplicated rail gives smooth continuous rotation. */
html body .ga-ticker--games .ga-ticker-rail,
html body.ga-light-theme .ga-ticker--games .ga-ticker-rail {
  display: inline-flex !important;
  align-items: center !important;
  gap: .75rem !important;
  width: max-content !important;
  min-height: 38px !important;
  animation: gaTickerRailScroll 46s linear infinite !important;
  will-change: transform !important;
}

html body .ga-ticker--games .ga-ticker-track:hover .ga-ticker-rail,
html body.ga-light-theme .ga-ticker--games .ga-ticker-track:hover .ga-ticker-rail {
  animation-play-state: paused !important;
}

@keyframes gaTickerRailScroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

html body .ga-ticker--games .ga-ticker-game,
html body.ga-light-theme .ga-ticker--games .ga-ticker-game {
  flex: 0 0 390px !important;
  width: 390px !important;
  min-height: 36px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .5rem !important;
  padding: .36rem .55rem !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
}

html body .ga-ticker--games .ga-ticker-status,
html body.ga-light-theme .ga-ticker--games .ga-ticker-status {
  min-width: 74px !important;
  max-width: 92px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  padding: .22rem .45rem !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
}

html body .ga-ticker--games .ga-ticker-status.is-live,
html body.ga-light-theme .ga-ticker--games .ga-ticker-status.is-live {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
}

html body .ga-ticker--games .ga-ticker-matchup,
html body.ga-light-theme .ga-ticker--games .ga-ticker-matchup {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 900 !important;
}

html body .ga-ticker--games .ga-ticker-score,
html body.ga-light-theme .ga-ticker--games .ga-ticker-score {
  min-width: 54px !important;
  text-align: right !important;
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  font-weight: 1000 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

html body .ga-ticker--games .ga-ticker-separator,
html body.ga-light-theme .ga-ticker--games .ga-ticker-separator {
  flex: 0 0 1px !important;
  width: 1px !important;
  min-height: 30px !important;
  background: rgba(15,23,42,.14) !important;
}

/* Remove older ticker animation targets that could conflict. */
html body .ga-ticker--games .ga-ticker-track {
  transform: none !important;
  animation: none !important;
}

/* Ensure old button class never appears visually if cached markup exists. */
html body .ga-ticker--games .ga-ticker-open {
  display: none !important;
}

@media (max-width: 860px) {
  html body .ga-ticker.ga-ticker--games,
  html body.ga-light-theme .ga-ticker.ga-ticker--games {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  html body .ga-ticker--games .ga-ticker-label,
  html body.ga-light-theme .ga-ticker--games .ga-ticker-label {
    display: none !important;
  }

  html body .ga-ticker--games .ga-ticker-game,
  html body.ga-light-theme .ga-ticker--games .ga-ticker-game {
    flex-basis: 300px !important;
    width: 300px !important;
  }

  html body .ga-ticker--games .ga-ticker-all,
  html body.ga-light-theme .ga-ticker--games .ga-ticker-all {
    padding-inline: .7rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .ga-ticker--games .ga-ticker-rail {
    animation: none !important;
  }
}

/* LEAGUE STANDINGS NATURAL HEIGHT FIX
   Standings should only occupy the height required by the table. The prior Bootstrap
   h-100 made the standings card stretch to match the taller leaders column, leaving
   a large empty white area under the table. */

body.ga-light-theme .league-public-refresh #standings.league-standings-card,
body.ga-light-theme .league-public-refresh .league-standings-card {
  height: auto !important;
  min-height: 0 !important;
  align-self: flex-start !important;
}

body.ga-light-theme .league-public-refresh #leaders.league-leaders-card,
body.ga-light-theme .league-public-refresh .league-leaders-card {
  height: auto !important;
  min-height: 0 !important;
  align-self: flex-start !important;
}

/* Do not let the first league content row force equal-height cards. */
body.ga-light-theme .league-public-refresh #standings.league-standings-card {
  display: block !important;
}

/* Keep the standings table compact and remove extra table spacing. */
body.ga-light-theme .league-public-refresh .league-standings-card .table-responsive {
  margin-bottom: 0 !important;
}

body.ga-light-theme .league-public-refresh .league-standings-card table {
  margin-bottom: 0 !important;
}

body.ga-light-theme .league-public-refresh .league-standings-card tbody tr:last-child td {
  border-bottom-width: 0 !important;
}

/* When the leaders column is taller, it should not create visual height in the standings column. */
@media (min-width: 1200px) {
  body.ga-light-theme .league-public-refresh .row:has(#standings.league-standings-card) {
    align-items: flex-start !important;
  }
}

/* PLAYER CONFIGURABLE PROFILE BOXES FIX
   - Player season buttons show season + team.
   - Milestones, awards, and scouting boxes only render when real configured content exists.
   - Adds readable styling for multiline profile content configured in Admin. */

.player-season-chip {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: .12rem !important;
  min-width: 150px !important;
  line-height: 1.05 !important;
}

.player-season-chip strong {
  font-weight: 1000 !important;
}

.player-season-chip small {
  font-size: .72rem !important;
  font-weight: 850 !important;
  opacity: .78 !important;
}

body.ga-light-theme .player-public-refresh .player-season-chip small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

body.ga-light-theme .player-public-refresh .player-season-chip.active small,
body.ga-light-theme .player-public-refresh .player-season-chip.btn-ga small {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: .9 !important;
}

body.ga-light-theme .player-public-refresh .player-profile-box {
  height: auto !important;
  min-height: 0 !important;
}

body.ga-light-theme .player-public-refresh .timeline-item-pro strong,
body.ga-light-theme .player-public-refresh .award-pill-pro {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .player-public-refresh .timeline-item-pro p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* AI GAME COMMENTARY WORKFLOW
   Adds a live commentary rail that periodically sends baseball game activity to an
   OpenAI-backed workflow/API endpoint and renders generated play-by-play commentary. */

.ai-commentary-card {
  border: 1px solid rgba(7, 94, 199, .14) !important;
}

.ai-commentary-feed {
  display: grid;
  gap: .85rem;
}

.ai-commentary-empty {
  padding: 1rem;
  border-radius: 16px;
  background: #f8fafc;
  color: #475569;
  font-weight: 800;
}

.ai-commentary-item {
  padding: 1rem;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(239,246,255,.95), rgba(255,255,255,.98));
  border: 1px solid rgba(7, 94, 199, .14);
}

.ai-commentary-meta {
  margin-bottom: .35rem;
  color: #075ec7;
  font-size: .74rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.ai-commentary-item strong {
  display: block;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 1.05rem;
  line-height: 1.15;
}

.ai-commentary-item p {
  margin: .45rem 0 0;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  line-height: 1.45;
}

/* GAMECENTER AUDIO TRANSCRIPT CONTRAST FIX
   Keeps the broadcast voice transcript visually aligned with the written call card
   while remaining separate from written GameCenter commentary. */
.live-pbp-audio-card {
  border: 1px solid rgba(7, 94, 199, .14) !important;
}

.live-pbp-audio-transcript {
  margin: 0 !important;
  background: linear-gradient(180deg, rgba(239,246,255,.95), rgba(255,255,255,.98)) !important;
  border: 1px solid rgba(7, 94, 199, .14) !important;
}

.live-pbp-audio-transcript .live-pbp-audio-text {
  margin: .45rem 0 0 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
  font-size: .98rem;
  line-height: 1.45;
  font-weight: 700;
}

.live-pbp-audio-card .ga-muted,
.live-pbp-audio-card label,
.live-pbp-audio-card span {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
}

.live-pbp-audio-card .ga-kicker,
.live-pbp-audio-card .ai-commentary-meta {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
}

.live-pbp-audio-card h3,
.live-pbp-audio-transcript strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* SCOREKEEPER PLATE APPEARANCE BUTTON FUNCTION FIX
   Quick result buttons now submit the selected plate appearance directly and sync all
   hidden metadata before Rails receives the form. */
.scorebook-result-select {
  cursor: pointer !important;
}

.scorebook-result-select.is-selected {
  outline: 3px solid rgba(255, 214, 107, .72) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,.18), 0 10px 24px rgba(255,214,107,.18) !important;
}

.scorebook-result-select::after {
  content: "Record";
  display: block;
  margin-top: .2rem;
  font-size: .54rem;
  font-weight: 1000;
  letter-spacing: .07em;
  text-transform: uppercase;
  opacity: .75;
}

/* SCOREKEEPER REMOVE RECORD TEXT FIX
   Removes the injected "Record" pseudo-label from plate appearance buttons. */
.scorebook-result-select::after {
  content: none !important;
  display: none !important;
}

/* SCOREKEEPER GAME CONTROLS FIX
   Uses explicit non-Turbo forms and full-width buttons for scorekeeper controls. */
.scorebook-game-control-stack,
.scorebook-control-form {
  width: 100% !important;
}

.scorebook-control-form {
  margin: 0 !important;
}

.scorebook-control-form .btn {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 42px !important;
}

/* ADMIN PLAYER EVALUATION PANEL VISIBILITY FIX */
.admin-player-evaluation-panel {
  border: 2px solid rgba(245, 158, 11, .45) !important;
  background: linear-gradient(180deg, #fffdf5, #ffffff) !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, .08) !important;
}

.admin-player-evaluation-panel h2 {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

.admin-player-evaluation-panel .form-label,
.admin-player-evaluation-panel .form-check-label {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

/* ADMIN TEAM EVALUATION + SCOUTING FIX */
.admin-team-evaluation-panel {
  border: 2px solid rgba(245, 158, 11, .45) !important;
  background: linear-gradient(180deg, rgba(255,253,245,.98), rgba(255,255,255,.96)) !important;
  color: #111827 !important;
}

.admin-team-evaluation-panel .ga-kicker,
.admin-team-evaluation-panel h2,
.admin-team-evaluation-panel .form-label,
.admin-team-evaluation-panel .form-check-label {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

.admin-team-evaluation-panel .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

.admin-team-ai-results ul {
  padding-left: 1.1rem !important;
}

/* OPENAI GAME ACTIVITY VIDEO CLIPS FIX */
.admin-game-clip-panel {
  border: 2px solid rgba(245, 158, 11, .45) !important;
  background: linear-gradient(180deg, rgba(255,253,245,.98), rgba(255,255,255,.96)) !important;
  color: #111827 !important;
}

.admin-game-clip-panel .ga-kicker,
.admin-game-clip-panel h2,
.admin-game-clip-panel .form-label,
.admin-game-clip-panel .form-check-label {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

.admin-game-clip-panel .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* OPENAI GAME NEWS GENERATION FIX */
.admin-game-news-panel {
  border: 2px solid rgba(59, 130, 246, .35) !important;
  background: linear-gradient(180deg, rgba(239,246,255,.98), rgba(255,255,255,.96)) !important;
  color: #111827 !important;
}

.admin-game-news-panel .ga-kicker,
.admin-game-news-panel h2,
.admin-game-news-panel .form-label,
.admin-game-news-panel .form-check-label {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

.admin-game-news-panel .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* PLAYER PROFILE OFFENSIVE + DEFENSIVE STATS FIX */
.player-public-refresh .ga-table th,
.player-public-refresh .ga-table td {
  white-space: nowrap;
}

.player-public-refresh .fan-metric small {
  min-height: 1.1em;
}

/* OPENAI WIN PROBABILITY GAMECENTER FIX */
.win-probability-card {
  border: 1px solid rgba(56, 189, 248, .3) !important;
}

.win-probability-track {
  height: 14px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .25);
  overflow: hidden;
}

.win-probability-fill {
  height: 100%;
  border-radius: inherit;
  transition: width .35s ease;
}

.win-away-fill {
  background: linear-gradient(90deg, #38bdf8, #60a5fa);
}

.win-home-fill {
  background: linear-gradient(90deg, #facc15, #f97316);
}

.win-probability-row strong,
.win-probability-row span {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* WIN PROBABILITY CONTRAST FIX
   The GameCenter win probability card can render on a light card, so force readable dark text. */
.win-probability-card,
.win-probability-card * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.win-probability-card .ga-kicker {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
  letter-spacing: .16em;
}

.win-probability-card .ga-muted,
.win-probability-card .win-probability-summary {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

.win-probability-card .ga-chip,
.win-probability-card .win-probability-provider {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: rgba(241, 245, 249, .95) !important;
  border-color: rgba(148, 163, 184, .45) !important;
}

.win-probability-row strong,
.win-probability-row span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}

.win-probability-track {
  background: rgba(203, 213, 225, .75) !important;
}

/* WIN PROBABILITY RECALCULATE ON STATE CHANGE FIX */
.win-probability-provider {
  min-width: 72px;
  text-align: center;
}

/* MULTICAMERA AUTO CLIP SOURCES FIX */
.admin-video-feeds-panel {
  border: 2px solid rgba(34, 197, 94, .35) !important;
}

.admin-video-feeds-panel .form-label,
.admin-video-feeds-panel .form-check-label,
.auto-clip-feed-check .form-check-label {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.auto-clip-feed-check {
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 14px;
  padding: .85rem .85rem .85rem 2.35rem;
  background: rgba(248, 250, 252, .9);
}

.auto-clip-feed-check small {
  display: block;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  overflow-wrap: anywhere;
}

/* GENERAL CHECKBOX INTERACTION/VISIBILITY FIX */
.form-check-input,
.form-check-label,
.form-check,
.form-switch {
  cursor: pointer;
}

.form-check-input {
  position: relative;
  z-index: 2;
  pointer-events: auto !important;
  flex-shrink: 0;
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:checked,
.form-check-input[type="radio"]:checked,
body.ga-light-theme .form-check-input:checked,
body.ga-light-theme .form-check-input[type="checkbox"]:checked,
body.ga-light-theme .form-check-input[type="radio"]:checked,
.studio-config-form .form-check-input:checked,
body.ga-light-theme .studio-config-form .form-check-input:checked {
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
  background-image: var(--bs-form-check-bg-image) !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.form-switch .form-check-input:checked,
body.ga-light-theme .form-switch .form-check-input:checked,
.studio-config-form .form-switch .form-check-input:checked,
body.ga-light-theme .studio-config-form .form-switch .form-check-input:checked {
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
  background-position: right center;
}

.form-check-input:focus,
body.ga-light-theme .form-check-input:focus {
  border-color: rgba(13, 110, 253, .72) !important;
  box-shadow: 0 0 0 .22rem rgba(13, 110, 253, .22) !important;
}

/* PRODUCTION TRUCK AND CAMERA MAP */
.production-map-card {
  overflow: hidden;
}

.production-map-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items: center;
}

.production-map-legend {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: rgba(248, 250, 252, .95);
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 999px;
  padding: .35rem .65rem;
  font-size: .85rem;
  font-weight: 700;
}

.production-map-legend::before {
  content: "";
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  display: inline-block;
}

.production-map-legend.truck::before { background: #f97316; }
.production-map-legend.camera::before { background: #0ea5e9; }

.production-map-canvas {
  position: relative;
  min-height: 540px;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 24px;
  background:
    radial-gradient(circle at 20% 20%, rgba(14, 165, 233, .18), transparent 28%),
    radial-gradient(circle at 78% 70%, rgba(34, 197, 94, .16), transparent 32%),
    linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(30, 41, 59, .88));
  overflow: hidden;
}

.production-map-grid {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .75;
}

.production-map-marker {
  position: absolute;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  padding: .35rem .55rem;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .32);
  border: 1px solid rgba(255, 255, 255, .45);
  max-width: 220px;
  z-index: 2;
}

.production-map-marker.truck {
  background: rgba(251, 146, 60, .94);
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-weight: 800;
}

.production-map-marker.camera {
  background: rgba(14, 165, 233, .92);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700;
}

.production-map-marker:hover {
  transform: translate(-50%, -50%) scale(1.04);
  z-index: 4;
}

.production-map-marker .marker-dot {
  flex: 0 0 auto;
}

.production-map-marker .marker-label {
  display: inline-block;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ga-map-list .list-group-item {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  background: rgba(248, 250, 252, .96) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(148, 163, 184, .25) !important;
}

.ga-map-list .list-group-item span,
.ga-map-list .list-group-item small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

.production-map-empty {
  background: rgba(248, 250, 252, .96);
  border: 1px dashed rgba(148, 163, 184, .45);
  border-radius: 20px;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}


.ga-map-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.9);
  box-shadow: 0 10px 28px rgba(15,23,42,.35);
  font-size: 18px;
}
.ga-map-icon-truck { background: #f59e0b; }
.ga-map-icon-camera { background: #2563eb; }


/* Baseball overlay system */
.overlay-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:42px}.overlay-board{width:min(1600px,92vw);border-radius:34px;padding:28px 32px;background:linear-gradient(180deg,rgba(4,12,28,.90),rgba(6,20,43,.84));border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 90px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.overlay-kicker{display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:999px;background:rgba(25,211,255,.14);color:#89eeff;font-size:.78rem;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem}.overlay-title-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.overlay-title-row h1,.overlay-board h1{margin:0;font-size:clamp(2rem,4vw,3.6rem);font-weight:1000;letter-spacing:-.05em;color:#fff}.overlay-pill{display:inline-flex;align-items:center;padding:.55rem .9rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-weight:900;color:#dff7ff}.overlay-two-column,.overlay-break-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}.overlay-team-card,.overlay-info-card,.overlay-player-panel{border-radius:26px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);padding:1.1rem 1.15rem;color:#fff}.overlay-team-heading{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.overlay-team-heading strong{display:block;font-size:1.1rem;color:#fff}.overlay-team-heading small{display:block;color:#9fc0db}.overlay-team-badge{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#ffcf3f,#19d3ff);display:grid;place-items:center;font-size:1.05rem;font-weight:1000;color:#08111f}.overlay-lineup-list{list-style:none;padding:0;margin:0;display:grid;gap:.72rem}.overlay-lineup-list li{display:grid;grid-template-columns:44px 1fr;gap:.75rem;align-items:start}.overlay-lineup-order{width:44px;height:44px;border-radius:14px;background:rgba(25,211,255,.15);border:1px solid rgba(25,211,255,.22);display:grid;place-items:center;font-weight:1000;color:#fff}.overlay-lineup-player strong{display:block;color:#fff;font-size:1rem}.overlay-lineup-player small{color:#b8d3e8}.overlay-versus-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.1rem;align-items:center}.overlay-versus-mark{font-size:clamp(1.6rem,4vw,3.4rem);font-weight:1000;color:#ffcf3f;letter-spacing:.14em}.overlay-player-panel h2{margin:.1rem 0 .3rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:1000;color:#fff}.overlay-player-panel p{margin:0;color:#b8d3e8;font-size:1rem}.overlay-score-strip{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 1.2rem}.overlay-score-strip--compact{grid-template-columns:1fr 1fr 1fr}.overlay-score-strip div{border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:1rem 1.1rem}.overlay-score-strip small{display:block;color:#99b4c9;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.overlay-score-strip strong{display:block;color:#fff;font-size:2.3rem;font-weight:1000;line-height:1.05}.overlay-linescore-table-wrap{overflow:auto}.overlay-linescore-table{width:100%;border-collapse:separate;border-spacing:0 .55rem;color:#fff}.overlay-linescore-table th{font-size:.82rem;color:#9fc0db;text-transform:uppercase;letter-spacing:.12em;font-weight:900;padding:.3rem .55rem;text-align:center}.overlay-linescore-table th:first-child,.overlay-linescore-table td:first-child{text-align:left}.overlay-linescore-table td{background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem .55rem;text-align:center}.overlay-linescore-table td:first-child{border-left:1px solid rgba(255,255,255,.08);border-radius:16px 0 0 16px;padding-left:1rem}.overlay-linescore-table td:last-child{border-right:1px solid rgba(255,255,255,.08);border-radius:0 16px 16px 0}.overlay-emphasis{font-weight:1000;color:#ffcf3f}.overlay-alert-title{font-size:clamp(2.4rem,5vw,4.4rem)!important;margin-bottom:.8rem}.overlay-alert-detail{font-size:1.18rem;color:#d9eefc;max-width:66ch;margin:.4rem 0 1rem}.overlay-footer-meta{margin-top:1rem;color:#b7d0e4;font-size:.92rem}.ga-lower-third-card{position:absolute;left:40px;right:auto;bottom:40px;display:inline-block;min-width:min(980px,88vw);padding:20px 26px;border-radius:24px;background:linear-gradient(90deg,rgba(5,13,33,.92),rgba(15,38,71,.84));border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 60px rgba(0,0,0,.34)}.ga-lower-third-card .label{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#89eeff;font-weight:1000}.ga-lower-third-card .name{font-size:2rem;font-weight:1000;color:#fff;line-height:1.05;margin-top:.2rem}.ga-lower-third-card .subline{font-size:1rem;color:#c9e1f3;margin-top:.35rem}.linescore-overlay-card,.lineup-overlay-card,.pitcher-overlay-card,.inning-overlay-card,.postgame-overlay-card,.matchup-overlay-card,.alert-overlay-card{max-width:1600px}body.ga-overlay-body .overlay-board{background:linear-gradient(180deg,rgba(4,12,28,.82),rgba(6,20,43,.76))}@media (max-width: 980px){.overlay-shell{padding:18px}.overlay-board{padding:20px}.overlay-two-column,.overlay-break-grid,.overlay-versus-grid{grid-template-columns:1fr}.overlay-score-strip,.overlay-score-strip--compact{grid-template-columns:1fr}.ga-lower-third-card{left:12px;right:12px;bottom:12px;min-width:0}.ga-lower-third-card .name{font-size:1.4rem}}


/* Admin overlay preview wall */
.admin-overlay-preview-card{border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);padding:1rem;box-shadow:0 22px 50px rgba(0,0,0,.22)}.admin-overlay-preview-frame-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#050b16;border:1px solid rgba(255,255,255,.12)}.admin-overlay-preview-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}.admin-overlay-preview-card code{color:#9eefff;word-break:break-all}

/* Game Action 360 overlay branding + configurable color schemes */
.ga360-angular-overlay-v3 {
  --ga-overlay-primary: #312e81;
  --ga-overlay-secondary: #4c1d95;
  --ga-overlay-accent: #f97316;
  --ga-overlay-surface: #0b1020;
  --ga-overlay-text: #f8fbff;
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2,
.ga360-angular-overlay-v3 .overlay-board,
.ga360-angular-overlay-v3 .ga-lower-third-card {
  color: var(--ga-overlay-text);
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 {
  background: var(--ga-overlay-surface);
  border-color: rgba(255,255,255,.18);
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-side,
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-status-panel,
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-count-panel,
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-bases-panel,
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-outs-panel {
  background: var(--ga-overlay-surface);
  color: var(--ga-overlay-text);
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-logo,
.ga360-angular-overlay-v3 .overlay-team-badge,
.ga360-angular-overlay-v3 .ga360-overlay-brand__badge {
  background: linear-gradient(135deg, var(--ga-overlay-primary), var(--ga-overlay-secondary));
  color: #08111f;
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-score {
  background: linear-gradient(180deg, var(--ga-overlay-accent), var(--ga-overlay-primary));
  color: #08111f;
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-inning,
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-final-label,
.ga360-angular-overlay-v3 .overlay-title-row h1,
.ga360-angular-overlay-v3 .overlay-board h1,
.ga360-angular-overlay-v3 .overlay-team-heading strong,
.ga360-angular-overlay-v3 .overlay-player-panel h2,
.ga360-angular-overlay-v3 .overlay-lineup-player strong,
.ga360-angular-overlay-v3 .overlay-score-strip strong,
.ga360-angular-overlay-v3 .ga-lower-third-card .name {
  color: var(--ga-overlay-text);
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-live,
.ga360-angular-overlay-v3 .overlay-kicker,
.ga360-angular-overlay-v3 .ga-lower-third-card .label {
  color: var(--ga-overlay-primary);
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-panel-label,
.ga360-angular-overlay-v3 .overlay-team-heading small,
.ga360-angular-overlay-v3 .overlay-lineup-player small,
.ga360-angular-overlay-v3 .overlay-player-panel p,
.ga360-angular-overlay-v3 .overlay-score-strip small,
.ga360-angular-overlay-v3 .overlay-footer-meta,
.ga360-angular-overlay-v3 .ga-lower-third-card .subline,
.ga360-angular-overlay-v3 .overlay-alert-detail {
  color: rgba(248,251,255,.84);
}
.ga360-angular-overlay-v3 .overlay-emphasis,
.ga360-angular-overlay-v3 .overlay-versus-mark {
  color: var(--ga-overlay-accent);
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-bases-v2 .base.on,
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-out-dots i.is-on {
  background-color: var(--ga-overlay-accent);
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 0 0 2px rgba(255,255,255,.12);
}
.ga360-angular-overlay-v3 .sponsor-strip--v2 {
  color: var(--ga-overlay-accent);
  border-color: rgba(255,255,255,.18);
}
.ga360-angular-overlay-v3 .overlay-board {
  background: linear-gradient(180deg, rgba(4,12,28,.80), var(--ga-overlay-surface));
  border-color: rgba(255,255,255,.14);
}
.ga360-angular-overlay-v3 .overlay-kicker,
.ga360-angular-overlay-v3 .overlay-lineup-order {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
}
.ga360-angular-overlay-v3 .overlay-pill,
.ga360-angular-overlay-v3 .ga360-overlay-brand {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  color: var(--ga-overlay-text);
}
.ga360-angular-overlay-v3 .overlay-team-card,
.ga360-angular-overlay-v3 .overlay-info-card,
.ga360-angular-overlay-v3 .overlay-player-panel,
.ga360-angular-overlay-v3 .overlay-score-strip div,
.ga360-angular-overlay-v3 .overlay-linescore-table td,
.ga360-angular-overlay-v3 .ga-lower-third-card {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}
.ga360-angular-overlay-v3 .overlay-linescore-table th { color: rgba(248,251,255,.76); }
.ga360-angular-overlay-v3 .ga-lower-third-card {
  background: linear-gradient(90deg, rgba(5,13,33,.92), var(--ga-overlay-surface));
}
.ga360-overlay-brand-row {
  display: flex;
  justify-content: flex-end;
  margin-top: .9rem;
}
.ga360-overlay-brand {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  border-radius: 999px;
  padding: .48rem .9rem;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}
.ga360-overlay-brand--compact {
  padding: .38rem .75rem;
  font-size: .82rem;
}
.ga360-overlay-brand__badge {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  flex: 0 0 38px;
}
.ga360-overlay-brand--compact .ga360-overlay-brand__badge {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
}
.ga360-overlay-brand__logo-text {
  font-size: .78rem;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: -.03em;
}
.ga360-overlay-brand__logo-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ga360-overlay-brand__label {
  font-weight: 900;
  letter-spacing: .02em;
}

/* v0.1.146 System Studio Admin recreation: light, high-contrast, no white-on-light text */
body.ga-light-theme .system-studio-admin,
.system-studio-admin {
  color: #0f172a !important;
}
body.ga-light-theme .system-studio-admin *,
.system-studio-admin * {
  -webkit-text-fill-color: initial;
}
.system-studio-admin h1,
.system-studio-admin h2,
.system-studio-admin h3,
.system-studio-admin h4,
.system-studio-admin h5,
.system-studio-admin h6,
.system-studio-admin strong,
body.ga-light-theme .system-studio-admin h1,
body.ga-light-theme .system-studio-admin h2,
body.ga-light-theme .system-studio-admin h3,
body.ga-light-theme .system-studio-admin h4,
body.ga-light-theme .system-studio-admin h5,
body.ga-light-theme .system-studio-admin h6,
body.ga-light-theme .system-studio-admin strong {
  color: #0f172a !important;
}
.system-studio-admin p,
.system-studio-admin small,
.system-studio-admin span,
.system-studio-admin td,
.system-studio-admin th,
.system-studio-admin label,
.system-studio-admin .form-text,
body.ga-light-theme .system-studio-admin p,
body.ga-light-theme .system-studio-admin small,
body.ga-light-theme .system-studio-admin span,
body.ga-light-theme .system-studio-admin td,
body.ga-light-theme .system-studio-admin th,
body.ga-light-theme .system-studio-admin label,
body.ga-light-theme .system-studio-admin .form-text {
  color: #334155 !important;
}
.system-studio-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 1.25rem;
  align-items: stretch;
}
.system-studio-hero__copy,
.system-studio-hero__panel,
.system-studio-panel,
.system-studio-stat-card {
  background: #ffffff;
  border: 1px solid #dbe5f0;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}
.system-studio-hero__copy {
  border-radius: 32px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background:
    radial-gradient(circle at 4% 6%, rgba(25, 211, 255, .16), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.system-studio-hero__copy h1 {
  margin: .35rem 0 .65rem;
  font-size: clamp(2.25rem, 5vw, 4.8rem);
  line-height: .92;
  font-weight: 1000;
  letter-spacing: -.075em;
}
.system-studio-hero__copy p {
  max-width: 920px;
  font-size: 1.08rem;
  line-height: 1.55;
  margin: 0;
}
.system-studio-hero__panel {
  border-radius: 30px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, #eef8ff, #ffffff);
}
.system-studio-hero__panel span,
.system-studio-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: .35rem .7rem;
  background: #e0f2fe;
  color: #075985 !important;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.system-studio-hero__panel strong {
  display: block;
  margin: .85rem 0 .35rem;
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 1000;
}
.system-studio-hero__panel small {
  font-size: .92rem;
  line-height: 1.45;
}
.system-studio-actions {
  display: flex;
  gap: .65rem;
  flex-wrap: wrap;
  margin-top: 1.25rem;
}
.system-studio-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.system-studio-stat-card {
  border-radius: 24px;
  padding: 1.15rem;
  min-height: 188px;
  display: flex;
  flex-direction: column;
}
.system-studio-stat-card > span {
  font-size: .78rem;
  font-weight: 1000;
  color: #0369a1 !important;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.system-studio-stat-card > strong {
  display: block;
  margin: .4rem 0 .2rem;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 1000;
  font-variant-numeric: tabular-nums;
}
.system-studio-stat-card p {
  margin: 0 0 1rem;
  flex: 1;
  font-size: .92rem;
}
.system-studio-panel {
  border-radius: 28px;
  padding: clamp(1rem, 2vw, 1.5rem);
}
.system-studio-panel--warning {
  border-color: #facc15;
  background: #fffdf2;
}
.system-studio-section-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.system-studio-section-head h2,
.system-studio-panel > h2 {
  margin: .45rem 0 .25rem;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  font-weight: 1000;
  letter-spacing: -.04em;
}
.system-studio-section-head p {
  margin: 0;
  max-width: 820px;
}
.system-studio-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: .35rem .68rem;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8 !important;
  font-size: .78rem;
  font-weight: 900;
  white-space: nowrap;
}
.system-studio-badge--success {
  background: #dcfce7;
  border-color: #86efac;
  color: #166534 !important;
}
.system-studio-badge--warning {
  background: #fef3c7;
  border-color: #facc15;
  color: #92400e !important;
}
.system-studio-badge--muted {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #475569 !important;
}
.system-studio-risk-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.system-studio-risk {
  border-radius: 16px;
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #78350f !important;
  padding: .8rem .95rem;
  font-weight: 800;
}
.system-studio-settings-group,
.system-studio-subpanel {
  border: 1px solid #dbe5f0;
  background: #f8fbff;
  border-radius: 22px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.system-studio-settings-group h3,
.system-studio-subpanel h3 {
  margin: 0 0 .9rem;
  font-size: 1.05rem;
  font-weight: 1000;
}
.system-studio-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem;
}
.system-studio-field-card {
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #ffffff;
  padding: .95rem;
}
.system-studio-label {
  display: block;
  margin-bottom: .45rem;
  font-weight: 900;
  color: #0f172a !important;
}
.system-studio-field-card small {
  display: block;
  margin-top: .4rem;
  line-height: 1.38;
}
.system-studio-form .form-control,
.system-studio-form .form-select,
.system-studio-admin .form-control,
.system-studio-admin .form-select {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: none;
}
.system-studio-form .form-control:focus,
.system-studio-form .form-select:focus,
.system-studio-admin .form-control:focus,
.system-studio-admin .form-select:focus {
  border-color: #0ea5e9 !important;
  box-shadow: 0 0 0 .2rem rgba(14, 165, 233, .14);
}
.system-studio-switch {
  display: flex;
  gap: .7rem;
  align-items: center;
}
.system-studio-switch .form-check-label {
  font-weight: 800;
}
.system-studio-submit-row {
  display: flex;
  justify-content: flex-end;
}
.system-studio-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #dbe5f0;
  border-radius: 20px;
  background: #ffffff;
}
.system-studio-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  color: #0f172a;
}
.system-studio-table thead th {
  background: #f1f7ff;
  color: #334155 !important;
  padding: .85rem .95rem;
  font-size: .76rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .07em;
  border-bottom: 1px solid #dbe5f0;
  white-space: nowrap;
}
.system-studio-table tbody td {
  padding: .9rem .95rem;
  border-bottom: 1px solid #e2e8f0;
  vertical-align: middle;
  background: #ffffff;
}
.system-studio-table tbody tr:last-child td {
  border-bottom: 0;
}
.system-studio-table code {
  color: #075985 !important;
  background: #e0f2fe;
  border-radius: 8px;
  padding: .15rem .35rem;
  white-space: nowrap;
}
.system-studio-edit-row td {
  background: #f8fbff !important;
}
.system-studio-row-actions {
  display: flex;
  gap: .4rem;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.system-studio-inline-form,
.system-studio-add-credential {
  display: grid;
  grid-template-columns: repeat(6, minmax(130px, 1fr));
  gap: .75rem;
  align-items: end;
}
.system-studio-add-credential {
  grid-template-columns: repeat(7, minmax(125px, 1fr));
}
.system-studio-inline-check {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 0;
}
.system-studio-empty {
  color: #64748b !important;
  font-weight: 700;
}
.system-studio-split-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, .85fr);
  gap: 1rem;
  align-items: start;
}
.system-studio-split-grid--even {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.system-studio-plan-stack {
  display: grid;
  gap: .8rem;
}
.system-studio-plan-row,
.system-studio-resource-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem 0;
  border-top: 1px solid #e2e8f0;
}
.system-studio-plan-row:first-of-type,
.system-studio-resource-row:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.system-studio-plan-row small,
.system-studio-resource-row small {
  display: block;
  margin-top: .2rem;
}
.system-studio-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  margin-top: 1rem;
}
.system-studio-mini-card {
  border: 1px solid #dbe5f0;
  background: #f8fbff;
  border-radius: 20px;
  padding: 1rem;
}
.system-studio-mini-card strong {
  display: block;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 1000;
}
.system-studio-mini-card span {
  display: block;
  margin: .35rem 0 .75rem;
  font-weight: 800;
}
.system-studio-link {
  color: #0369a1 !important;
  font-weight: 900;
  text-decoration: none;
}
.system-studio-link:hover {
  color: #075985 !important;
  text-decoration: underline;
}
body.ga-light-theme .system-studio-admin .btn-ga,
.system-studio-admin .btn-ga {
  color: #06111f !important;
  -webkit-text-fill-color: #06111f !important;
}
body.ga-light-theme .system-studio-admin .btn-outline-ga,
.system-studio-admin .btn-outline-ga {
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  border-color: #93c5fd !important;
  background: #ffffff !important;
}
body.ga-light-theme .system-studio-admin .btn-outline-ga:hover,
.system-studio-admin .btn-outline-ga:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #0ea5e9 !important;
  border-color: #0ea5e9 !important;
}
@media (max-width: 1200px) {
  .system-studio-hero,
  .system-studio-split-grid,
  .system-studio-split-grid--even {
    grid-template-columns: 1fr;
  }
  .system-studio-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .system-studio-inline-form,
  .system-studio-add-credential {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .system-studio-stat-grid,
  .system-studio-settings-grid,
  .system-studio-risk-grid,
  .system-studio-mini-grid,
  .system-studio-inline-form,
  .system-studio-add-credential {
    grid-template-columns: 1fr;
  }
  .system-studio-section-head {
    flex-direction: column;
  }
}

/* v0.1.147 System Studio Admin layout visibility hardening */
body.ga-light-theme .system-studio-page-shell,
.system-studio-page-shell {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 1.5rem !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 60vh !important;
}
.system-studio-page-shell > .ga-sidebar {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}
.system-studio-page-shell > .system-studio-content,
.system-studio-content.system-studio-admin {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}
.system-studio-page-shell .ga-sidebar,
body.ga-light-theme .system-studio-page-shell .ga-sidebar {
  background: #ffffff !important;
  border: 1px solid #dbe5f0 !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.07) !important;
}
.system-studio-page-shell .ga-sidebar a,
body.ga-light-theme .system-studio-page-shell .ga-sidebar a {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
}
.system-studio-page-shell .ga-sidebar a:hover,
body.ga-light-theme .system-studio-page-shell .ga-sidebar a:hover {
  background: #e0f2fe !important;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
}
.system-studio-page-shell .studio-sidebar-label-pro,
body.ga-light-theme .system-studio-page-shell .studio-sidebar-label-pro {
  color: #0369a1 !important;
  -webkit-text-fill-color: #0369a1 !important;
}
.system-studio-page-shell .studio-sidebar-brand-pro strong,
body.ga-light-theme .system-studio-page-shell .studio-sidebar-brand-pro strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.system-studio-page-shell .studio-sidebar-brand-pro span,
.system-studio-page-shell .studio-sidebar-hint,
body.ga-light-theme .system-studio-page-shell .studio-sidebar-brand-pro span,
body.ga-light-theme .system-studio-page-shell .studio-sidebar-hint {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}
@media (max-width: 991px) {
  body.ga-light-theme .system-studio-page-shell,
  .system-studio-page-shell {
    grid-template-columns: 1fr !important;
  }
  .system-studio-page-shell > .ga-sidebar,
  .system-studio-page-shell > .system-studio-content,
  .system-studio-content.system-studio-admin {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* Geographic discovery */
.ga-location-result{display:flex;justify-content:space-between;gap:1rem;align-items:center;text-decoration:none;color:#142033;background:#fff;border:1px solid rgba(20,32,51,.1);border-radius:18px;padding:.85rem 1rem;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.ga-location-result:hover{border-color:#0ea5e9;box-shadow:0 12px 28px rgba(14,165,233,.14);transform:translateY(-1px)}
.ga-location-result strong{display:block;color:#0f172a}.ga-location-result small{display:block;color:#64748b}.fw-black{font-weight:900}

/* Geographic location directory */
.geo-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:1.25rem;align-items:stretch;border-radius:32px;padding:1.4rem;background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #dbeafe;box-shadow:0 24px 70px rgba(15,23,42,.08)}
.geo-hero__copy{border-radius:26px;padding:1.4rem;background:#fff;border:1px solid #e5eefb}.geo-hero__copy h1{font-weight:1000;letter-spacing:-.05em;color:#0f172a;font-size:clamp(2.25rem,5vw,4.8rem);margin:.2rem 0 .8rem}.geo-hero__copy p{font-size:1.06rem;color:#475569;max-width:74ch}.geo-search-panel,.geo-scoreboard-card{border-radius:26px;background:#fff;border:1px solid #e5eefb;padding:1.15rem;box-shadow:0 16px 45px rgba(15,23,42,.06)}.geo-scoreboard-card{display:grid;align-content:center;text-align:center}.geo-scoreboard-card span,.geo-scoreboard-card small{color:#64748b;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900}.geo-scoreboard-card strong{font-size:4rem;line-height:1;color:#0f172a}.geo-location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.geo-location-card{display:grid;gap:1rem;text-decoration:none;border-radius:24px;background:#fff;border:1px solid #e2e8f0;padding:1rem;box-shadow:0 14px 38px rgba(15,23,42,.06);color:#0f172a}.geo-location-card:hover{transform:translateY(-2px);box-shadow:0 20px 54px rgba(15,23,42,.10)}.geo-location-card__top{display:flex;gap:.85rem;align-items:center}.geo-location-card__top strong{display:block;font-size:1.15rem;color:#0f172a}.geo-location-card__top small{color:#64748b}.geo-location-pin{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#19d3ff,#0b5fb7);color:#fff;font-weight:1000}.geo-count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.geo-count-grid span{border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;padding:.65rem;text-align:center}.geo-count-grid strong{display:block;color:#0f172a}.geo-count-grid small{display:block;color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.geo-chip-row{display:flex;gap:.35rem;flex-wrap:wrap}.geo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.geo-list{display:grid;gap:.7rem}.geo-list--compact{max-height:640px;overflow:auto;padding-right:.25rem}.geo-list-row{display:block;text-decoration:none;border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:.8rem .9rem;color:#0f172a}.geo-list-row strong{display:block;color:#0f172a}.geo-list-row span{display:block;color:#64748b;font-size:.9rem}.geo-list-row:hover{border-color:#93c5fd;box-shadow:0 10px 24px rgba(15,23,42,.08)}
@media(max-width:1100px){.geo-hero,.geo-detail-grid{grid-template-columns:1fr}.geo-scoreboard-card{text-align:left}.geo-scoreboard-card strong{font-size:3rem}}

/* Geographic context chips embedded in core sports pages */
.geo-context-chip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  border: 1px solid rgba(14, 165, 233, .28);
  background: rgba(14, 165, 233, .10);
  color: #dff7ff;
  font-weight: 900;
  text-decoration: none;
  padding: .38rem .7rem;
  line-height: 1.1;
}
.geo-context-chip:hover,
.geo-context-chip:focus-visible {
  color: #fff;
  border-color: rgba(25, 211, 255, .55);
  background: rgba(14, 165, 233, .18);
}
.geo-context-chip--compact {
  font-size: .82rem;
  padding: .28rem .58rem;
}
.geo-context-chip__icon { color: #7dd3fc; }
.geo-context-chip__text { max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-index-meta .geo-context-chip { color: #0f172a; background: #e0f2fe; border-color: #bae6fd; }
.gamecenter-stat-card .geo-context-chip { max-width: 100%; color: #0f172a; background: #e0f2fe; border-color: #bae6fd; }

/* Branded scoped team/league/tournament microsites */
.branded-hub-shell{--brand-primary:#0b5cff;--brand-secondary:#ffcf3f;--brand-surface:#07111f;--brand-text:#f8fbff;background:#edf2f7;min-height:100vh;padding:1.25rem;color:#122033}.branded-hub-hero{border-radius:34px;min-height:360px;background-size:cover;background-position:center;display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:2rem;border:1px solid rgba(10,24,46,.12);box-shadow:0 28px 80px rgba(15,23,42,.22);color:var(--brand-text)}.branded-hub-identity{display:flex;gap:1.2rem;align-items:center}.branded-hub-logo{width:118px;height:118px;border-radius:28px;object-fit:cover;background:#fff;border:3px solid rgba(255,255,255,.6);box-shadow:0 18px 44px rgba(0,0,0,.25)}.branded-hub-hero h1{font-size:clamp(2.8rem,6vw,6.2rem);font-weight:1000;letter-spacing:-.075em;line-height:.9;margin:0;color:#fff}.branded-hub-hero p{max-width:850px;color:rgba(248,251,255,.86);font-size:1.1rem;margin:.8rem 0 0}.branded-chip-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.branded-chip-row span,.branded-section-head span{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:.45rem .75rem;color:#fff;font-weight:800}.branded-hub-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.branded-hub-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0;padding:.45rem;border-radius:999px;background:#fff;border:1px solid #dbe5f0;box-shadow:0 16px 34px rgba(15,23,42,.08)}.branded-hub-nav a{padding:.65rem 1rem;border-radius:999px;color:#102033;font-weight:900}.branded-hub-nav a:hover{background:color-mix(in srgb,var(--brand-primary) 14%,white);color:var(--brand-primary)}.branded-hub-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1rem}.branded-card{background:#fff;border:1px solid #d9e4ef;border-radius:26px;padding:1.25rem;box-shadow:0 16px 38px rgba(15,23,42,.08);margin-bottom:1rem;color:#142033}.branded-card h2{font-weight:1000;letter-spacing:-.035em;color:#101827}.branded-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.branded-section-head span{background:color-mix(in srgb,var(--brand-primary) 10%,white);color:var(--brand-primary);border-color:color-mix(in srgb,var(--brand-primary) 20%,white)}.branded-list{display:grid;gap:.65rem}.branded-game-row,.branded-link-row,.branded-player-card{display:flex;justify-content:space-between;gap:1rem;border:1px solid #dbe6f2;background:#f8fafc;border-radius:18px;padding:.9rem;color:#102033;transition:.15s ease}.branded-game-row:hover,.branded-link-row:hover,.branded-player-card:hover{transform:translateY(-2px);border-color:var(--brand-primary);box-shadow:0 12px 28px rgba(15,23,42,.08)}.branded-game-row strong,.branded-link-row strong,.branded-player-card strong{display:block;color:#0f172a}.branded-game-row small,.branded-link-row small,.branded-player-card small{display:block;color:#64748b}.branded-game-row b{color:var(--brand-primary);font-size:1.15rem}.branded-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.branded-player-card{display:block}.branded-table{--bs-table-bg:transparent;color:#102033}.branded-table th{color:#475569;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.branded-table td,.branded-table th{border-color:#e2e8f0}.branded-meta-stack{display:grid;gap:.6rem}.branded-meta-stack span{display:flex;justify-content:space-between;gap:1rem;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;padding:.7rem;color:#475569}.branded-meta-stack strong{color:#0f172a;text-align:right}@media(max-width:1100px){.branded-hub-hero{align-items:flex-start;flex-direction:column}.branded-hub-grid{grid-template-columns:1fr}.branded-hub-identity{align-items:flex-start}.branded-hub-logo{width:84px;height:84px}.branded-hub-actions{justify-content:flex-start}}

/* v0.1.158 branded hub top navigation and real checkout cards */
.branded-site-topnav{position:sticky;top:.75rem;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem;padding:.6rem .75rem;border-radius:22px;background:rgba(255,255,255,.94);border:1px solid #dbe5f0;box-shadow:0 18px 44px rgba(15,23,42,.14);backdrop-filter:blur(12px)}
.branded-site-lockup{display:flex;align-items:center;gap:.7rem;color:#0f172a;font-weight:1000;min-width:0}.branded-site-lockup:hover{color:var(--brand-primary)}
.branded-site-lockup img,.branded-site-lockup span{width:42px;height:42px;border-radius:14px;object-fit:cover;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;font-weight:1000;box-shadow:0 12px 30px rgba(15,23,42,.15)}
.branded-site-lockup strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.branded-site-topnav-links{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;flex-wrap:wrap}
.branded-site-topnav-links a{padding:.58rem .78rem;border-radius:999px;color:#334155;font-weight:900;font-size:.92rem}.branded-site-topnav-links a:hover{background:color-mix(in srgb,var(--brand-primary) 12%,white);color:var(--brand-primary)}
.branded-access-card .ga-muted{color:#64748b!important}.branded-offering-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:1rem;align-items:center;border:1px solid #dbe6f2;background:#f8fafc;border-radius:20px;padding:1rem;margin:.75rem 0;color:#102033}.branded-offering-card strong{display:block;font-size:1.02rem;color:#0f172a}.branded-offering-card small{display:block;color:#64748b;font-weight:800;margin:.15rem 0}.branded-offering-card p{margin:.45rem 0;color:#475569}.branded-offering-card em{display:block;color:#475569;font-size:.82rem;font-style:normal}.branded-offering-action{display:grid;gap:.6rem;text-align:right}.branded-offering-action b{font-size:1.35rem;color:var(--brand-primary)}
@media(max-width:860px){.branded-site-topnav{position:relative;top:auto;align-items:flex-start;flex-direction:column}.branded-site-lockup strong{max-width:70vw}.branded-site-topnav-links{justify-content:flex-start}.branded-offering-card{grid-template-columns:1fr}.branded-offering-action{text-align:left}}

/* GAMECENTER TOTALS/LEADERS DRILLDOWN + RICH PBP FIX */
.gamecenter-box-score .box-score-summary-panel,
.gamecenter-box-score-preview,
.gamecenter-pbp-card {
  background: rgba(15,23,42,.92) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  border: 1px solid rgba(148,163,184,.24) !important;
}
.gamecenter-box-score .box-score-summary-panel .ga-muted,
.gamecenter-pbp-card .ga-muted,
.gamecenter-box-score-preview .ga-muted {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}
.gamecenter-box-score .ga-table th,
.gamecenter-box-score .ga-table td,
.gamecenter-pbp-card .ga-table th,
.gamecenter-pbp-card .ga-table td {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
.inning-filter-btn {
  border: 1px solid rgba(56,189,248,.36);
  background: rgba(15,23,42,.78);
  color: #e0f2fe !important;
  -webkit-text-fill-color: #e0f2fe !important;
  border-radius: 999px;
  padding: .55rem .85rem;
  font-weight: 900;
}
.inning-filter-btn:hover,
.inning-filter-btn.active {
  background: #38bdf8;
  color: #06243a !important;
  -webkit-text-fill-color: #06243a !important;
  border-color: #7dd3fc;
}
.inning-pbp-heading {
  background: rgba(56,189,248,.12);
  border: 1px solid rgba(56,189,248,.24);
  border-radius: 16px;
  padding: .75rem 1rem;
  color: #e0f2fe !important;
  -webkit-text-fill-color: #e0f2fe !important;
}
.rich-pbp-row strong,
.rich-pbp-row div,
.rich-pbp-row .small {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
body.ga-light-theme .gamecenter-box-score .box-score-summary-panel,
body.ga-light-theme .gamecenter-box-score-preview,
body.ga-light-theme .gamecenter-pbp-card {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(15,23,42,.12) !important;
}
body.ga-light-theme .gamecenter-box-score .ga-table th,
body.ga-light-theme .gamecenter-box-score .ga-table td,
body.ga-light-theme .gamecenter-pbp-card .ga-table th,
body.ga-light-theme .gamecenter-pbp-card .ga-table td,
body.ga-light-theme .gamecenter-box-score .box-score-summary-panel .ga-muted,
body.ga-light-theme .gamecenter-pbp-card .ga-muted,
body.ga-light-theme .gamecenter-box-score-preview .ga-muted {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
body.ga-light-theme .inning-filter-btn {
  background: #f8fafc;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  border-color: rgba(14,165,233,.28);
}
body.ga-light-theme .inning-filter-btn.active,
body.ga-light-theme .inning-filter-btn:hover {
  background: #bae6fd;
  color: #082f49 !important;
  -webkit-text-fill-color: #082f49 !important;
}
body.ga-light-theme .inning-pbp-heading,
body.ga-light-theme .rich-pbp-row,
body.ga-light-theme .rich-pbp-row strong,
body.ga-light-theme .rich-pbp-row div,
body.ga-light-theme .rich-pbp-row .small {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.callaba-video-card{background:#111827;border:1px solid rgba(148,163,184,.28);border-radius:18px;overflow:hidden;box-shadow:0 16px 36px rgba(15,23,42,.28)}
.callaba-video-frame{position:relative;aspect-ratio:16/9;background:#020617;display:flex;align-items:center;justify-content:center}
.callaba-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#020617}
.callaba-video-placeholder{display:flex;flex-direction:column;gap:.35rem;align-items:center;justify-content:center;text-align:center;color:#e5e7eb;padding:1.25rem;max-width:100%}
.callaba-video-placeholder span{color:#94a3b8;font-size:.875rem}.callaba-video-placeholder code{max-width:100%;white-space:normal;word-break:break-all;color:#bae6fd;background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.24);border-radius:10px;padding:.35rem .5rem}
.callaba-video-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;color:#f8fafc;background:#0f172a}.callaba-video-meta strong{display:block;color:#fff}.callaba-video-meta small{display:block;color:#cbd5e1}

/* v0.1.165 - Play-by-play inning filter presented as a compact line score */
.pbp-linescore-filter {
  border: 1px solid rgba(56,189,248,.28);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(2,6,23,.45);
}
.pbp-linescore-table {
  margin: 0;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
.pbp-linescore-table th,
.pbp-linescore-table td {
  text-align: center;
  border-color: rgba(148,163,184,.2) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  font-weight: 800;
  min-width: 3rem;
}
.pbp-linescore-table .team-col,
.pbp-linescore-table tbody th {
  text-align: left;
  min-width: 8rem;
  color: #e0f2fe !important;
  -webkit-text-fill-color: #e0f2fe !important;
}
.pbp-linescore-table thead th {
  background: rgba(15,23,42,.86);
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
}
.inning-score-filter {
  width: 100%;
  min-width: 2.4rem;
  border: 1px solid rgba(56,189,248,.28);
  background: rgba(15,23,42,.7);
  color: #e0f2fe !important;
  -webkit-text-fill-color: #e0f2fe !important;
  border-radius: 12px;
  padding: .35rem .45rem;
  font-weight: 950;
  line-height: 1.1;
}
.inning-score-filter:hover,
.inning-score-filter.active {
  background: #38bdf8;
  border-color: #7dd3fc;
  color: #082f49 !important;
  -webkit-text-fill-color: #082f49 !important;
}
.pbp-linescore-table .total-col {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
  font-weight: 950;
}
body.ga-light-theme .pbp-linescore-filter {
  background: #f8fafc;
  border-color: rgba(14,165,233,.26);
}
body.ga-light-theme .pbp-linescore-table th,
body.ga-light-theme .pbp-linescore-table td {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(15,23,42,.12) !important;
}
body.ga-light-theme .pbp-linescore-table .team-col,
body.ga-light-theme .pbp-linescore-table tbody th {
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
}
body.ga-light-theme .pbp-linescore-table thead th {
  background: #e0f2fe;
  color: #082f49 !important;
  -webkit-text-fill-color: #082f49 !important;
}
body.ga-light-theme .inning-score-filter {
  background: #ffffff;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  border-color: rgba(14,165,233,.32);
}
body.ga-light-theme .inning-score-filter:hover,
body.ga-light-theme .inning-score-filter.active {
  background: #bae6fd;
  color: #082f49 !important;
  -webkit-text-fill-color: #082f49 !important;
}
body.ga-light-theme .pbp-linescore-table .total-col {
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
}

/* v0.1.167 Guided scorekeeper workflow */
.scorebook-workflow-card { border: 1px solid rgba(56,189,248,.22); box-shadow: 0 18px 48px rgba(2,8,23,.18); }
.scorebook-stepper { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin: 1rem 0 1.25rem; }
.scorebook-step-tab { border: 1px solid rgba(15,23,42,.12); background: #f8fafc; color: #0f172a; border-radius: 20px; padding: .85rem; display: grid; grid-template-columns: 44px 1fr; column-gap: .75rem; row-gap: .1rem; text-align: left; align-items: center; }
.scorebook-step-tab span { grid-row: 1 / span 2; width: 44px; height: 44px; border-radius: 15px; display: grid; place-items: center; background: #e0f2fe; color: #075985; font-weight: 1000; }
.scorebook-step-tab strong { font-size: .96rem; font-weight: 1000; }
.scorebook-step-tab small { color: #64748b; font-weight: 800; line-height: 1.15; }
.scorebook-step-tab.is-active { background: #fff7dc; border-color: #f0b429; box-shadow: 0 12px 28px rgba(217,119,6,.16); }
.scorebook-step-tab.is-active span { background: #ffcf3f; color: #7c4a00; }
.scorebook-step-panel { display: none; }
.scorebook-step-panel.is-active { display: block; }
.scorebook-step-header { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; padding: 1rem; margin-bottom: 1rem; border-radius: 22px; background: linear-gradient(135deg, #eff6ff, #ffffff); border: 1px solid rgba(37,99,235,.12); }
.scorebook-step-header h3 { color: #0f172a; font-weight: 1000; margin: .2rem 0 0; }
.scorebook-step-header p { color: #475569; font-weight: 800; max-width: 620px; margin: 0; }
.scorebook-step-badge { display: inline-flex; align-items: center; border-radius: 999px; padding: .25rem .55rem; background: #dbeafe; color: #1d4ed8; font-size: .74rem; font-weight: 1000; text-transform: uppercase; letter-spacing: .07em; }
.scorebook-guided-grid { align-items: stretch; }
.scorebook-guided-pane { background: #ffffff; border: 1px solid rgba(15,23,42,.10); border-radius: 22px; padding: 1rem; box-shadow: 0 10px 28px rgba(15,23,42,.05); }
.scorebook-guided-label { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: .8rem; color: #0f172a; }
.scorebook-guided-label strong { width: 34px; height: 34px; border-radius: 12px; display: grid; place-items: center; background: #0f172a; color: #ffffff; font-size: .82rem; }
.scorebook-guided-label span { font-weight: 1000; }
.scorebook-selected-summary { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; border: 1px solid rgba(37,99,235,.14); background: #eff6ff; color: #0f172a; border-radius: 18px; padding: .9rem 1rem; }
.scorebook-selected-summary strong { font-weight: 1000; }
.scorebook-selected-summary span { color: #475569; font-weight: 850; }
.scorebook-step-actions { display: flex; justify-content: flex-end; gap: .75rem; flex-wrap: wrap; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(15,23,42,.10); }
.scorebook-step-actions--final { justify-content: space-between; }
.scorebook-guided-play-form { margin: 0; }
.scorebook-workflow-card .scorebook-result-select { cursor: pointer; }
.scorebook-workflow-card .scorebook-result-select.will-end-inning { border-color: rgba(220,38,38,.35); }
.scorebook-workflow-card .scorebook-result-select.will-end-inning span:after { content: " · ends inning"; color: #b91c1c; font-weight: 1000; }
@media (max-width: 860px) {
  .scorebook-stepper { grid-template-columns: 1fr; }
  .scorebook-step-header { display: block; }
  .scorebook-step-header p { margin-top: .65rem; }
  .scorebook-step-actions,
  .scorebook-step-actions--final { justify-content: stretch; }
  .scorebook-step-actions .btn { width: 100%; }
}

/* v0.1.170 Scorekeeper guided workflow contrast hardening
   The guided scorekeeper panels intentionally sit on light cards. Keep every
   label, helper line, step chip, result button, and form control readable even
   when older dark-scorebook rules or browser autofill styles are loaded above. */
.scorebook-shell.scorebook-pro .scorebook-workflow-card,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-panel,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-guided-pane,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-quick-group,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-header,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-selected-summary {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-section-head h1,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-section-head h2,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-section-head h3,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-section-head p,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-readable-title,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-header h3,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-quick-heading strong,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-guided-label span,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-selected-summary strong,
.scorebook-shell.scorebook-pro .scorebook-workflow-card label,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .form-label,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-zone-note,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .small,
.scorebook-shell.scorebook-pro .scorebook-workflow-card small {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-readable-muted,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-header p,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-quick-heading span,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-selected-summary span,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-tab small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  opacity: 1 !important;
}

.scorebook-shell.scorebook-pro .scorebook-workflow-card .ga-kicker,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-panel-kicker {
  color: #0369a1 !important;
  -webkit-text-fill-color: #0369a1 !important;
  opacity: 1 !important;
}

.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-tab {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-tab strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-tab span {
  background: #e0f2fe !important;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-tab.is-active {
  background: #fff7dc !important;
  border-color: #f59e0b !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-tab.is-active span {
  background: #fbbf24 !important;
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
}

.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-step-badge {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-guided-label strong {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.scorebook-shell.scorebook-pro .scorebook-workflow-card .pitch-result-button,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-result-select {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .pitch-result-button span,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-result-select span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .pitch-result-button strong,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-result-select strong {
  background: #e0f2fe !important;
  border: 1px solid #bae6fd !important;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-result-select.is-selected,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .pitch-result-button:hover,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-result-select:hover {
  background: #fff7dc !important;
  border-color: #f59e0b !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-result-select.will-end-inning {
  background: #fff7f7 !important;
  border-color: #fca5a5 !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .scorebook-result-select.will-end-inning span:after {
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
}

.scorebook-shell.scorebook-pro .scorebook-workflow-card .form-control,
.scorebook-shell.scorebook-pro .scorebook-workflow-card .form-select,
.scorebook-shell.scorebook-pro .scorebook-workflow-card input,
.scorebook-shell.scorebook-pro .scorebook-workflow-card select,
.scorebook-shell.scorebook-pro .scorebook-workflow-card textarea {
  background-color: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: #cbd5e1 !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card .form-control::placeholder,
.scorebook-shell.scorebook-pro .scorebook-workflow-card input::placeholder,
.scorebook-shell.scorebook-pro .scorebook-workflow-card textarea::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro .scorebook-workflow-card option {
  color: #0f172a !important;
  background: #ffffff !important;
}


/* LEAGUE PAGE WHITE SPACE UTILIZATION FIX v0.1.172
   Widen the public league hub, use balanced CSS-grid sections on large screens,
   and let leader/news/highlight modules fill available horizontal space instead
   of stacking into narrow columns with unused gutters. */
.league-public-refresh {
  padding-inline: max(1rem, calc(50vw - 760px)) !important;
}
.league-public-refresh .league-hub-hero--wide {
  padding: clamp(1.35rem, 2.2vw, 2.4rem) !important;
}
.league-public-refresh .league-scoreboard-rotator,
.league-public-refresh .league-tabbar,
.league-public-refresh .ga-card {
  width: 100%;
}
.league-public-refresh .league-main-content-row,
.league-public-refresh .league-media-content-row,
.league-public-refresh .league-schedule-content-row {
  align-items: stretch;
}
.league-public-refresh .league-leaders-stack {
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
  align-items: stretch;
}
.league-public-refresh .league-leader-card {
  min-height: 100%;
}
.league-public-refresh .league-team-spotlight p {
  min-height: 0 !important;
}
.league-public-refresh .league-top-story {
  grid-template-columns: minmax(220px, 34%) minmax(0, 1fr);
}
.league-public-refresh .league-news-row,
.league-public-refresh .league-event-row {
  grid-template-columns: minmax(72px, .45fr) minmax(220px, 1.5fr) minmax(90px, .55fr);
}
.league-public-refresh .league-highlight-img {
  height: clamp(230px, 22vw, 340px);
}
.league-public-refresh .league-gallery-tile img {
  height: clamp(120px, 10vw, 165px);
}
.league-public-refresh .league-sponsor-strip {
  justify-content: space-between;
}
.league-public-refresh .league-sponsor-card {
  flex: 1 1 220px;
  min-width: 220px;
}

@media (min-width: 1400px) {
  .league-public-refresh {
    padding-inline: max(1.25rem, calc(50vw - 820px)) !important;
  }
  .league-public-refresh .league-main-content-row,
  .league-public-refresh .league-media-content-row,
  .league-public-refresh .league-schedule-content-row {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(380px, .85fr);
  }
  .league-public-refresh .league-main-content-row > *,
  .league-public-refresh .league-media-content-row > *,
  .league-public-refresh .league-schedule-content-row > * {
    width: auto !important;
    max-width: none !important;
  }
  .league-public-refresh .league-standings-card .table-responsive {
    min-height: 100%;
  }
  .league-public-refresh .league-leaders-card {
    display: flex;
    flex-direction: column;
  }
  .league-public-refresh .league-leaders-card .league-leaders-stack {
    flex: 1;
  }
}

@media (min-width: 1700px) {
  .league-public-refresh {
    padding-inline: max(1.5rem, calc(50vw - 900px)) !important;
  }
  .league-public-refresh .league-main-content-row,
  .league-public-refresh .league-media-content-row,
  .league-public-refresh .league-schedule-content-row {
    grid-template-columns: minmax(0, 1.7fr) minmax(430px, .9fr);
  }
  .league-public-refresh .league-leaders-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .league-public-refresh .league-top-story,
  .league-public-refresh .league-news-row,
  .league-public-refresh .league-event-row {
    grid-template-columns: 1fr;
  }
  .league-public-refresh .league-news-row small,
  .league-public-refresh .league-event-row em {
    text-align: left;
  }
}

/* PLAYER STUDIO READABILITY FIX v0.1.173
   Player Studio uses the light admin theme, but some inherited studio/admin
   components were still carrying dark-theme white foregrounds. Scope a hard
   contrast reset to this page so form labels, cards, checklist rows, report
   panels, disabled buttons, and generated output remain readable on white. */
body.ga-light-theme .player-studio-admin,
body.ga-light-theme .player-studio-admin .ga-card,
body.ga-light-theme .player-studio-admin .row,
body.ga-light-theme .player-studio-admin p,
body.ga-light-theme .player-studio-admin div,
body.ga-light-theme .player-studio-admin span,
body.ga-light-theme .player-studio-admin label,
body.ga-light-theme .player-studio-admin strong,
body.ga-light-theme .player-studio-admin h1,
body.ga-light-theme .player-studio-admin h2,
body.ga-light-theme .player-studio-admin h3,
body.ga-light-theme .player-studio-admin h4,
body.ga-light-theme .player-studio-admin h5,
body.ga-light-theme .player-studio-admin h6 {
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
}
body.ga-light-theme .player-studio-admin .ga-card {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .10) !important;
  box-shadow: var(--ga-shadow-soft);
}
body.ga-light-theme .player-studio-admin .ga-muted,
body.ga-light-theme .player-studio-admin .small,
body.ga-light-theme .player-studio-admin small,
body.ga-light-theme .player-studio-admin .text-muted {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}
body.ga-light-theme .player-studio-admin .ga-kicker {
  color: #0b72d9 !important;
  -webkit-text-fill-color: #0b72d9 !important;
}
body.ga-light-theme .player-studio-admin .ga-chip {
  background: #eef6ff !important;
  border-color: rgba(11, 114, 217, .18) !important;
  color: #17446d !important;
  -webkit-text-fill-color: #17446d !important;
}
body.ga-light-theme .player-studio-admin .rounded-4.bg-white,
body.ga-light-theme .player-studio-admin .border-bottom,
body.ga-light-theme .player-studio-admin .form-check,
body.ga-light-theme .player-studio-admin .form-check-label {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
body.ga-light-theme .player-studio-admin .rounded-4.bg-white {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .12) !important;
}
body.ga-light-theme .player-studio-admin .form-label,
body.ga-light-theme .player-studio-admin .form-check-label {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
body.ga-light-theme .player-studio-admin .form-control,
body.ga-light-theme .player-studio-admin .form-select,
body.ga-light-theme .player-studio-admin textarea,
body.ga-light-theme .player-studio-admin input,
body.ga-light-theme .player-studio-admin select {
  background-color: #ffffff !important;
  border-color: rgba(15, 23, 42, .18) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}
body.ga-light-theme .player-studio-admin .form-control::placeholder,
body.ga-light-theme .player-studio-admin textarea::placeholder,
body.ga-light-theme .player-studio-admin input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}
body.ga-light-theme .player-studio-admin option {
  background: #ffffff !important;
  color: #0f172a !important;
}
body.ga-light-theme .player-studio-admin .btn-ga,
body.ga-light-theme .player-studio-admin .btn-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.ga-light-theme .player-studio-admin .btn-outline-ga,
body.ga-light-theme .player-studio-admin .btn-outline-secondary {
  background: #ffffff !important;
  color: #0b72d9 !important;
  -webkit-text-fill-color: #0b72d9 !important;
  border-color: rgba(11, 114, 217, .32) !important;
}
body.ga-light-theme .player-studio-admin .btn-outline-secondary.disabled,
body.ga-light-theme .player-studio-admin .btn-outline-secondary:disabled,
body.ga-light-theme .player-studio-admin button:disabled {
  background: #f1f5f9 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  border-color: rgba(100, 116, 139, .24) !important;
  opacity: 1 !important;
}

/* SCOREKEEPER GUIDED WORKFLOW CONTRAST FIX v0.1.174
   The scorekeeper workflow can sit inside a dark broadcast shell while its active
   cards are light. This final scoped reset uses the workflow data attribute so
   global dark overlay typography cannot make step headings/helper copy white on
   white panels. */
.scorebook-shell.scorebook-pro [data-scorebook-workflow],
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-panel,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-header,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-guided-pane,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-quick-group,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-selected-summary {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro [data-scorebook-workflow] h1,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] h2,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] h3,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] h4,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] h5,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] h6,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] p,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] label,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .form-label,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-guided-label span,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-zone-note,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-quick-heading strong,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-selected-summary strong,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-tab strong,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .pitch-result-button span,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-result-select span,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-actions,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .small,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] small {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-readable-muted,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-header p,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-quick-heading span,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-selected-summary span,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-tab small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .ga-kicker,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-panel-kicker {
  color: #0284c7 !important;
  -webkit-text-fill-color: #0284c7 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-badge,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-tab > span,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .pitch-result-button strong,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-result-select strong {
  background: #e0f2fe !important;
  border-color: #bae6fd !important;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-tab.is-active > span {
  background: #fbbf24 !important;
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
}
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-guided-label strong {
  background: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .form-control,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .form-select,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] input,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] select,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] textarea {
  background-color: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: #cbd5e1 !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .btn-outline-ga {
  background: #ffffff !important;
  color: #0b5ed7 !important;
  -webkit-text-fill-color: #0b5ed7 !important;
  border-color: rgba(11, 94, 215, .35) !important;
}

/* Sports Hub monetization layout + badge/location hardening v0.1.175 */
.sports-hub-plans-page .plan-scope-badge,
.sports-hub-plans-page .badge.bg-dark,
.sports-hub-plans-page .text-bg-dark,
.card .badge.bg-dark.plan-scope-badge {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: #111827 !important;
  border: 1px solid rgba(255,255,255,.16);
}
.sports-hub-plan-experience-stack {
  display: grid;
  gap: 1.25rem;
}
.sports-hub-plan-experience {
  background: #fff;
  color: #0f172a;
  border: 1px solid #e2e8f0;
  box-shadow: 0 18px 45px rgba(15,23,42,.06);
}
.sports-hub-plan-experience .ga-kicker,
.sports-hub-plan-experience h2,
.sports-hub-plan-experience p,
.sports-hub-plan-experience .ga-muted {
  color: #0f172a !important;
  -webkit-text-fill-color: currentColor !important;
}
.sports-hub-plan-experience .ga-muted {
  color: #475569 !important;
}
.sports-hub-plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  align-items: stretch;
}
.sports-hub-plan-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dbe3ef;
}
.sports-hub-plan-card .card-body,
.sports-hub-plan-card h3,
.sports-hub-plan-card p,
.sports-hub-plan-card li,
.sports-hub-plan-card small,
.sports-hub-plan-card .display-6 {
  color: #111827;
  -webkit-text-fill-color: currentColor;
}
.sports-hub-plan-card .text-muted,
.sports-hub-plan-card small.text-muted {
  color: #475569 !important;
}
.sports-hub-plan-card .small.text-muted {
  overflow-wrap: anywhere;
  word-break: normal;
}
.geo-location-card,
.ga-location-result,
.geo-list-row {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.geo-location-card *,
.ga-location-result *,
.geo-list-row * {
  min-width: 0;
}
.geo-location-card__top {
  min-width: 0;
}
.geo-location-card__top > div,
.ga-location-result > span,
.geo-list-row strong,
.geo-list-row span {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}
.geo-location-card__top strong,
.geo-location-card__top small,
.ga-location-result strong,
.ga-location-result small,
.geo-list-row strong,
.geo-list-row span {
  white-space: normal;
  overflow-wrap: anywhere;
}
.geo-count-grid {
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
}
.geo-count-grid span {
  min-width: 0;
  overflow: hidden;
}
.geo-count-grid strong,
.geo-count-grid small {
  overflow-wrap: anywhere;
}
@media (max-width: 575.98px) {
  .geo-location-grid { grid-template-columns: minmax(0, 1fr); }
  .geo-detail-grid { grid-template-columns: minmax(0, 1fr); }
  .ga-location-result { align-items: flex-start; flex-direction: column; }
  .sports-hub-plan-grid { grid-template-columns: minmax(0, 1fr); }
}

/* v0.1.176 Facility Administrator operations */
.facility-admin-shell .ga-card,
.facility-admin-form {
  color: #e5eefb;
}
.facility-admin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}
.facility-admin-card {
  display: flex;
  flex-direction: column;
  gap: .9rem;
  min-height: 210px;
  padding: 1.15rem;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  color: #f8fafc;
  text-decoration: none;
  box-shadow: 0 20px 50px rgba(2,6,23,.24);
}
.facility-admin-card:hover {
  border-color: rgba(56,189,248,.45);
  transform: translateY(-1px);
}
.facility-admin-card strong { color: #f8fafc; font-size: 1.05rem; }
.facility-admin-card small,
.facility-admin-card p,
.facility-admin-card em { color: #cbd5e1; }
.facility-admin-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .5rem;
}
.facility-admin-metrics span {
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 14px;
  padding: .65rem .45rem;
  text-align: center;
  background: rgba(15,23,42,.42);
}
.facility-admin-metrics b { display:block; color:#fff; font-size:1.15rem; }
.facility-admin-metrics small { display:block; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.facility-command-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.facility-linked-list h3 { color: #f8fafc; font-size: .95rem; }
.facility-linked-pill {
  display: inline-flex;
  margin: .25rem .35rem .25rem 0;
  padding: .45rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(125,211,252,.35);
  color: #e0f2fe;
  text-decoration: none;
  background: rgba(14,165,233,.12);
}
.facility-admin-form .form-label,
.facility-admin-form .form-check-label { color: #0f172a; }
.facility-admin-form .border-top { border-color: rgba(148,163,184,.35) !important; }

.branded-facility-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.branded-facility-metrics > div {
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 18px;
  padding: 1rem;
  background: rgba(255,255,255,.72);
}
.branded-facility-metrics span,
.branded-facility-metrics small { display:block; color:#475569; }
.branded-facility-metrics strong { display:block; color:#0f172a; font-size:1.15rem; margin:.2rem 0; }
.branded-facility-alert {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 16px;
  background: rgba(255,207,63,.16);
  border: 1px solid rgba(255,207,63,.42);
  color: #0f172a;
  font-weight: 700;
}
@media (max-width: 992px) {
  .facility-command-grid,
  .branded-facility-metrics { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .facility-admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* PLAYER STUDIO + SCOREKEEPER READABILITY HARD LOCK v0.1.177
   Some admin/studio and scorekeeper pages inherit white overlay typography from
   broadcast shells even when their cards are light. These rules are intentionally
   late in the cascade and avoid body-theme assumptions so admin pages remain
   readable whether the body is using light, dark, or mixed studio shells. */
.player-studio-admin,
.player-studio-admin .ga-card,
.player-studio-admin .card,
.player-studio-admin .bg-white,
.player-studio-admin .rounded-4,
.player-studio-admin .border,
.player-studio-admin .row,
.player-studio-admin .col,
.player-studio-admin .col-md-4,
.player-studio-admin .col-md-6,
.player-studio-admin .col-lg-6,
.player-studio-admin .col-xl-3,
.player-studio-admin .col-xl-5,
.player-studio-admin .col-xl-7 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.player-studio-admin .ga-card,
.player-studio-admin .card,
.player-studio-admin .bg-white,
.player-studio-admin .rounded-4.bg-white,
.player-studio-admin .border.bg-white {
  background-color: #ffffff !important;
  border-color: rgba(15, 23, 42, .12) !important;
}
.player-studio-admin h1,
.player-studio-admin h2,
.player-studio-admin h3,
.player-studio-admin h4,
.player-studio-admin h5,
.player-studio-admin h6,
.player-studio-admin p,
.player-studio-admin div,
.player-studio-admin span,
.player-studio-admin strong,
.player-studio-admin label,
.player-studio-admin li,
.player-studio-admin td,
.player-studio-admin th,
.player-studio-admin .h1,
.player-studio-admin .h2,
.player-studio-admin .h3,
.player-studio-admin .h4,
.player-studio-admin .h5,
.player-studio-admin .h6,
.player-studio-admin .display-6,
.player-studio-admin .fw-black,
.player-studio-admin .fw-bold {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.player-studio-admin .ga-muted,
.player-studio-admin .text-muted,
.player-studio-admin .small,
.player-studio-admin small,
.player-studio-admin .form-text {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.player-studio-admin .ga-kicker {
  color: #0b72d9 !important;
  -webkit-text-fill-color: #0b72d9 !important;
}
.player-studio-admin .ga-chip,
.player-studio-admin .badge:not(.bg-dark):not(.text-bg-dark) {
  background: #eef6ff !important;
  border-color: rgba(11, 114, 217, .18) !important;
  color: #17446d !important;
  -webkit-text-fill-color: #17446d !important;
}
.player-studio-admin .badge.bg-dark,
.player-studio-admin .text-bg-dark {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.player-studio-admin .form-label,
.player-studio-admin .form-check-label,
.player-studio-admin .form-check,
.player-studio-admin .form-check span {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
.player-studio-admin .form-control,
.player-studio-admin .form-select,
.player-studio-admin input,
.player-studio-admin select,
.player-studio-admin textarea {
  background-color: #ffffff !important;
  border-color: rgba(15, 23, 42, .22) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.player-studio-admin input::placeholder,
.player-studio-admin textarea::placeholder,
.player-studio-admin .form-control::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}
.player-studio-admin option {
  background: #ffffff !important;
  color: #0f172a !important;
}
.player-studio-admin .btn-ga,
.player-studio-admin .btn-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.player-studio-admin .btn-outline-ga,
.player-studio-admin .btn-outline-secondary,
.player-studio-admin .btn-light {
  background: #ffffff !important;
  color: #0b5ed7 !important;
  -webkit-text-fill-color: #0b5ed7 !important;
  border-color: rgba(11, 94, 215, .35) !important;
}
.player-studio-admin button:disabled,
.player-studio-admin .btn.disabled,
.player-studio-admin .btn:disabled {
  background: #f1f5f9 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  border-color: rgba(100, 116, 139, .24) !important;
  opacity: 1 !important;
}

.scorebook-shell.scorebook-pro [data-scorebook-workflow],
.scorebook-shell.scorebook-pro [data-scorebook-workflow] *:not(.scorebook-guided-label > strong):not(.scorebook-panel-kicker):not(.ga-kicker):not(.scorebook-step-badge):not(.btn-ga):not(.btn-primary),
[data-scorebook-workflow],
[data-scorebook-workflow] *:not(.scorebook-guided-label > strong):not(.scorebook-panel-kicker):not(.ga-kicker):not(.scorebook-step-badge):not(.btn-ga):not(.btn-primary) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-workflow-card,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-panel,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-step-header,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-guided-pane,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-quick-group,
.scorebook-shell.scorebook-pro [data-scorebook-workflow] .scorebook-selected-summary,
[data-scorebook-workflow] .scorebook-step-panel,
[data-scorebook-workflow] .scorebook-step-header,
[data-scorebook-workflow] .scorebook-guided-pane,
[data-scorebook-workflow] .scorebook-quick-group,
[data-scorebook-workflow] .scorebook-selected-summary {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(15, 23, 42, .12) !important;
}
[data-scorebook-workflow] .scorebook-step-header p,
[data-scorebook-workflow] .scorebook-readable-muted,
[data-scorebook-workflow] .scorebook-step-tab small,
[data-scorebook-workflow] .scorebook-quick-heading span,
[data-scorebook-workflow] .scorebook-selected-summary span,
[data-scorebook-workflow] small,
[data-scorebook-workflow] .small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  opacity: 1 !important;
}
[data-scorebook-workflow] .ga-kicker,
[data-scorebook-workflow] .scorebook-panel-kicker {
  color: #0284c7 !important;
  -webkit-text-fill-color: #0284c7 !important;
  text-shadow: none !important;
}
[data-scorebook-workflow] .scorebook-guided-label strong,
[data-scorebook-workflow] .scorebook-step-badge {
  background: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
[data-scorebook-workflow] .scorebook-step-tab > span,
[data-scorebook-workflow] .pitch-result-button strong,
[data-scorebook-workflow] .scorebook-result-select strong {
  background: #e0f2fe !important;
  border-color: #bae6fd !important;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
}
[data-scorebook-workflow] .scorebook-step-tab.is-active {
  background: #fff7d6 !important;
  border-color: #f59e0b !important;
}
[data-scorebook-workflow] .scorebook-step-tab.is-active > span {
  background: #fbbf24 !important;
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
}
[data-scorebook-workflow] .pitch-result-button,
[data-scorebook-workflow] .scorebook-result-select,
[data-scorebook-workflow] .btn-outline-ga {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
[data-scorebook-workflow] .form-label,
[data-scorebook-workflow] label {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
[data-scorebook-workflow] .form-control,
[data-scorebook-workflow] .form-select,
[data-scorebook-workflow] input,
[data-scorebook-workflow] select,
[data-scorebook-workflow] textarea {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}
[data-scorebook-workflow] .btn-ga,
[data-scorebook-workflow] .btn-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* NEWS CHANNEL ARTICLES EXPERIENCE v0.1.178
   Converts the public Articles route into a channel-style news page with featured, latest, and archive sections. */
.ga-news-nav-link {
  position: relative;
  font-weight: 900 !important;
}
.ga-news-nav-link::after {
  content: "";
  position: absolute;
  left: .75rem;
  right: .75rem;
  bottom: .25rem;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0b72d9, #22d3ee);
  opacity: .72;
}
.news-channel-hero,
.news-channel-grid,
.news-side-panel,
.news-archive-panel,
.news-story-card,
.news-empty-box {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.news-live-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  padding: .8rem 1rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  background: #07111f;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .12);
  font-size: .84rem;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.news-live-strip span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}
.news-live-strip span:last-child {
  color: rgba(255,255,255,.72) !important;
  -webkit-text-fill-color: rgba(255,255,255,.72) !important;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
}
.news-live-dot {
  width: .65rem;
  height: .65rem;
  border-radius: 999px;
  background: #ef4444;
  box-shadow: 0 0 0 .25rem rgba(239, 68, 68, .22);
}
.news-lead-card,
.news-feature-row,
.news-story-card,
.news-archive-link {
  display: block;
  text-decoration: none !important;
}
.news-lead-media {
  min-height: 520px;
  border-radius: 1.4rem;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  border: 1px solid rgba(15, 23, 42, .12);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .18);
}
.news-lead-content {
  max-width: 760px;
  padding: clamp(1.4rem, 4vw, 3rem);
}
.news-lead-content h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(2.2rem, 5vw, 4.9rem);
  line-height: .92;
  letter-spacing: -.075em;
  font-weight: 950;
  margin-bottom: 1rem;
}
.news-lead-content p,
.news-byline,
.news-byline span {
  color: rgba(255,255,255,.86) !important;
  -webkit-text-fill-color: rgba(255,255,255,.86) !important;
}
.news-lead-content p {
  font-size: 1.08rem;
  max-width: 700px;
}
.news-byline {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  font-weight: 800;
  font-size: .92rem;
}
.news-pill,
.news-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.26);
  padding: .35rem .65rem;
  background: rgba(255,255,255,.14);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.news-pill-live {
  background: #dc2626;
  border-color: #dc2626;
}
.news-pill-premium {
  background: #f59e0b;
  border-color: #f59e0b;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
.news-side-panel,
.news-archive-panel {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .1);
  border-radius: 1.4rem;
  padding: 1.25rem;
  box-shadow: 0 18px 54px rgba(15, 23, 42, .08);
}
.news-side-panel h2,
.news-section-heading h2,
.news-story-card h3,
.news-feature-row strong,
.news-archive-link strong,
.news-empty-lead h1 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.news-feature-row {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: .9rem;
  align-items: center;
  padding: .7rem;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 1rem;
}
.news-feature-thumb {
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: .8rem;
  background-size: cover;
  background-position: center;
}
.news-feature-body {
  display: grid;
  gap: .18rem;
  min-width: 0;
}
.news-feature-row strong,
.news-archive-link strong {
  overflow-wrap: anywhere;
}
.news-row-kicker,
.news-feature-row small,
.news-meta,
.news-meta span,
.news-section-heading span {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}
.news-row-kicker {
  font-size: .62rem;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-weight: 950;
}
.news-channel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
  gap: 1.25rem;
  align-items: start;
}
.news-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.news-section-heading h2 {
  margin: 0;
  font-size: clamp(1.55rem, 2vw, 2.35rem);
  font-weight: 950;
  letter-spacing: -.04em;
}
.news-story-card {
  height: 100%;
  overflow: hidden;
  border-radius: 1.2rem;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .1);
  box-shadow: 0 15px 46px rgba(15, 23, 42, .07);
}
.news-story-image {
  min-height: 210px;
  background-size: cover;
  background-position: center;
}
.news-story-body {
  padding: 1rem;
}
.news-story-card h3 {
  font-size: 1.25rem;
  font-weight: 950;
  letter-spacing: -.025em;
  margin-bottom: .45rem;
}
.news-story-card p,
.news-empty-box,
.news-empty-lead p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
.news-chip {
  background: #e0f2fe;
  border-color: #bae6fd;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
}
.news-meta {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: .82rem;
  font-weight: 800;
}
.news-archive-panel {
  position: sticky;
  top: 7rem;
}
.news-archive-link {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: .75rem;
  align-items: baseline;
  padding: .75rem 0;
  border-bottom: 1px solid rgba(15, 23, 42, .08);
}
.news-archive-link span {
  color: #0b72d9 !important;
  -webkit-text-fill-color: #0b72d9 !important;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .07em;
}
.news-empty-box,
.news-empty-lead {
  background: #f8fafc;
  border: 1px dashed rgba(15, 23, 42, .18);
  border-radius: 1rem;
  padding: 1rem;
}
@media (max-width: 991.98px) {
  .news-channel-grid {
    grid-template-columns: 1fr;
  }
  .news-archive-panel {
    position: static;
  }
  .news-lead-media {
    min-height: 430px;
  }
}
@media (max-width: 575.98px) {
  .news-feature-row {
    grid-template-columns: 82px 1fr;
  }
  .news-lead-media {
    min-height: 360px;
  }
  .news-meta,
  .news-section-heading {
    align-items: start;
    flex-direction: column;
  }
}

/* v0.1.180 Facility scoped operations and card overflow hardening */
.facility-admin-shell .facility-admin-grid {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  align-items: stretch;
}
.facility-admin-shell .facility-admin-card,
.facility-admin-shell .facility-admin-card * {
  min-width: 0;
}
.facility-admin-shell .facility-admin-card strong,
.facility-admin-shell .facility-admin-card small,
.facility-admin-shell .facility-admin-card p,
.facility-admin-shell .facility-admin-card em {
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.25;
}
.facility-admin-shell .facility-admin-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1280px) {
  .facility-admin-shell .facility-admin-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.facility-admin-shell .facility-admin-metrics span {
  min-width: 0;
  overflow: hidden;
}
.facility-admin-shell .facility-admin-metrics small {
  white-space: normal;
  overflow-wrap: anywhere;
  letter-spacing: .04em;
}
.facility-admin-shell .table td,
.facility-admin-shell .table th {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* v0.0.1069 Facility admin table action readability
   Keep compact action/control columns from wrapping button text one letter per line. */
.facility-admin-shell .facility-directory-table th.facility-table-compact,
.facility-admin-shell .facility-directory-table td.facility-table-compact,
.facility-admin-shell .facility-directory-table th.facility-table-actions,
.facility-admin-shell .facility-directory-table td.facility-table-actions {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
.facility-admin-shell .facility-directory-table th.facility-table-compact,
.facility-admin-shell .facility-directory-table td.facility-table-compact {
  width: 1%;
  min-width: 72px;
}
.facility-admin-shell .facility-directory-table th.facility-table-actions,
.facility-admin-shell .facility-directory-table td.facility-table-actions {
  width: 1%;
  min-width: 88px;
}
.facility-admin-shell .facility-directory-table .facility-table-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.facility-admin-weather-note {
  display: block;
  margin-top: .5rem;
  color: #64748b;
  font-size: .82rem;
}


/* NEWS CHANNEL GUTTERS + SNAP v0.1.181
   Gives the News route deliberate editorial gutters and a faster, tighter channel feel. */
.news-page-shell {
  width: min(100%, 1560px);
  margin-inline: auto;
  padding-inline: clamp(1rem, 3.5vw, 4.5rem);
  padding-block: clamp(1rem, 2vw, 2rem) 2.5rem;
}
.news-page-shell .news-channel-hero,
.news-page-shell .news-channel-grid {
  margin-inline: auto;
}
.news-page-shell .news-live-strip {
  border-radius: 999px;
  padding: .62rem .95rem;
  margin-bottom: .85rem;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .10);
}
.news-page-shell .news-lead-media {
  min-height: clamp(390px, 43vw, 560px);
  border-radius: 1.15rem;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.news-page-shell .news-lead-card:hover .news-lead-media {
  transform: translateY(-3px);
  border-color: rgba(11, 114, 217, .35);
  box-shadow: 0 28px 82px rgba(15, 23, 42, .22);
}
.news-page-shell .news-lead-content {
  padding: clamp(1.25rem, 3vw, 2.6rem);
}
.news-page-shell .news-lead-content h1 {
  max-width: 980px;
}
.news-page-shell .news-side-panel,
.news-page-shell .news-archive-panel,
.news-page-shell .news-story-card {
  border-radius: 1.05rem;
}
.news-page-shell .news-side-panel,
.news-page-shell .news-archive-panel {
  padding: clamp(1rem, 1.6vw, 1.35rem);
}
.news-page-shell .news-feature-row,
.news-page-shell .news-story-card,
.news-page-shell .news-archive-link {
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background-color .14s ease;
}
.news-page-shell .news-feature-row:hover,
.news-page-shell .news-story-card:hover {
  transform: translateY(-3px);
  border-color: rgba(11, 114, 217, .26);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .12);
}
.news-page-shell .news-archive-link:hover {
  transform: translateX(3px);
  background: #f8fafc;
}
.news-page-shell .news-story-image {
  min-height: 190px;
}
.news-page-shell .news-channel-grid {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: clamp(1rem, 2vw, 1.8rem);
}
.news-page-shell .news-main-feed .row {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}
@media (min-width: 1400px) {
  .news-page-shell .news-main-feed .col-md-6 {
    width: 33.333333%;
  }
}
@media (max-width: 991.98px) {
  .news-page-shell {
    padding-inline: clamp(.85rem, 4vw, 1.5rem);
  }
  .news-page-shell .news-channel-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .news-page-shell {
    padding-inline: .75rem;
  }
  .news-page-shell .news-live-strip {
    border-radius: 1rem;
  }
}

/* WATCH + PHOTOS CHANNEL FACELIFT v0.1.182
   Gives the top-nav Watch and Photos destinations the same deliberate gutters and editorial polish as News. */
.media-channel-shell {
  width: min(100%, 1560px);
  margin-inline: auto;
  padding-inline: clamp(1rem, 3.5vw, 4.5rem);
  padding-block: clamp(1rem, 2vw, 2rem) 2.5rem;
}
.media-channel-hero,
.media-channel-grid {
  margin-inline: auto;
}
.media-live-strip {
  display: flex;
  align-items: center;
  gap: .72rem;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  border-radius: 999px;
  padding: .62rem .95rem;
  margin-bottom: .9rem;
  background: #07111f;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 14px 38px rgba(15, 23, 42, .16);
  font-weight: 900;
  letter-spacing: .03em;
}
.media-live-strip span:last-child {
  color: #cbd5e1;
  font-size: .86rem;
  font-weight: 700;
  letter-spacing: 0;
}
.media-live-dot {
  width: .62rem;
  height: .62rem;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 6px rgba(34, 197, 94, .15);
}
.media-lead-card,
.media-feature-row,
.media-rail-panel,
.media-side-panel {
  display: block;
  text-decoration: none;
}
.media-lead-media {
  position: relative;
  min-height: clamp(390px, 43vw, 560px);
  border-radius: 1.15rem;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.media-lead-card:hover .media-lead-media {
  transform: translateY(-3px);
  border-color: rgba(11, 114, 217, .38);
  box-shadow: 0 30px 88px rgba(15, 23, 42, .28);
}
.media-lead-content {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  padding: clamp(1.25rem, 3vw, 2.7rem);
  color: #ffffff;
}
.media-lead-content h1 {
  max-width: 980px;
  margin: 0 0 .8rem;
  font-size: clamp(2.2rem, 4.5vw, 4.9rem);
  line-height: .92;
  letter-spacing: -.075em;
  color: #ffffff;
}
.media-lead-content p {
  max-width: 780px;
  margin: 0;
  color: #e2e8f0;
  font-weight: 700;
}
.media-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  padding: .42rem .7rem;
  background: rgba(255, 255, 255, .14);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, .22);
  backdrop-filter: blur(10px);
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.media-pill-live { background: rgba(34, 197, 94, .22); border-color: rgba(34, 197, 94, .42); }
.media-pill-premium { background: rgba(251, 191, 36, .22); border-color: rgba(251, 191, 36, .5); }
.media-meta {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  margin-top: 1rem;
  color: #cbd5e1;
  font-size: .85rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.media-play-burst {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: clamp(3.4rem, 6vw, 5.4rem);
  height: clamp(3.4rem, 6vw, 5.4rem);
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, .18);
  border: 1px solid rgba(255, 255, 255, .32);
  color: #ffffff;
  backdrop-filter: blur(12px);
  font-size: 1.45rem;
  box-shadow: 0 16px 44px rgba(0,0,0,.24);
}
.media-side-panel,
.media-rail-panel,
.media-empty-lead,
.media-empty-box {
  background: #ffffff;
  color: #0f172a;
  border: 1px solid #dbe6f3;
  border-radius: 1.05rem;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .10);
}
.media-side-panel,
.media-rail-panel {
  padding: clamp(1rem, 1.6vw, 1.35rem);
}
.media-side-panel h2,
.media-rail-panel h2,
.media-section-heading h2,
.media-empty-lead h1 {
  color: #0f172a;
  font-weight: 950;
  letter-spacing: -.04em;
}
.media-feature-row {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: .85rem;
  align-items: center;
  padding: .65rem;
  border-radius: .9rem;
  background: #f8fafc;
  border: 1px solid #dbe6f3;
  color: #0f172a;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background-color .14s ease;
}
.media-feature-row:hover {
  transform: translateY(-3px);
  border-color: rgba(11, 114, 217, .28);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .12);
  background: #ffffff;
}
.media-feature-thumb {
  position: relative;
  display: block;
  width: 88px;
  height: 62px;
  border-radius: .72rem;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.media-feature-thumb span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(3,7,18,.22);
  color: #fff;
  font-weight: 900;
}
.media-feature-body {
  min-width: 0;
  display: grid;
  gap: .15rem;
}
.media-feature-body strong {
  color: #0f172a;
  line-height: 1.08;
  font-size: .96rem;
  overflow-wrap: anywhere;
}
.media-feature-body small,
.media-row-kicker {
  color: #64748b;
  font-weight: 800;
}
.media-row-kicker {
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: .62rem;
  color: #0b72d9;
}
.media-channel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: clamp(1rem, 2vw, 1.8rem);
}
.media-main-feed .row {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}
.media-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.media-section-heading > span {
  color: #64748b;
  font-weight: 900;
  white-space: nowrap;
}
.media-guide-list {
  display: grid;
  gap: .75rem;
}
.media-guide-list span {
  display: grid;
  gap: .14rem;
  padding: .85rem;
  border-radius: .85rem;
  background: #f8fafc;
  border: 1px solid #dbe6f3;
}
.media-guide-list strong {
  color: #0f172a;
  font-size: 1rem;
}
.media-guide-list small {
  color: #64748b;
  font-weight: 750;
}
.media-empty-box {
  padding: 1rem;
  color: #475569;
  font-weight: 800;
}
.photo-strip .media-live-dot { background: #f59e0b; box-shadow: 0 0 0 6px rgba(245, 158, 11, .16); }
.photo-lead-media { background-position: center 35%; }
.photo-thumb::after {
  content: "";
  position: absolute;
  inset: auto .35rem .35rem auto;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: .45rem;
  background: rgba(255,255,255,.82);
  box-shadow: -.28rem -.28rem 0 rgba(255,255,255,.42);
}
.media-channel-shell .ga-card {
  border-radius: 1.05rem;
  overflow: hidden;
}
.media-channel-shell .ga-card .ga-section-title a {
  text-decoration: none;
}
.media-channel-shell .ga-card:hover .ga-section-title a {
  text-decoration: underline;
}
@media (min-width: 1400px) {
  .media-main-feed .col-xxl-4 {
    width: 33.333333%;
  }
}
@media (max-width: 991.98px) {
  .media-channel-shell {
    padding-inline: clamp(.85rem, 4vw, 1.5rem);
  }
  .media-channel-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .media-channel-shell {
    padding-inline: .75rem;
  }
  .media-live-strip {
    border-radius: 1rem;
  }
  .media-feature-row {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .media-feature-thumb {
    width: 72px;
    height: 56px;
  }
  .media-lead-media {
    min-height: 430px;
  }
}


/* v0.1.736 public video detail gutters
   Keeps highlight/replay watch pages aligned with the Watch, Photos, News, and public hub gutters. */
.video-detail-shell {
  width: min(100%, 1560px) !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 3.5vw, 4.5rem) !important;
  padding-block: clamp(1rem, 2vw, 2rem) 2.5rem !important;
}
.video-detail-shell > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.video-detail-shell .ga-title {
  overflow-wrap: anywhere;
}

.video-detail-shell .ga-card:has(.video-player-frame) {
  overflow: hidden !important;
}
.video-player-frame {
  width: 100%;
  max-width: 100%;
  border-radius: 1rem;
  overflow: hidden !important;
  background: #020617;
}
.video-player-frame iframe,
.video-player-frame video,
.video-player-native {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  border: 0;
  overflow: hidden !important;
}
.video-player-native {
  object-fit: contain;
  background: #020617;
}
.video-detail-shell .ga-card {
  max-width: 100%;
}

@media (max-width: 575.98px) {
  .video-detail-shell {
    padding-inline: .75rem !important;
  }
}

/* MAIN SPORTS HUB FACELIFT v0.1.183
   Brings the root hub page in line with News, Watch, and Photos: deliberate gutters,
   sharper channel structure, faster hover states, and a premium sports-network homepage. */
.home-channel-shell {
  width: min(100%, 1560px) !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 3.5vw, 4.5rem) !important;
  padding-block: clamp(1rem, 2vw, 2rem) 2.5rem !important;
}
.home-channel-shell > * {
  max-width: none !important;
}
.home-channel-hero {
  padding: clamp(1rem, 1.8vw, 1.4rem);
  border-radius: 1.35rem !important;
  box-shadow: 0 26px 82px rgba(15, 23, 42, .22) !important;
}
.home-live-strip {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: .72rem;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  border-radius: 999px;
  padding: .62rem .95rem;
  margin-bottom: .9rem;
  background: rgba(255,255,255,.10);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 14px 38px rgba(0,0,0,.16);
  backdrop-filter: blur(14px);
  font-weight: 950;
  letter-spacing: .03em;
}
.home-live-strip span:last-child {
  color: #cbd5e1;
  font-size: .86rem;
  font-weight: 750;
  letter-spacing: 0;
}
.home-hero-copy {
  min-height: clamp(430px, 44vw, 620px);
}
.home-channel-shell .network-headline {
  max-width: 980px;
  font-size: clamp(3rem, 6vw, 6.9rem);
  line-height: .86;
  letter-spacing: -.085em;
}
.home-feature-panel {
  min-width: 0;
}
.home-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}
.home-command-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .85rem;
}
.home-command-strip a {
  display: grid;
  gap: .15rem;
  min-width: 0;
  min-height: 100px;
  padding: 1rem;
  border-radius: 1rem;
  text-decoration: none;
  background: #ffffff;
  color: #0f172a;
  border: 1px solid #dbe6f3;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .09);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.home-command-strip a:hover {
  transform: translateY(-3px);
  border-color: rgba(11, 114, 217, .32);
  box-shadow: 0 22px 54px rgba(15, 23, 42, .13);
}
.home-command-strip span {
  color: #0b72d9;
  font-size: .72rem;
  font-weight: 1000;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.home-command-strip strong {
  color: #0f172a;
  font-size: clamp(1.7rem, 2vw, 2.25rem);
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 1000;
}
.home-command-strip small {
  color: #64748b;
  font-weight: 800;
  overflow-wrap: anywhere;
}
.home-channel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: clamp(1rem, 2vw, 1.8rem);
  align-items: start;
}
.home-main-feed,
.home-side-rail,
.home-scoreboard-panel,
.home-news-panel,
.home-media-block {
  min-width: 0;
}
.home-scoreboard-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-stories-layout {
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: 1rem;
}
.home-media-duo {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 1rem;
}
.home-media-block,
.home-scoreboard-panel,
.home-news-panel,
.home-rail-card {
  background: #ffffff;
  color: #0f172a;
  border: 1px solid #dbe6f3;
  border-radius: 1.05rem;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .10);
  padding: clamp(1rem, 1.6vw, 1.35rem);
}
.home-media-block .section-header,
.home-scoreboard-panel .section-header,
.home-news-panel .section-header {
  margin-bottom: 1rem;
}
.home-channel-shell .ga-card {
  border-radius: 1.05rem;
  overflow: hidden;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.home-channel-shell .ga-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .12);
}
.home-channel-shell .front-lead-story-card {
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.home-channel-shell .front-lead-story-card:hover {
  transform: translateY(-3px);
  border-color: rgba(11,114,217,.38) !important;
  box-shadow: 0 30px 88px rgba(15,23,42,.25) !important;
}
.home-side-rail {
  position: sticky;
  top: 1rem;
}
.home-rail-card h2 {
  color: #0f172a;
  font-weight: 950;
  letter-spacing: -.04em;
}
.home-rail-card .media-guide-list a,
.home-rail-card .media-guide-list span {
  display: grid;
  gap: .14rem;
  padding: .85rem;
  border-radius: .85rem;
  background: #f8fafc;
  border: 1px solid #dbe6f3;
  text-decoration: none;
  transition: transform .14s ease, background-color .14s ease, border-color .14s ease;
}
.home-rail-card .media-guide-list a:hover {
  transform: translateX(3px);
  background: #ffffff;
  border-color: rgba(11,114,217,.26);
}
.home-rail-card .media-guide-list strong,
.home-sport-list span {
  color: #0f172a;
  font-size: 1rem;
  font-weight: 950;
}
.home-rail-card .media-guide-list small {
  color: #64748b;
  font-weight: 750;
}
.home-sport-list {
  display: grid;
  gap: .65rem;
}
.home-sport-list a {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: center;
  text-decoration: none;
  padding: .78rem .85rem;
  border-radius: .85rem;
  background: #f8fafc;
  border: 1px solid #dbe6f3;
  transition: transform .14s ease, background-color .14s ease, border-color .14s ease;
}
.home-sport-list a:hover {
  transform: translateX(3px);
  background: #ffffff;
  border-color: rgba(11,114,217,.26);
}
.home-sport-list strong {
  flex: 0 0 auto;
  color: #0b72d9;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.home-partner-strip {
  background:
    radial-gradient(circle at 10% 5%, rgba(255,207,63,.18), transparent 30%),
    linear-gradient(135deg, #07111f, #10263f) !important;
  color: #ffffff !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 26px 82px rgba(15,23,42,.22) !important;
}
.home-partner-strip .ga-title,
.home-partner-strip h2,
.home-partner-strip strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.home-partner-strip .ga-muted,
.home-partner-strip p,
.home-partner-strip small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}
.home-partner-strip .ga-kicker {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
}
@media (min-width: 1400px) {
  .home-scoreboard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-stories-layout { grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr); }
}
@media (max-width: 1199.98px) {
  .home-channel-grid,
  .home-media-duo,
  .home-stories-layout {
    grid-template-columns: 1fr;
  }
  .home-side-rail { position: static; }
  .home-command-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .home-channel-shell { padding-inline: .75rem !important; }
  .home-live-strip { border-radius: 1rem; }
  .home-command-strip,
  .home-scoreboard-grid,
  .home-metric-grid {
    grid-template-columns: 1fr;
  }
  .home-hero-copy { min-height: auto; }
  .home-channel-shell .network-headline { font-size: clamp(2.45rem, 13vw, 4rem); }
}

/* MAIN HUB READABILITY HARDENING v0.1.184
   Fixes muted text and dark-on-dark copy introduced by the v0.1.183 homepage facelift. */
.home-channel-shell,
.home-channel-shell .home-media-block,
.home-channel-shell .home-scoreboard-panel,
.home-channel-shell .home-news-panel,
.home-channel-shell .home-rail-card,
.home-channel-shell .ga-card,
.home-channel-shell .media-empty-box {
  color: #0f172a !important;
}

.home-channel-hero,
.home-channel-hero .home-hero-copy,
.home-channel-hero .network-headline,
.home-channel-hero h1,
.home-channel-hero h2,
.home-channel-hero h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.home-channel-hero .ga-muted,
.home-channel-hero p,
.home-channel-hero .lead,
.home-channel-hero small,
.home-channel-hero .home-live-strip span:last-child {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

.home-channel-hero .ga-chip {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #ffffff !important;
  border-color: #dbe6f3 !important;
}

.home-channel-shell .front-lead-story-card,
.home-channel-shell .media-empty-lead {
  background: linear-gradient(135deg, #07111f, #10263f) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.home-channel-shell .front-lead-story-card h1,
.home-channel-shell .front-lead-story-card h2,
.home-channel-shell .front-lead-story-card h3,
.home-channel-shell .front-lead-story-card .ga-kicker,
.home-channel-shell .media-empty-lead h1,
.home-channel-shell .media-empty-lead h2,
.home-channel-shell .media-empty-lead h3,
.home-channel-shell .media-empty-lead .ga-kicker {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.home-channel-shell .front-lead-story-card p,
.home-channel-shell .front-lead-story-card .ga-muted,
.home-channel-shell .front-lead-story-card small,
.home-channel-shell .media-empty-lead p,
.home-channel-shell .media-empty-lead .ga-muted,
.home-channel-shell .media-empty-lead small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

.home-channel-shell .home-news-panel .ga-section-title,
.home-channel-shell .home-news-panel .ga-section-title h1,
.home-channel-shell .home-news-panel .ga-section-title h2,
.home-channel-shell .home-news-panel .ga-section-title h3,
.home-channel-shell .home-news-panel .section-header h1,
.home-channel-shell .home-news-panel .section-header h2,
.home-channel-shell .home-news-panel .section-header h3,
.home-channel-shell .home-media-block .section-header h1,
.home-channel-shell .home-media-block .section-header h2,
.home-channel-shell .home-media-block .section-header h3,
.home-channel-shell .home-scoreboard-panel .section-header h1,
.home-channel-shell .home-scoreboard-panel .section-header h2,
.home-channel-shell .home-scoreboard-panel .section-header h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.home-channel-shell .home-news-panel .ga-muted,
.home-channel-shell .home-news-panel p,
.home-channel-shell .home-media-block .ga-muted,
.home-channel-shell .home-media-block p,
.home-channel-shell .home-scoreboard-panel .ga-muted,
.home-channel-shell .home-scoreboard-panel p,
.home-channel-shell .home-rail-card .ga-muted,
.home-channel-shell .home-rail-card small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

.home-channel-shell .home-news-panel .ga-kicker,
.home-channel-shell .home-media-block .ga-kicker,
.home-channel-shell .home-scoreboard-panel .ga-kicker,
.home-channel-shell .home-rail-card .ga-kicker,
.home-channel-shell .partner-strip-pro .ga-kicker {
  color: #0b72d9 !important;
  -webkit-text-fill-color: #0b72d9 !important;
}

.home-partner-strip,
.home-partner-strip .row,
.home-partner-strip .col-lg-5,
.home-partner-strip .col-lg-7 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.home-partner-strip .ga-title,
.home-partner-strip h1,
.home-partner-strip h2,
.home-partner-strip h3,
.home-partner-strip strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.30);
}

.home-partner-strip .ga-muted,
.home-partner-strip p,
.home-partner-strip small {
  color: #e0f2fe !important;
  -webkit-text-fill-color: #e0f2fe !important;
}

.home-partner-strip .media-empty-box {
  background: #ffffff !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  border-color: rgba(255,255,255,.38) !important;
}

/* MAIN HUB HARD CONTRAST + STRAY STICKY CARD FIX v0.1.185
   Targets the exact homepage facelift sections where prior generic overrides could be beaten by legacy
   gradient/text-fill styles. Also removes the sticky right rail that created a stray floating white card
   while scrolling near the sponsor/revenue strip. */
html body.ga-light-theme .network-home-page.home-channel-shell .home-side-rail,
html body .network-home-page.home-channel-shell .home-side-rail {
  position: static !important;
  top: auto !important;
  align-self: start !important;
  z-index: auto !important;
}

html body.ga-light-theme .network-home-page.home-channel-shell .home-channel-hero,
html body .network-home-page.home-channel-shell .home-channel-hero {
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.24), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(25,211,255,.15), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 52%, #10263f 100%) !important;
  color: #ffffff !important;
}

html body.ga-light-theme .network-home-page.home-channel-shell .home-channel-hero .network-headline,
html body.ga-light-theme .network-home-page.home-channel-shell .home-channel-hero h1.network-headline,
html body .network-home-page.home-channel-shell .home-channel-hero .network-headline,
html body .network-home-page.home-channel-shell .home-channel-hero h1.network-headline {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: 0 18px 42px rgba(0,0,0,.34) !important;
}

html body.ga-light-theme .network-home-page.home-channel-shell .home-channel-hero p.lead.ga-muted,
html body.ga-light-theme .network-home-page.home-channel-shell .home-channel-hero .home-hero-copy p,
html body .network-home-page.home-channel-shell .home-channel-hero p.lead.ga-muted,
html body .network-home-page.home-channel-shell .home-channel-hero .home-hero-copy p {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

html body.ga-light-theme .network-home-page.home-channel-shell .front-lead-story-card,
html body .network-home-page.home-channel-shell .front-lead-story-card {
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.22), transparent 34%),
    linear-gradient(135deg, #07111f 0%, #0b1830 55%, #10263f 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.ga-light-theme .network-home-page.home-channel-shell .front-lead-story-card h1,
html body.ga-light-theme .network-home-page.home-channel-shell .front-lead-story-card h2,
html body.ga-light-theme .network-home-page.home-channel-shell .front-lead-story-card h3,
html body .network-home-page.home-channel-shell .front-lead-story-card h1,
html body .network-home-page.home-channel-shell .front-lead-story-card h2,
html body .network-home-page.home-channel-shell .front-lead-story-card h3 {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

html body.ga-light-theme .network-home-page.home-channel-shell .front-lead-story-card p,
html body.ga-light-theme .network-home-page.home-channel-shell .front-lead-story-card .ga-muted,
html body .network-home-page.home-channel-shell .front-lead-story-card p,
html body .network-home-page.home-channel-shell .front-lead-story-card .ga-muted {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

html body.ga-light-theme .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro,
html body .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro {
  background:
    radial-gradient(circle at 10% 5%, rgba(255,207,63,.20), transparent 30%),
    linear-gradient(135deg, #07111f 0%, #0b1830 55%, #10263f 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  overflow: hidden !important;
}

html body.ga-light-theme .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro .ga-title,
html body.ga-light-theme .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro h2.display-6.ga-title,
html body.ga-light-theme .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro h1,
html body.ga-light-theme .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro h2,
html body.ga-light-theme .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro h3,
html body .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro .ga-title,
html body .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro h2.display-6.ga-title,
html body .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro h1,
html body .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro h2,
html body .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro h3 {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: 0 18px 44px rgba(0,0,0,.48) !important;
}

html body.ga-light-theme .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro p.ga-muted,
html body.ga-light-theme .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro p,
html body .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro p.ga-muted,
html body .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro p {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

html body.ga-light-theme .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro .media-empty-box,
html body .network-home-page.home-channel-shell .home-partner-strip.partner-strip-pro .media-empty-box {
  background: #ffffff !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.20) !important;
}

/* BROADCAST OVERLAY FACELIFT v0.1.186
   High-contrast OBS-safe overlay layer with animated entrances, logo-aware badges,
   and new batter/pitcher stat-card treatments. */
body.ga-overlay-body,
body.ga-overlay-body * {
  text-shadow: none;
}
.ga360-angular-overlay-v3,
.ga360-angular-overlay-v3 * {
  box-sizing: border-box;
}
.ga360-angular-overlay-v3 {
  --ga-overlay-safe-dark: #06111f;
  --ga-overlay-safe-panel: rgba(8, 18, 34, .94);
  --ga-overlay-safe-text: #f8fbff;
  --ga-overlay-safe-muted: #d6e8f7;
  --ga-overlay-safe-label: #82eaff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ga-overlay-safe-text) !important;
}
.ga360-angular-overlay-v3 .overlay-fullscreen {
  background: transparent !important;
}
.ga360-angular-overlay-v3 .overlay-board,
.ga360-angular-overlay-v3 .scorebug-broadcast-v2,
.ga360-angular-overlay-v3 .ga-lower-third-card,
.ga360-angular-overlay-v3 .broadcast-card {
  background:
    radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--ga-overlay-primary) 24%, transparent), transparent 34%),
    linear-gradient(135deg, rgba(3, 10, 24, .96), rgba(7, 22, 42, .94) 58%, rgba(9, 32, 58, .92)) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  color: var(--ga-overlay-safe-text) !important;
  -webkit-text-fill-color: var(--ga-overlay-safe-text) !important;
  box-shadow: 0 32px 94px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.ga360-angular-overlay-v3 .overlay-board *,
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 *,
.ga360-angular-overlay-v3 .ga-lower-third-card * {
  -webkit-text-fill-color: currentColor !important;
}
.ga360-angular-overlay-v3 .overlay-board h1,
.ga360-angular-overlay-v3 .overlay-board h2,
.ga360-angular-overlay-v3 .overlay-board h3,
.ga360-angular-overlay-v3 .overlay-title-row h1,
.ga360-angular-overlay-v3 .overlay-player-panel h2,
.ga360-angular-overlay-v3 .ga-lower-third-card .name,
.ga360-angular-overlay-v3 .player-feature-id h1,
.ga360-angular-overlay-v3 .bug-team-text,
.ga360-angular-overlay-v3 .bug-score,
.ga360-angular-overlay-v3 .broadcast-stat strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.32) !important;
}
.ga360-angular-overlay-v3 .bug-score {
  color: #06111f !important;
  -webkit-text-fill-color: #06111f !important;
  text-shadow: none !important;
}
.ga360-angular-overlay-v3 .overlay-kicker,
.ga360-angular-overlay-v3 .ga-lower-third-card .label,
.ga360-angular-overlay-v3 .broadcast-stat span,
.ga360-angular-overlay-v3 .bug-panel-label {
  color: var(--ga-overlay-safe-label) !important;
  -webkit-text-fill-color: var(--ga-overlay-safe-label) !important;
  opacity: 1 !important;
}
.ga360-angular-overlay-v3 .overlay-team-heading small,
.ga360-angular-overlay-v3 .overlay-lineup-player small,
.ga360-angular-overlay-v3 .overlay-player-panel p,
.ga360-angular-overlay-v3 .overlay-score-strip small,
.ga360-angular-overlay-v3 .overlay-footer-meta,
.ga360-angular-overlay-v3 .ga-lower-third-card .subline,
.ga360-angular-overlay-v3 .overlay-alert-detail,
.ga360-angular-overlay-v3 .player-feature-id p,
.ga360-angular-overlay-v3 .player-feature-id small {
  color: var(--ga-overlay-safe-muted) !important;
  -webkit-text-fill-color: var(--ga-overlay-safe-muted) !important;
  opacity: 1 !important;
}
.ga360-angular-overlay-v3 .overlay-pill,
.ga360-angular-overlay-v3 .overlay-team-card,
.ga360-angular-overlay-v3 .overlay-info-card,
.ga360-angular-overlay-v3 .overlay-player-panel,
.ga360-angular-overlay-v3 .overlay-score-strip div,
.ga360-angular-overlay-v3 .overlay-linescore-table td,
.ga360-angular-overlay-v3 .broadcast-stat {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #f8fbff !important;
}
.ga360-angular-overlay-v3 .overlay-linescore-table th {
  color: #cde8ff !important;
  -webkit-text-fill-color: #cde8ff !important;
}
.ga360-angular-overlay-v3 .bug-logo,
.ga360-angular-overlay-v3 .overlay-team-badge,
.ga360-angular-overlay-v3 .player-team-logo {
  overflow: hidden;
  display: inline-grid;
  place-items: center;
  background: linear-gradient(135deg, var(--ga-overlay-primary), var(--ga-overlay-accent)) !important;
  color: #06111f !important;
  -webkit-text-fill-color: #06111f !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.28);
}
.ga360-angular-overlay-v3 .bug-logo img,
.ga360-angular-overlay-v3 .overlay-team-badge img,
.ga360-angular-overlay-v3 .player-team-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8%;
  background: #ffffff;
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 {
  animation: gaOverlaySlideUp .42s cubic-bezier(.2, .9, .2, 1) both;
}
.ga360-angular-overlay-v3 .overlay-board,
.ga360-angular-overlay-v3 .ga-lower-third-card,
.ga360-angular-overlay-v3 .animate-overlay-in {
  animation: gaOverlayPopIn .48s cubic-bezier(.16, 1, .3, 1) both;
}
.broadcast-topline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.3rem;
}
.player-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  gap: 1.2rem;
  align-items: stretch;
}
.player-feature-id {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  min-width: 0;
  border-radius: 30px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  padding: 1.25rem;
}
.player-team-logo {
  width: clamp(92px, 9vw, 142px);
  height: clamp(92px, 9vw, 142px);
  border-radius: 30px;
  flex: 0 0 auto;
  font-size: clamp(1.7rem, 3vw, 3rem);
  font-weight: 1000;
}
.player-feature-id h1 {
  margin: .12rem 0 .4rem;
  font-size: clamp(2.4rem, 5vw, 5.4rem) !important;
  line-height: .86;
  letter-spacing: -.075em;
  overflow-wrap: anywhere;
}
.player-feature-id small {
  display: block;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 950;
}
.broadcast-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
}
.broadcast-stat {
  min-height: 112px;
  border-radius: 24px;
  padding: .9rem 1rem;
  display: grid;
  align-content: center;
  gap: .18rem;
}
.broadcast-stat span {
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 1000;
  font-size: .72rem;
}
.broadcast-stat strong {
  font-size: clamp(2rem, 4vw, 4.2rem);
  line-height: .95;
  font-variant-numeric: tabular-nums;
}
@keyframes gaOverlayPopIn {
  0% { opacity: 0; transform: translateY(22px) scale(.985); filter: blur(5px); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
@keyframes gaOverlaySlideUp {
  0% { opacity: 0; transform: translateY(34px); }
  100% { opacity: 1; transform: translateY(0); }
}
@media (max-width: 980px) {
  .player-feature-grid { grid-template-columns: 1fr; }
  .broadcast-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .broadcast-topline { flex-direction: column; }
}

/* MAIN HUB FEATURED GAME CONTRAST LOCK v0.1.186
   Fixes light-on-light copy inside the featured game card on the hub hero. */
html body .network-home-page.home-channel-shell .home-feature-panel,
html body .network-home-page.home-channel-shell .hero-game-card {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html body .network-home-page.home-channel-shell .hero-game-card {
  background: #ffffff !important;
  border: 1px solid #dbe6f3 !important;
  box-shadow: 0 26px 76px rgba(15,23,42,.20) !important;
}
html body .network-home-page.home-channel-shell .hero-game-card h1,
html body .network-home-page.home-channel-shell .hero-game-card h2,
html body .network-home-page.home-channel-shell .hero-game-card h3,
html body .network-home-page.home-channel-shell .hero-game-card h2 a,
html body .network-home-page.home-channel-shell .hero-game-card strong,
html body .network-home-page.home-channel-shell .hero-game-card .mini-metric strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body .network-home-page.home-channel-shell .hero-game-card .ga-kicker,
html body .network-home-page.home-channel-shell .hero-game-card .mini-metric span,
html body .network-home-page.home-channel-shell .hero-game-card .scoreboard-card-pro .ga-kicker {
  color: #0b72d9 !important;
  -webkit-text-fill-color: #0b72d9 !important;
}
html body .network-home-page.home-channel-shell .hero-game-card .ga-muted,
html body .network-home-page.home-channel-shell .hero-game-card small,
html body .network-home-page.home-channel-shell .hero-game-card p,
html body .network-home-page.home-channel-shell .hero-game-card .scoreboard-card-pro small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  opacity: 1 !important;
}
html body .network-home-page.home-channel-shell .hero-game-card .scoreboard-card-pro,
html body .network-home-page.home-channel-shell .hero-game-card .mini-metric {
  background: #f8fafc !important;
  border: 1px solid #dbe6f3 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html body .network-home-page.home-channel-shell .hero-game-card .badge-live {
  color: #7f1d1d !important;
  -webkit-text-fill-color: #7f1d1d !important;
  background: #fff1f2 !important;
  border: 1px solid #fecdd3 !important;
}

/* v0.1.187 Scorekeeper hero/header contrast final lock
   The guided workflow header sits on the dark scorekeeper shell, while the
   step panels below are light cards. Split the typography intentionally so
   the shell header is bright and the light work panels stay dark/readable. */
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head {
  background: linear-gradient(135deg, rgba(6, 17, 31, .92), rgba(15, 35, 58, .86)) !important;
  border: 1px solid rgba(148, 197, 255, .24) !important;
  border-radius: 24px !important;
  padding: 1rem 1.1rem !important;
  box-shadow: 0 18px 44px rgba(2, 8, 23, .28) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head .scorebook-panel-kicker,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head .ga-kicker {
  color: #67e8f9 !important;
  -webkit-text-fill-color: #67e8f9 !important;
  opacity: 1 !important;
  text-shadow: 0 0 18px rgba(34, 211, 238, .20) !important;
}
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head .scorebook-readable-title,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head h1,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head h2,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.42) !important;
}
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head .scorebook-readable-muted,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head p {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.25) !important;
}
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head .scorebook-context-chip,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head .ga-chip {
  background: rgba(226, 242, 255, .96) !important;
  border: 1px solid rgba(186, 230, 253, .9) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: none !important;
}
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-step-header,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-guided-pane,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-step-panel.is-active {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-step-header h1,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-step-header h2,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-step-header h3,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-guided-pane strong:not(.scorebook-guided-label strong),
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-guided-pane span,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-guided-pane label {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-step-header p,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .scorebook-zone-note,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] .form-label.small {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
}

/* v0.1.187 OBS overlay no-refresh live-update state */
.ga360-angular-overlay-v3[data-live-update-mode="fetch-patch-no-refresh"] [data-overlay-render-target] {
  will-change: contents;
}
.ga360-angular-overlay-v3 .overlay-soft-swap-enter {
  animation: gaOverlaySoftSwap .22s ease-out both;
}
@keyframes gaOverlaySoftSwap {
  0% { opacity: .84; transform: translateY(2px); }
  100% { opacity: 1; transform: translateY(0); }
}


/* LEAGUE INDEX GUTTER FIX
   Keeps the public league directory off the viewport edge on every breakpoint. */
.league-public-index.public-index-refresh {
  padding-left: clamp(1rem, 4vw, 2.5rem) !important;
  padding-right: clamp(1rem, 4vw, 2.5rem) !important;
  box-sizing: border-box !important;
}

.league-public-index .public-index-hero,
.league-public-index .public-index-list {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}


/* v0.1.193 directory channel hero refresh
   Matches League and Tournament directories to the News, Watch, and Photos channel presentation. */
.directory-channel-shell {
  width: min(100%, 1560px);
  margin-inline: auto;
  padding-inline: clamp(1rem, 3.5vw, 4.5rem);
  padding-block: clamp(1rem, 2vw, 2rem) 2.5rem;
}
.directory-channel-hero,
.directory-channel-shell .media-channel-grid {
  margin-inline: auto;
}
.directory-live-strip .media-live-dot {
  background: #0b72d9;
  box-shadow: 0 0 0 6px rgba(11, 114, 217, .15);
}
.tournament-strip .media-live-dot {
  background: #f59e0b;
  box-shadow: 0 0 0 6px rgba(245, 158, 11, .16);
}
.directory-lead-card {
  display: block;
  text-decoration: none;
}
.directory-lead-media {
  position: relative;
  min-height: clamp(390px, 43vw, 560px);
  border-radius: 1.15rem;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.directory-lead-card:hover .directory-lead-media {
  transform: translateY(-3px);
  border-color: rgba(11, 114, 217, .38);
  box-shadow: 0 30px 88px rgba(15, 23, 42, .28);
}
.league-lead-media {
  background:
    radial-gradient(circle at 15% 25%, rgba(11, 114, 217, .52), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(34, 197, 94, .24), transparent 28%),
    linear-gradient(120deg, rgba(3, 7, 18, .98), rgba(7, 17, 31, .82) 54%, rgba(15, 23, 42, .94));
}
.tournament-lead-media {
  background:
    radial-gradient(circle at 14% 24%, rgba(245, 158, 11, .48), transparent 32%),
    radial-gradient(circle at 82% 18%, rgba(11, 114, 217, .30), transparent 31%),
    linear-gradient(120deg, rgba(3, 7, 18, .98), rgba(26, 14, 3, .78) 54%, rgba(15, 23, 42, .94));
}
.directory-lead-media::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 9, 20, .96), rgba(4, 9, 20, .42)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.055) 0 1px, transparent 1px 18px);
}
.directory-lead-content {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 1;
  padding: clamp(1.25rem, 3vw, 2.7rem);
}
.directory-lead-content h1 {
  max-width: 980px;
  margin: 0 0 .8rem;
  font-size: clamp(2.2rem, 4.5vw, 4.9rem);
  line-height: .92;
  letter-spacing: -.075em;
  font-weight: 950;
}
.directory-lead-content p {
  max-width: 780px;
  margin: 0;
  font-weight: 800;
}
.directory-feature-mark {
  background:
    radial-gradient(circle at 25% 25%, rgba(11, 114, 217, .50), transparent 34%),
    linear-gradient(135deg, #07111f, #0f172a);
}
.tournament-feature-mark {
  background:
    radial-gradient(circle at 25% 25%, rgba(245, 158, 11, .52), transparent 34%),
    linear-gradient(135deg, #07111f, #0f172a);
}
.directory-feature-mark span {
  background: rgba(3, 7, 18, .18);
  text-transform: uppercase;
  letter-spacing: .07em;
}
.directory-channel-shell .public-index-list {
  display: grid;
  gap: .85rem;
}
.directory-channel-shell .public-index-card {
  background: #ffffff;
  border-color: #dbe6f3;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.directory-channel-shell .public-index-card:hover {
  transform: translateY(-3px);
  border-color: rgba(11, 114, 217, .28);
  box-shadow: 0 22px 58px rgba(15, 23, 42, .13);
}
@media (max-width: 991.98px) {
  .directory-channel-shell {
    padding-inline: clamp(.85rem, 4vw, 1.5rem);
  }
}
@media (max-width: 575.98px) {
  .directory-channel-shell {
    padding-inline: .75rem;
  }
  .directory-lead-media {
    min-height: 430px;
  }
}

/* v0.1.208 RESPONSIVE PAGE GUTTERS
   Page-level left/right gutters should only appear once the browser is wide enough.
   Smaller and mid-sized browsers use the full viewport; individual cards keep their own internal padding. */
@media (max-width: 1279.98px) {
  body.ga-light-theme .ga-navbar > .container-fluid,
  body.ga-light-theme main.ga-page,
  body.ga-light-theme footer.container-fluid,
  body.ga-light-theme .network-home-page,
  body.ga-light-theme .home-public-refresh,
  body.ga-light-theme .home-channel-shell,
  body.ga-light-theme .news-page-shell,
  body.ga-light-theme .media-channel-shell,
  body.ga-light-theme .directory-channel-shell,
  body.ga-light-theme .sports-public-refresh,
  body.ga-light-theme .sports-hub-index-page,
  body.ga-light-theme .baseball-public-refresh,
  body.ga-light-theme .league-public-refresh,
  body.ga-light-theme .tournament-public-refresh,
  body.ga-light-theme .league-public-index.public-index-refresh {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.ga-light-theme main > .network-hero-pro,
  body.ga-light-theme main > .network-hero-pro ~ *:not(script):not(style),
  body.ga-light-theme main > .gamecenter-hero,
  body.ga-light-theme main > .gamecenter-hero ~ *:not(script):not(style),
  body.ga-light-theme main > .gamecenter-hero + .row,
  body.ga-light-theme main > .gamecenter-hero + .container,
  body.ga-light-theme main > .gamecenter-hero + .container-fluid {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.ga-light-theme .news-page-shell .news-channel-grid,
  body.ga-light-theme .media-channel-grid,
  body.ga-light-theme .directory-channel-shell .media-channel-grid,
  body.ga-light-theme .league-public-index .public-index-hero,
  body.ga-light-theme .league-public-index .public-index-list {
    max-width: none !important;
  }
}

@media (min-width: 1280px) {
  body.ga-light-theme .ga-navbar > .container-fluid,
  body.ga-light-theme main.ga-page,
  body.ga-light-theme footer.container-fluid {
    padding-left: clamp(1rem, 2.4vw, 2.5rem) !important;
    padding-right: clamp(1rem, 2.4vw, 2.5rem) !important;
  }

  body.ga-light-theme .network-home-page,
  body.ga-light-theme .home-public-refresh,
  body.ga-light-theme .home-channel-shell,
  body.ga-light-theme .news-page-shell,
  body.ga-light-theme .media-channel-shell,
  body.ga-light-theme .directory-channel-shell,
  body.ga-light-theme .sports-public-refresh,
  body.ga-light-theme .sports-hub-index-page,
  body.ga-light-theme .baseball-public-refresh,
  body.ga-light-theme .league-public-refresh,
  body.ga-light-theme .tournament-public-refresh,
  body.ga-light-theme .league-public-index.public-index-refresh {
    width: min(100%, 1560px) !important;
    max-width: 1560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(1rem, 3vw, 3rem) !important;
    padding-right: clamp(1rem, 3vw, 3rem) !important;
    box-sizing: border-box !important;
  }
}

/* v0.1.212 collapsed public navigation hardening */
@media (max-width: 991.98px) {
  body.ga-light-theme .ga-public-nav-groups {
    width: 100% !important;
    margin-left: 0 !important;
    padding-top: .75rem !important;
    gap: .72rem !important;
  }
  body.ga-light-theme .ga-public-nav-media,
  body.ga-light-theme .ga-public-nav-directory {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border-radius: 1rem !important;
    padding: .65rem !important;
    box-sizing: border-box !important;
  }
  body.ga-light-theme .ga-public-nav-directory {
    background: #ffffff !important;
    border: 1px solid #d7e2ef !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06) !important;
    gap: .45rem !important;
  }
  body.ga-light-theme .ga-public-nav-media .nav-item,
  body.ga-light-theme .ga-public-nav-directory .nav-item {
    flex: 1 1 96px !important;
    min-width: 96px !important;
  }
  body.ga-light-theme .ga-public-nav-media .nav-link,
  body.ga-light-theme .ga-public-nav-directory .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    border-radius: .78rem !important;
    padding: .62rem .72rem !important;
    color: #050b14 !important;
    -webkit-text-fill-color: #050b14 !important;
    font-weight: 1000 !important;
    background: #f8fafc !important;
    border: 1px solid #dbe6f3 !important;
  }
  body.ga-light-theme .ga-public-nav-actions {
    width: 100% !important;
    padding-bottom: .4rem !important;
  }
  body.ga-light-theme .ga-public-nav-actions .btn,
  body.ga-light-theme .ga-public-nav-actions form,
  body.ga-light-theme .ga-public-nav-actions form .btn {
    flex: 1 1 112px !important;
  }
}

/* v0.1.212 League/Tournament directory contrast hardening */
.directory-channel-shell .directory-lead-content,
.directory-channel-shell .directory-lead-content * {
  color: #ffffff;
}
.directory-channel-shell .directory-lead-content h1,
.directory-channel-shell .directory-lead-content p,
.directory-channel-shell .directory-lead-content .media-meta,
.directory-channel-shell .directory-lead-content .media-meta span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.directory-channel-shell .media-side-panel,
.directory-channel-shell .media-side-panel *,
.directory-channel-shell .media-main-feed,
.directory-channel-shell .media-main-feed *,
.directory-channel-shell .media-rail-panel,
.directory-channel-shell .media-rail-panel * {
  text-shadow: none;
}
.directory-channel-shell .media-side-panel,
.directory-channel-shell .media-main-feed,
.directory-channel-shell .media-rail-panel,
.directory-channel-shell .public-index-card {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.directory-channel-shell .media-feature-body small,
.directory-channel-shell .public-index-meta,
.directory-channel-shell .public-index-meta span,
.directory-channel-shell .media-guide-list small {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
.directory-channel-shell .ga-kicker,
.directory-channel-shell .media-row-kicker {
  color: #0b4ea2 !important;
  -webkit-text-fill-color: #0b4ea2 !important;
}

/* v0.1.212 final nav and directory hero contrast pass */
@media (max-width: 991.98px) {
  body.ga-light-theme .navbar-collapse {
    padding-top: .65rem !important;
  }
  body.ga-light-theme .ga-public-nav-media,
  body.ga-light-theme .ga-public-nav-directory {
    width: 100vw !important;
    margin-left: -.75rem !important;
    margin-right: -.75rem !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    padding: .75rem 1rem !important;
    gap: .55rem !important;
    min-height: 64px !important;
  }
  body.ga-light-theme .ga-public-nav-media .nav-item,
  body.ga-light-theme .ga-public-nav-directory .nav-item {
    flex: 1 1 112px !important;
  }
  body.ga-light-theme .ga-public-nav-media .nav-link,
  body.ga-light-theme .ga-public-nav-directory .nav-link {
    min-height: 46px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }
}

body.ga-light-theme .directory-channel-shell .directory-lead-media::before {
  background:
    linear-gradient(90deg, rgba(3, 7, 18, .98), rgba(3, 7, 18, .72) 48%, rgba(3, 7, 18, .35)),
    linear-gradient(0deg, rgba(3, 7, 18, .98), rgba(3, 7, 18, .30) 58%, rgba(3, 7, 18, .20)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.055) 0 1px, transparent 1px 18px) !important;
}
body.ga-light-theme .directory-channel-shell .directory-lead-content,
body.ga-light-theme .directory-channel-shell .directory-lead-content h1,
body.ga-light-theme .directory-channel-shell .directory-lead-content p,
body.ga-light-theme .directory-channel-shell .directory-lead-content .media-meta,
body.ga-light-theme .directory-channel-shell .directory-lead-content .media-meta span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 4px 24px rgba(0,0,0,.86) !important;
}
body.ga-light-theme .directory-channel-shell .directory-lead-content .media-pill {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(2, 6, 23, .78) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
}
body.ga-light-theme .directory-channel-shell .directory-lead-content .media-pill-live {
  color: #050b14 !important;
  -webkit-text-fill-color: #050b14 !important;
  background: #ffffff !important;
  border-color: rgba(255,255,255,.86) !important;
  text-shadow: none !important;
}

/* v0.1.216 Main hub compact scoreboard polish */
.network-home-page .home-scoreboard-compact-grid .ga-gamecard--ticker {
  min-height: 118px !important;
  padding: .7rem .75rem !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.08) !important;
}
.network-home-page .home-scoreboard-compact-grid .ga-gamecard__meta {
  margin-bottom: .45rem !important;
}
.network-home-page .home-scoreboard-compact-grid .ga-gamecard__team {
  min-height: 26px !important;
  gap: .45rem !important;
}
.network-home-page .home-scoreboard-compact-grid .ga-gamecard__logo {
  width: 26px !important;
  height: 26px !important;
  border-radius: 9px !important;
  font-size: .62rem !important;
}
.network-home-page .home-scoreboard-compact-grid .ga-gamecard__name {
  font-size: .86rem !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.network-home-page .home-scoreboard-compact-grid .ga-gamecard__score {
  font-size: 1rem !important;
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
}
.network-home-page .home-scoreboard-compact-grid .ga-gamecard__footer {
  margin-top: .5rem !important;
  padding-top: .45rem !important;
  font-size: .72rem !important;
}
@media (max-width: 575.98px) {
  .network-home-page .home-scoreboard-compact-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.1.218 public nav action row fix */
body.ga-light-theme .ga-public-nav-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .5rem !important;
  min-width: max-content !important;
}
body.ga-light-theme .ga-public-nav-actions form {
  display: inline-flex !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
}
body.ga-light-theme .ga-public-nav-actions .btn,
body.ga-light-theme .ga-public-nav-actions form .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 6.25rem !important;
  white-space: nowrap !important;
}
@media (max-width: 991.98px) {
  body.ga-light-theme .ga-public-nav-actions {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: .5rem !important;
  }
  body.ga-light-theme .ga-public-nav-actions .btn,
  body.ga-light-theme .ga-public-nav-actions form,
  body.ga-light-theme .ga-public-nav-actions form .btn {
    width: 100% !important;
    min-width: 0 !important;
    flex: initial !important;
  }
}

/* v0.1.221 main hub compact hero and news-led layout */
@media (max-width: 900px) {
  .network-home-page .home-news-panel > div[style*="grid-template-columns:minmax(0,1.25fr)"] {
    grid-template-columns:1fr !important;
  }
  .network-home-page .home-channel-hero .row {
    gap:.75rem !important;
  }
}

@media (max-width: 640px) {
  .network-home-page .home-channel-hero {
    border-radius:22px !important;
  }
  .network-home-page .home-hero-actions .btn {
    flex:1 1 calc(50% - .5rem);
    min-width:0;
  }
  .network-home-page .home-scoreboard-compact-grid {
    grid-template-columns:1fr !important;
  }
}


/* v0.1.223 context-aware ticker visibility hardening */
html body .ga-ticker--games .ga-ticker-game,
html body.ga-light-theme .ga-ticker--games .ga-ticker-game {
  flex-basis: 430px !important;
  width: 430px !important;
  grid-template-columns: minmax(100px, auto) minmax(0, 1fr) auto !important;
}

html body .ga-ticker--games .ga-ticker-status,
html body.ga-light-theme .ga-ticker--games .ga-ticker-status {
  min-width: 100px !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  letter-spacing: .05em !important;
  padding-inline: .55rem !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

@media (max-width: 640px) {
  html body .ga-ticker--games .ga-ticker-game,
  html body.ga-light-theme .ga-ticker--games .ga-ticker-game {
    flex-basis: 360px !important;
    width: 360px !important;
    grid-template-columns: minmax(92px, auto) minmax(0, 1fr) auto !important;
  }

  html body .ga-ticker--games .ga-ticker-status,
  html body.ga-light-theme .ga-ticker--games .ga-ticker-status {
    min-width: 92px !important;
    font-size: .62rem !important;
    letter-spacing: .035em !important;
  }
}


/* v0.1.225 overlay motion/color/brand hardening
   OBS overlays must update in-place with JavaScript, not animate on each payload patch.
   Visibility/opacity can still be controlled by OBS or parent containers. */
body.ga-overlay-body .ga360-angular-overlay-v3,
body.ga-overlay-body .ga360-angular-overlay-v3 * {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
body.ga-overlay-body .ga360-angular-overlay-v3 {
  --ga-overlay-primary: #312e81;
  --ga-overlay-secondary: #4c1d95;
  --ga-overlay-accent: #f97316;
  --ga-overlay-surface: #0b1020;
  --ga-overlay-text: #f8fbff;
  --ga-overlay-safe-dark: #050816;
  --ga-overlay-safe-panel: rgba(11, 16, 32, .96);
  --ga-overlay-safe-label: #f8fafc;
}
body.ga-overlay-body .ga360-angular-overlay-v3 .overlay-board,
body.ga-overlay-body .ga360-angular-overlay-v3 .scorebug-broadcast-v2,
body.ga-overlay-body .ga360-angular-overlay-v3 .ga-lower-third-card,
body.ga-overlay-body .ga360-angular-overlay-v3 .broadcast-card {
  background:
    radial-gradient(circle at 0% 0%, rgba(124,58,237,.20), transparent 34%),
    linear-gradient(135deg, rgba(5,8,22,.98), rgba(11,16,32,.96) 58%, rgba(17,24,39,.94)) !important;
}
body.ga-overlay-body .ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-side,
body.ga-overlay-body .ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-status-panel,
body.ga-overlay-body .ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-count-panel,
body.ga-overlay-body .ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-bases-panel,
body.ga-overlay-body .ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-outs-panel {
  background: rgba(5, 8, 22, .96) !important;
}
body.ga-overlay-body .ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-score {
  background: linear-gradient(180deg, #f8fafc, #dbe3ee) !important;
  color: #050816 !important;
  -webkit-text-fill-color: #050816 !important;
}
body.ga-overlay-body .ga360-angular-overlay-v3 .bug-logo,
body.ga-overlay-body .ga360-angular-overlay-v3 .overlay-team-badge,
body.ga-overlay-body .ga360-angular-overlay-v3 .player-team-logo,
body.ga-overlay-body .ga360-angular-overlay-v3 .ga360-overlay-brand__badge {
  background: linear-gradient(135deg, #312e81, #4c1d95) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
body.ga-overlay-body .ga360-angular-overlay-v3 .bug-logo img,
body.ga-overlay-body .ga360-angular-overlay-v3 .overlay-team-badge img,
body.ga-overlay-body .ga360-angular-overlay-v3 .player-team-logo img,
body.ga-overlay-body .ga360-angular-overlay-v3 .ga360-overlay-brand__logo-image {
  background: transparent !important;
  padding: 8% !important;
}
body.ga-overlay-body .ga360-angular-overlay-v3 .ga360-overlay-brand-row {
  margin-top: .7rem;
}
body.ga-overlay-body .ga360-angular-overlay-v3 .ga360-overlay-brand {
  background: rgba(5, 8, 22, .96) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.34) !important;
}
body.ga-overlay-body .ga360-angular-overlay-v3 .ga360-overlay-brand__label,
body.ga-overlay-body .ga360-angular-overlay-v3 .ga360-overlay-brand__logo-text {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}


/* v0.1.242 Scorekeeper workflow intro copy contrast */
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head .scorebook-readable-title,
html body .scorebook-shell.scorebook-pro .scorebook-workflow-card[data-scorebook-workflow] > .scorebook-section-head .scorebook-readable-muted {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
.scorebook-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.32rem .6rem;background:rgba(34,197,94,.14);border:1px solid rgba(134,239,172,.35);color:#bbf7d0!important;-webkit-text-fill-color:#bbf7d0!important;font-size:.68rem;font-weight:1000;text-transform:uppercase;letter-spacing:.09em}.scorebook-transition-hint{display:grid;gap:.2rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.065);border-radius:16px;padding:.75rem .85rem}.scorebook-transition-hint strong{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:.82rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.scorebook-transition-hint span{color:#dbeafe!important;-webkit-text-fill-color:#dbeafe!important;font-size:.78rem;font-weight:750;line-height:1.25}.scorebook-end-game-confirm{border:1px solid rgba(248,113,113,.38);background:rgba(127,29,29,.24);border-radius:16px;overflow:hidden}.scorebook-end-game-confirm summary{list-style:none;cursor:pointer;border-radius:14px!important}.scorebook-end-game-confirm summary::-webkit-details-marker{display:none}.scorebook-end-game-form{display:grid;gap:.55rem;margin:0;padding:.75rem;background:#111827}.scorebook-end-game-label{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:.78rem;font-weight:900;line-height:1.25}.scorebook-end-game-slider{width:100%;accent-color:#ef4444;cursor:pointer}.scorebook-end-game-slider-label{display:flex;justify-content:space-between;gap:.5rem;color:#fee2e2!important;-webkit-text-fill-color:#fee2e2!important;font-size:.68rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}

.scorebook-manual-bases {
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  padding: .55rem;
  background: rgba(15,23,42,.42);
}
.scorebook-manual-bases summary { list-style: none; cursor: pointer; }
.scorebook-manual-bases summary::-webkit-details-marker { display: none; }
.scorebook-manual-bases-form { display: grid; gap: .65rem; }
.scorebook-manual-base-help {
  display: grid;
  gap: .25rem;
  padding: .75rem;
  border-radius: 16px;
  background: rgba(25,211,255,.10);
  border: 1px solid rgba(103,232,249,.28);
}
.scorebook-manual-base-help strong { color: #fff !important; -webkit-text-fill-color: #fff !important; font-weight: 1000; }
.scorebook-manual-base-help span,
.scorebook-manual-base-warning {
  color: #dff7ff !important;
  -webkit-text-fill-color: #dff7ff !important;
  font-size: .82rem;
  line-height: 1.35;
  margin: 0;
}
.scorebook-manual-base-warning { color: #fef3c7 !important; -webkit-text-fill-color: #fef3c7 !important; font-weight: 800; }
.scorebook-manual-base-row { display: grid; gap: .25rem; }
.scorebook-manual-base-row label { color: #bae6fd !important; -webkit-text-fill-color: #bae6fd !important; font-weight: 1000; }
.scorebook-manual-base-alert {
  border-radius: 14px;
  padding: .65rem .75rem;
  background: rgba(248,113,113,.18);
  border: 1px solid rgba(248,113,113,.42);
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
  font-size: .82rem;
  font-weight: 900;
}

.scorebook-post-flash {
  margin: 0 0 1.5rem;
}

.scorebook-post-flash .alert {
  box-shadow: 0 14px 40px rgba(0, 0, 0, .18);
}

/* v0.1.363 admin organization index contrast hardening
   Players, Teams, Leagues, and Tournaments use light table surfaces in the light theme,
   so force dark text throughout those index cards instead of light-on-light utility text. */
body.ga-light-theme .admin-organization-index,
body.ga-light-theme .admin-organization-index .ga-card,
body.ga-light-theme .admin-organization-index .table,
body.ga-light-theme .admin-organization-index .ga-table,
body.ga-light-theme .admin-organization-index .table td,
body.ga-light-theme .admin-organization-index .table th,
body.ga-light-theme .admin-organization-index .table strong,
body.ga-light-theme .admin-organization-index .table div,
body.ga-light-theme .admin-organization-index .table span:not(.badge),
body.ga-light-theme .admin-organization-index .table a:not(.btn) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
body.ga-light-theme .admin-organization-index .ga-card {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow: 0 18px 44px rgba(15,23,42,.08) !important;
}
body.ga-light-theme .admin-organization-index .ga-table thead th,
body.ga-light-theme .admin-organization-index .table thead th {
  background: #eef6ff !important;
  color: #1e3a8a !important;
  -webkit-text-fill-color: #1e3a8a !important;
  border-bottom-color: rgba(30,58,138,.22) !important;
}
body.ga-light-theme .admin-organization-index .table tbody tr,
body.ga-light-theme .admin-organization-index .ga-table tbody tr {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.10) !important;
}
body.ga-light-theme .admin-organization-index .table tbody tr:hover,
body.ga-light-theme .admin-organization-index .ga-table tbody tr:hover {
  background: #f8fafc !important;
}
body.ga-light-theme .admin-organization-index .ga-chip {
  background: #eff6ff !important;
  border-color: rgba(37,99,235,.22) !important;
  color: #1e3a8a !important;
  -webkit-text-fill-color: #1e3a8a !important;
  font-weight: 900 !important;
}
body.ga-light-theme .admin-organization-index .btn-outline-light {
  background: #ffffff !important;
  color: #0b5fb7 !important;
  -webkit-text-fill-color: #0b5fb7 !important;
  border-color: rgba(11,95,183,.42) !important;
}
body.ga-light-theme .admin-organization-index .btn-outline-info {
  background: #f0f9ff !important;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  border-color: rgba(7,89,133,.34) !important;
}


/* v0.1.364 admin field/facility/event/sport index contrast and search hardening */
body.ga-light-theme .facility-admin-shell,
body.ga-light-theme .facility-admin-shell .facility-admin-card,
body.ga-light-theme .facility-admin-shell .facility-admin-card *,
body.ga-light-theme .facility-admin-shell .facility-admin-metrics,
body.ga-light-theme .facility-admin-shell .facility-admin-metrics *,
body.ga-light-theme .facility-admin-shell .ga-card,
body.ga-light-theme .facility-admin-shell .table,
body.ga-light-theme .facility-admin-shell .table td,
body.ga-light-theme .facility-admin-shell .table th,
body.ga-light-theme .facility-admin-shell .table strong,
body.ga-light-theme .facility-admin-shell .table small,
body.ga-light-theme .facility-admin-shell .table a:not(.btn) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
body.ga-light-theme .facility-admin-shell .facility-admin-card {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.14) !important;
  box-shadow: 0 18px 44px rgba(15,23,42,.08) !important;
}
body.ga-light-theme .facility-admin-shell .facility-admin-card:hover {
  background: #f8fafc !important;
  border-color: rgba(37,99,235,.36) !important;
}
body.ga-light-theme .facility-admin-shell .facility-admin-metrics span {
  background: #f8fafc !important;
  border-color: rgba(15,23,42,.12) !important;
}
body.ga-light-theme .facility-admin-shell .facility-admin-metrics b {
  color: #0b5fb7 !important;
  -webkit-text-fill-color: #0b5fb7 !important;
}
body.ga-light-theme .facility-admin-shell .facility-admin-metrics small,
body.ga-light-theme .facility-admin-shell .facility-admin-card small,
body.ga-light-theme .facility-admin-shell .facility-admin-card p,
body.ga-light-theme .facility-admin-shell .facility-admin-card em {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
body.ga-light-theme .facility-admin-shell .ga-card {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.12) !important;
}
body.ga-light-theme .facility-admin-shell .table thead th {
  background: #eef6ff !important;
  color: #1e3a8a !important;
  -webkit-text-fill-color: #1e3a8a !important;
}
body.ga-light-theme .facility-admin-shell .table tbody tr {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.10) !important;
}
body.ga-light-theme .facility-admin-shell .table tbody tr:hover {
  background: #f8fafc !important;
}
body.ga-light-theme .admin-contrast-link,
body.ga-light-theme .facility-admin-shell a.admin-contrast-link {
  color: #0b5fb7 !important;
  -webkit-text-fill-color: #0b5fb7 !important;
  font-weight: 900 !important;
}
body.ga-light-theme .admin-organization-index .ga-muted,
body.ga-light-theme .facility-admin-shell .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

/* v0.1.365 admin panel unified index/show polish
   Keep every admin resource index and show page on the same readable light surface. */
body.ga-light-theme .ga-admin-shell {
  align-items: start;
  color: #0f172a !important;
}
body.ga-light-theme .ga-admin-shell > main,
body.ga-light-theme .ga-admin-shell > div:not(.ga-sidebar) {
  width: 100%;
  min-width: 0;
}
body.ga-light-theme .ga-admin-shell h1,
body.ga-light-theme .ga-admin-shell .ga-title,
body.ga-light-theme .ga-admin-shell .admin-show-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
  letter-spacing: -.055em;
  line-height: 1.02;
  text-shadow: none !important;
  background: none !important;
}
body.ga-light-theme .ga-admin-shell h2,
body.ga-light-theme .ga-admin-shell h3,
body.ga-light-theme .ga-admin-shell h4,
body.ga-light-theme .ga-admin-shell h5,
body.ga-light-theme .ga-admin-shell h6,
body.ga-light-theme .ga-admin-shell strong,
body.ga-light-theme .ga-admin-shell b,
body.ga-light-theme .ga-admin-shell label,
body.ga-light-theme .ga-admin-shell .form-label {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
body.ga-light-theme .ga-admin-shell .ga-kicker,
body.ga-light-theme .ga-admin-shell .label,
body.ga-light-theme .ga-admin-shell .admin-object-card .label {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  font-weight: 1000;
}
body.ga-light-theme .ga-admin-shell p,
body.ga-light-theme .ga-admin-shell li,
body.ga-light-theme .ga-admin-shell small,
body.ga-light-theme .ga-admin-shell .small,
body.ga-light-theme .ga-admin-shell .ga-muted,
body.ga-light-theme .ga-admin-shell .text-muted,
body.ga-light-theme .ga-admin-shell .form-text,
body.ga-light-theme .ga-admin-shell em {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
body.ga-light-theme .ga-admin-shell .ga-card,
body.ga-light-theme .ga-admin-shell .admin-object-card,
body.ga-light-theme .ga-admin-shell .admin-raw-details,
body.ga-light-theme .ga-admin-shell .admin-show-hero,
body.ga-light-theme .ga-admin-shell .admin-form-card,
body.ga-light-theme .ga-admin-shell > main > section,
body.ga-light-theme .ga-admin-shell > div:not(.ga-sidebar) > section {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: initial !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.07) !important;
}
body.ga-light-theme .ga-admin-shell .admin-show-hero {
  background:
    radial-gradient(circle at 8% 12%, rgba(11,114,217,.13), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f3f8ff 62%, #fff9e8 100%) !important;
}
body.ga-light-theme .ga-admin-shell .ga-stat,
body.ga-light-theme .ga-admin-shell .metric-card,
body.ga-light-theme .ga-admin-shell .facility-admin-metrics,
body.ga-light-theme .ga-admin-shell .facility-admin-card,
body.ga-light-theme .ga-admin-shell .studio-pool-card,
body.ga-light-theme .ga-admin-shell .studio-module-tile,
body.ga-light-theme .ga-admin-shell .studio-form-section,
body.ga-light-theme .ga-admin-shell .border,
body.ga-light-theme .ga-admin-shell .card {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.11) !important;
}
body.ga-light-theme .ga-admin-shell .ga-stat *,
body.ga-light-theme .ga-admin-shell .metric-card *,
body.ga-light-theme .ga-admin-shell .facility-admin-metrics *,
body.ga-light-theme .ga-admin-shell .facility-admin-card *,
body.ga-light-theme .ga-admin-shell .studio-pool-card *,
body.ga-light-theme .ga-admin-shell .studio-module-tile *,
body.ga-light-theme .ga-admin-shell .card * {
  color: inherit;
}
body.ga-light-theme .ga-admin-shell .table-responsive {
  border-radius: 20px;
  border: 1px solid rgba(15,23,42,.10);
  background: #ffffff;
  overflow: auto;
}
body.ga-light-theme .ga-admin-shell table,
body.ga-light-theme .ga-admin-shell .table,
body.ga-light-theme .ga-admin-shell .ga-table {
  --bs-table-bg: #ffffff;
  --bs-table-color: #0f172a;
  --bs-table-border-color: rgba(15,23,42,.10);
  width: 100%;
  margin-bottom: 0;
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.10) !important;
}
body.ga-light-theme .ga-admin-shell table th,
body.ga-light-theme .ga-admin-shell table td,
body.ga-light-theme .ga-admin-shell .table th,
body.ga-light-theme .ga-admin-shell .table td,
body.ga-light-theme .ga-admin-shell .ga-table th,
body.ga-light-theme .ga-admin-shell .ga-table td {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background-color: transparent !important;
  border-color: rgba(15,23,42,.10) !important;
  vertical-align: middle;
}
body.ga-light-theme .ga-admin-shell table thead th,
body.ga-light-theme .ga-admin-shell .table thead th,
body.ga-light-theme .ga-admin-shell .ga-table thead th {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: #f1f5f9 !important;
  font-size: .76rem;
  font-weight: 1000;
  letter-spacing: .07em;
  text-transform: uppercase;
}
body.ga-light-theme .ga-admin-shell table tbody tr:hover,
body.ga-light-theme .ga-admin-shell .table-hover tbody tr:hover {
  background: #f0f7ff !important;
}
body.ga-light-theme .ga-admin-shell .ga-chip,
body.ga-light-theme .ga-admin-shell .badge:not(.bg-danger):not(.bg-success):not(.bg-warning):not(.bg-info):not(.bg-primary):not(.bg-secondary):not(.bg-dark),
body.ga-light-theme .ga-admin-shell [class*="chip"] {
  background: #eef6ff !important;
  color: #0b5fb7 !important;
  -webkit-text-fill-color: #0b5fb7 !important;
  border-color: rgba(11,95,183,.18) !important;
}
body.ga-light-theme .ga-admin-shell a:not(.btn) {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  font-weight: 800;
}
body.ga-light-theme .ga-admin-shell a:not(.btn):hover {
  color: #083f7d !important;
  -webkit-text-fill-color: #083f7d !important;
}
body.ga-light-theme .ga-admin-shell .btn-outline-light,
body.ga-light-theme .ga-admin-shell .btn-outline-secondary {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  background: #ffffff !important;
  border-color: rgba(7,94,199,.32) !important;
}
body.ga-light-theme .ga-admin-shell .btn-outline-light:hover,
body.ga-light-theme .ga-admin-shell .btn-outline-secondary:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #075ec7 !important;
  border-color: #075ec7 !important;
}
body.ga-light-theme .ga-admin-shell .btn-info,
body.ga-light-theme .ga-admin-shell .btn-warning,
body.ga-light-theme .ga-admin-shell .btn-light {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
}
body.ga-light-theme .ga-admin-shell .btn-primary,
body.ga-light-theme .ga-admin-shell .btn-dark,
body.ga-light-theme .ga-admin-shell .btn-danger,
body.ga-light-theme .ga-admin-shell .btn-success {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.ga-light-theme .ga-admin-shell input,
body.ga-light-theme .ga-admin-shell select,
body.ga-light-theme .ga-admin-shell textarea,
body.ga-light-theme .ga-admin-shell .form-control,
body.ga-light-theme .ga-admin-shell .form-select {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(15,23,42,.16) !important;
}
body.ga-light-theme .ga-admin-shell input::placeholder,
body.ga-light-theme .ga-admin-shell textarea::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}
body.ga-light-theme .ga-admin-shell .text-white,
body.ga-light-theme .ga-admin-shell .text-light {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
body.ga-light-theme .ga-admin-shell .text-dark {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
body.ga-light-theme .ga-admin-shell .text-info { color: #075985 !important; -webkit-text-fill-color: #075985 !important; }
body.ga-light-theme .ga-admin-shell .text-success { color: #047857 !important; -webkit-text-fill-color: #047857 !important; }
body.ga-light-theme .ga-admin-shell .text-warning { color: #92400e !important; -webkit-text-fill-color: #92400e !important; }
body.ga-light-theme .ga-admin-shell .text-danger { color: #b91c1c !important; -webkit-text-fill-color: #b91c1c !important; }

/* v0.1.367 admin billing navigation and contrast consistency
   Make all billing-related admin pages inherit the same readable admin shell treatment. */
body.ga-light-theme .ga-admin-shell .billing-hero {
  background:
    radial-gradient(circle at 12% 0%, rgba(47,143,255,.34), transparent 34%),
    linear-gradient(135deg, #07111f 0%, #10213d 56%, #17315f 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
body.ga-light-theme .ga-admin-shell .billing-hero h1,
body.ga-light-theme .ga-admin-shell .billing-hero h2,
body.ga-light-theme .ga-admin-shell .billing-hero h3,
body.ga-light-theme .ga-admin-shell .billing-hero p,
body.ga-light-theme .ga-admin-shell .billing-hero strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}
body.ga-light-theme .ga-admin-shell .billing-hero p,
body.ga-light-theme .ga-admin-shell .billing-hero .ga-muted {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}
body.ga-light-theme .ga-admin-shell .billing-hero .billing-kicker {
  background: #dbeafe !important;
  color: #1e3a8a !important;
  -webkit-text-fill-color: #1e3a8a !important;
}
body.ga-light-theme .ga-admin-shell .billing-card,
body.ga-light-theme .ga-admin-shell .billing-metric,
body.ga-light-theme .ga-admin-shell .billing-recon-row,
body.ga-light-theme .ga-admin-shell .billing-index .billing-card {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: initial !important;
  border-color: rgba(15,23,42,.12) !important;
}
body.ga-light-theme .ga-admin-shell .billing-card *,
body.ga-light-theme .ga-admin-shell .billing-metric *,
body.ga-light-theme .ga-admin-shell .billing-recon-row * {
  text-shadow: none !important;
}
body.ga-light-theme .ga-admin-shell .billing-card strong,
body.ga-light-theme .ga-admin-shell .billing-metric strong,
body.ga-light-theme .ga-admin-shell .billing-recon-row strong,
body.ga-light-theme .ga-admin-shell .billing-table td,
body.ga-light-theme .ga-admin-shell .billing-table td strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
body.ga-light-theme .ga-admin-shell .billing-card span,
body.ga-light-theme .ga-admin-shell .billing-label,
body.ga-light-theme .ga-admin-shell .billing-metric span,
body.ga-light-theme .ga-admin-shell .billing-metric small,
body.ga-light-theme .ga-admin-shell .billing-recon-row small,
body.ga-light-theme .ga-admin-shell .billing-table th {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
body.ga-light-theme .ga-admin-shell .billing-pill {
  background: #dcfce7 !important;
  color: #14532d !important;
  -webkit-text-fill-color: #14532d !important;
  border: 1px solid rgba(20,83,45,.16) !important;
}
body.ga-light-theme .ga-admin-shell .billing-btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.ga-light-theme .ga-admin-shell .billing-btn.secondary {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(15,23,42,.18) !important;
}
body.ga-light-theme .ga-admin-shell .list-group-item {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(15,23,42,.12) !important;
}

/* v0.1.368 admin resource show/form consistency
   Keeps high-traffic admin resource pages in one visual system. */
.ga-admin-shell .admin-show-hero,
.ga-admin-shell .admin-edit-hero {
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 28px;
  padding: 1.5rem;
  background: radial-gradient(circle at top left, rgba(255,207,63,.16), transparent 34%), linear-gradient(135deg, rgba(7,17,31,.96), rgba(15,23,42,.92));
  box-shadow: 0 22px 64px rgba(0,0,0,.22);
}
.ga-admin-shell .admin-edit-hero {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1rem;
  flex-wrap:wrap;
}
.ga-admin-shell .admin-workflow-form .admin-form-card,
.ga-admin-shell .admin-workflow-form .studio-form-section {
  position: relative;
  overflow: hidden;
}
.ga-admin-shell .admin-workflow-form .admin-form-card::before,
.ga-admin-shell .admin-workflow-form .studio-form-section::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background: linear-gradient(180deg, #ffcf3f, #19d3ff);
  opacity:.85;
}
.ga-admin-shell .admin-form-actions {
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:1rem;
}
body.ga-light-theme .ga-admin-shell .admin-show-hero,
body.ga-light-theme .ga-admin-shell .admin-edit-hero {
  background: linear-gradient(135deg,#ffffff,#f8fafc);
  border-color:#d7e0ee;
  box-shadow:0 18px 45px rgba(15,23,42,.1);
}
body.ga-light-theme .ga-admin-shell .admin-show-hero *,
body.ga-light-theme .ga-admin-shell .admin-edit-hero * {
  color:#0f172a;
}
body.ga-light-theme .ga-admin-shell .admin-show-hero .ga-muted,
body.ga-light-theme .ga-admin-shell .admin-edit-hero .ga-muted,
body.ga-light-theme .ga-admin-shell .admin-show-hero .text-muted,
body.ga-light-theme .ga-admin-shell .admin-edit-hero .text-muted {
  color:#475569 !important;
}
body.ga-light-theme .ga-admin-shell .admin-workflow-form .form-check,
body.ga-light-theme .ga-admin-shell .admin-workflow-form .studio-check-line {
  color:#0f172a;
  background:#f8fafc;
  border-color:#d7e0ee;
}
@media(max-width: 991px){
  .ga-admin-shell .admin-edit-hero{align-items:flex-start;}
}

/* v0.1.369 first-class team management administrative panel */
.team-management-admin .admin-show-hero,
.team-management-admin .ga-card,
.team-management-admin .team-management-action-card {
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
}
.team-management-admin .ga-muted,
.team-management-admin .team-management-list span,
.team-management-admin p {
  color:#334155 !important;
  -webkit-text-fill-color:#334155 !important;
}
.team-management-admin .team-management-hero {
  background:linear-gradient(135deg,#0f172a,#1d4ed8) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.team-management-admin .team-management-hero *:not(.btn):not(.ga-chip) {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.team-management-mini-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.65rem;
}
.team-management-mini-grid > div {
  border:1px solid #cbd5e1;
  background:#f8fafc;
  border-radius:16px;
  padding:.85rem;
}
.team-management-mini-grid strong {
  display:block;
  font-size:1.6rem;
  font-weight:1000;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
}
.team-management-mini-grid span {
  display:block;
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#475569 !important;
  -webkit-text-fill-color:#475569 !important;
}
.team-management-action-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:1rem;
}
.team-management-action-card {
  background:#ffffff;
  border:2px solid #dbeafe;
  border-radius:22px;
  padding:1.15rem;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
}
.team-management-action-card h3 {
  font-size:1.05rem;
  font-weight:1000;
  margin-bottom:.45rem;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
}
.team-management-action-card p {
  min-height:4.2rem;
  font-weight:750;
}
.team-management-checklist {
  display:grid;
  gap:.75rem;
}
.team-management-check {
  border-radius:16px;
  padding:.9rem 1rem;
  border:2px solid #cbd5e1;
  background:#f8fafc;
}
.team-management-check strong,
.team-management-check span {
  display:block;
}
.team-management-check strong {
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  font-weight:1000;
}
.team-management-check span {
  color:#334155 !important;
  -webkit-text-fill-color:#334155 !important;
  font-weight:750;
  margin-top:.2rem;
}
.team-management-check.complete {
  border-color:#22c55e;
  background:#f0fdf4;
}
.team-management-check.attention {
  border-color:#f59e0b;
  background:#fffbeb;
}
.team-management-list .list-group-item {
  background:#ffffff !important;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  border-color:#e2e8f0 !important;
  display:flex;
  flex-direction:column;
  gap:.15rem;
}
.team-management-list .list-group-item strong {
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
}

/* v0.1.370 team admin show routes now open the Team Management workspace and nested staff routes support team slugs */

/* v0.1.371 removes vendor-named AI references from views and keeps admin index action rows focused on open/edit. */

/* v0.1.372: consistent admin linked/management pages */
body.ga-light-theme .ga-admin-shell > main,
body.ga-light-theme .ga-admin-shell > div:not(.ga-sidebar) {
  width: 100%;
  min-width: 0;
}

body.ga-light-theme .ga-admin-shell .table-dark,
body.ga-light-theme .ga-admin-shell .table-dark > :not(caption) > * > * {
  --bs-table-bg: #ffffff;
  --bs-table-color: #0f172a;
  --bs-table-border-color: #cbd5e1;
  --bs-table-striped-bg: #f8fafc;
  --bs-table-striped-color: #0f172a;
  --bs-table-hover-bg: #e0f2fe;
  --bs-table-hover-color: #0f172a;
  background-color: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

body.ga-light-theme .ga-admin-shell .table-dark a:not(.btn),
body.ga-light-theme .ga-admin-shell .table-dark .text-info,
body.ga-light-theme .ga-admin-shell .table-dark .text-light {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
  font-weight: 900;
}

body.ga-light-theme .ga-admin-shell .table-dark .ga-muted,
body.ga-light-theme .ga-admin-shell .table-dark .text-muted,
body.ga-light-theme .ga-admin-shell .table-dark .small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

body.ga-light-theme .ga-admin-shell .admin-linked-page,
body.ga-light-theme .ga-admin-shell .admin-management-page {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .ga-admin-shell .admin-linked-page .ga-card,
body.ga-light-theme .ga-admin-shell .admin-management-page .ga-card {
  background: #ffffff !important;
  border: 2px solid #cbd5e1 !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 55px rgba(15, 23, 42, .10) !important;
}

body.ga-light-theme .ga-admin-shell .admin-linked-page .ga-title,
body.ga-light-theme .ga-admin-shell .admin-management-page .ga-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.gamecenter-commentary-card {
  color: #0f172a;
}

.gamecenter-commentary-panel {
  border: 1px solid rgba(7, 94, 199, 0.18);
  border-radius: 24px;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, .16), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,246,255,.96));
  color: #0f172a;
  padding: 1.25rem;
  box-shadow: 0 18px 44px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.9);
}

.gamecenter-commentary-panel h2,
.gamecenter-commentary-panel h3,
.gamecenter-commentary-panel strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.gamecenter-commentary-panel .ga-muted,
.gamecenter-commentary-panel p,
.gamecenter-commentary-panel label,
.gamecenter-commentary-panel span {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
}

.gamecenter-commentary-panel .ga-kicker,
.gamecenter-commentary-panel .ai-commentary-meta {
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
}

.gamecenter-commentary-panel .form-select {
  background-color: #ffffff;
  color: #0f172a;
  border-color: rgba(15, 23, 42, 0.18);
}

.gamecenter-commentary-panel audio {
  border-radius: 14px;
}

.live-pbp-audio-text {
  border: 1px solid rgba(7, 94, 199, 0.16);
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #eff6ff);
  padding: .85rem 1rem;
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  min-height: 3.2rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

/* GAMECENTER COMMENTARY SURFACE CONTRAST FIX v0.1.378
   Commentary panels now use branded light blue/white surfaces instead of gray cards. */

/* v0.1.382 Overlay lifecycle animations
   Initial show animations run only on first render or explicit show transitions.
   JSON data refreshes use separate refresh classes, and hidden directives trigger
   the configured hide animation before the overlay is removed from the canvas. */
.ga360-angular-overlay-v3[data-initial-animation-complete="true"]:not([data-overlay-lifecycle="showing"]) .scorebug-broadcast-v2,
.ga360-angular-overlay-v3[data-initial-animation-complete="true"]:not([data-overlay-lifecycle="showing"]) .overlay-board,
.ga360-angular-overlay-v3[data-initial-animation-complete="true"]:not([data-overlay-lifecycle="showing"]) .ga-lower-third-card,
.ga360-angular-overlay-v3[data-initial-animation-complete="true"]:not([data-overlay-lifecycle="showing"]) .animate-overlay-in {
  animation: none !important;
}
.ga360-angular-overlay-v3 .ga360-overlay-show--pop { animation: gaOverlayPopIn .48s cubic-bezier(.16, 1, .3, 1) both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-show--slide-up { animation: gaOverlaySlideUp .42s cubic-bezier(.2, .9, .2, 1) both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-show--fade { animation: gaOverlayFadeIn .36s ease-out both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-show--wipe { animation: gaOverlayWipeIn .46s cubic-bezier(.2, .9, .2, 1) both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-show--drop { animation: gaOverlayDropIn .46s cubic-bezier(.16, 1, .3, 1) both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-hide--fade { animation: gaOverlayFadeOut .28s ease-in both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-hide--slide-up { animation: gaOverlaySlideAway .30s ease-in both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-hide--wipe { animation: gaOverlayWipeOut .30s ease-in both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-hide--drop { animation: gaOverlayDropOut .30s ease-in both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-hide--pop { animation: gaOverlayPopOut .28s ease-in both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-refresh--soft { animation: gaOverlaySoftSwap .22s ease-out both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-refresh--pulse { animation: gaOverlayRefreshPulse .28s ease-out both !important; }
.ga360-angular-overlay-v3 .ga360-overlay-refresh--fade { animation: gaOverlayFadeIn .18s ease-out both !important; }
@keyframes gaOverlayFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes gaOverlayFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes gaOverlaySlideAway { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-24px); } }
@keyframes gaOverlayWipeIn { 0% { opacity: 0; clip-path: inset(0 100% 0 0 round 24px); } 100% { opacity: 1; clip-path: inset(0 0 0 0 round 24px); } }
@keyframes gaOverlayWipeOut { 0% { opacity: 1; clip-path: inset(0 0 0 0 round 24px); } 100% { opacity: 0; clip-path: inset(0 100% 0 0 round 24px); } }
@keyframes gaOverlayDropIn { 0% { opacity: 0; transform: translateY(-32px) scale(.99); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes gaOverlayDropOut { 0% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(28px) scale(.985); } }
@keyframes gaOverlayPopOut { 0% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } 100% { opacity: 0; transform: translateY(14px) scale(.97); filter: blur(4px); } }
@keyframes gaOverlayRefreshPulse { 0% { filter: brightness(1); transform: scale(1); } 45% { filter: brightness(1.16); transform: scale(1.006); } 100% { filter: brightness(1); transform: scale(1); } }

/* v0.1.388 Visual overlay layout designer */
.ga-overlay-layout-designer .ga-layout-designer-grid {
  display:grid;
  grid-template-columns:minmax(0, 1fr) 320px;
  gap:1rem;
  align-items:start;
}
.ga-overlay-layout-designer .ga-layout-canvas-wrap { min-width:0; }
.ga-overlay-layout-designer .ga-layout-canvas {
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  min-height:280px;
  border-radius:24px;
  overflow:hidden;
  background:
    linear-gradient(rgba(56,189,248,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56,189,248,.08) 1px, transparent 1px),
    radial-gradient(circle at 18% 12%, rgba(56,189,248,.25), transparent 34%),
    #020617;
  background-size:5% 8.888%, 5% 8.888%, auto, auto;
  border:1px solid rgba(15,23,42,.16);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 20px 55px rgba(15,23,42,.18);
}
.ga-overlay-layout-designer .ga-layout-safe-title {
  position:absolute;
  left:1rem;
  top:.75rem;
  z-index:1;
  color:rgba(226,232,240,.7);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ga-overlay-layout-designer .ga-layout-safe-area {
  position:absolute;
  inset:8% 5%;
  border:1px dashed rgba(125,211,252,.45);
  border-radius:18px;
  pointer-events:none;
}
.ga-overlay-layout-designer .ga-layout-region {
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid rgba(255,255,255,.78);
  border-radius:16px;
  background:rgba(14,165,233,.82);
  color:#04111f;
  font-weight:1000;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  cursor:move;
  padding:.4rem;
  text-align:center;
}
.ga-overlay-layout-designer .ga-layout-region.is-role-primary { background:rgba(56,189,248,.92); }
.ga-overlay-layout-designer .ga-layout-region.is-role-secondary { background:rgba(167,139,250,.88); }
.ga-overlay-layout-designer .ga-layout-region.is-role-media { background:rgba(52,211,153,.9); }
.ga-overlay-layout-designer .ga-layout-region.is-role-sponsor { background:rgba(251,191,36,.92); }
.ga-overlay-layout-designer .ga-layout-region.is-selected { outline:4px solid rgba(250,204,21,.55); z-index:4; }
.ga-overlay-layout-designer .ga-layout-region i[data-layout-resize] {
  position:absolute;
  right:4px;
  bottom:4px;
  width:15px;
  height:15px;
  border-right:3px solid rgba(15,23,42,.75);
  border-bottom:3px solid rgba(15,23,42,.75);
  cursor:nwse-resize;
}
.ga-overlay-layout-designer .ga-layout-panel {
  border:1px solid rgba(15,23,42,.1);
  border-radius:22px;
  padding:1rem;
  background:#f8fafc;
  color:#0f172a;
}
@media (max-width: 992px) {
  .ga-overlay-layout-designer .ga-layout-designer-grid { grid-template-columns:1fr; }
}

/* v0.1.405 Overlay layer composer */
.ga-overlay-layout-designer .ga-layout-toolbar {
  display:flex;
  flex-wrap:wrap;
  gap:.25rem;
}
.ga-overlay-layout-designer .ga-layout-region {
  user-select:none;
  touch-action:none;
  overflow:hidden;
}
.ga-overlay-layout-designer .ga-layout-region.is-layer-shape {
  color:#f8fafc;
  border-color:rgba(255,255,255,.68);
}
.ga-overlay-layout-designer .ga-layout-region.is-layer-text {
  border-color:rgba(255,255,255,.35);
  box-shadow:none;
  text-shadow:0 2px 6px rgba(0,0,0,.65);
  padding:.25rem .5rem;
}
.ga-overlay-layout-designer .ga-layout-region.is-layer-graphic {
  background:rgba(15,23,42,.5);
  color:#e2e8f0;
  border-style:dashed;
}
.ga-overlay-layout-designer .ga-layout-region.is-layer-graphic img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
}
.ga-overlay-layout-designer .ga-layout-stack {
  display:flex;
  flex-direction:column;
  gap:.4rem;
  max-height:260px;
  overflow:auto;
}
.ga-overlay-layout-designer .ga-layout-stack-item {
  width:100%;
  border:1px solid rgba(15,23,42,.12);
  border-radius:14px;
  background:#fff;
  color:#0f172a;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.55rem .7rem;
  text-align:left;
}
.ga-overlay-layout-designer .ga-layout-stack-item span {
  display:flex;
  flex-direction:column;
  min-width:0;
}
.ga-overlay-layout-designer .ga-layout-stack-item small {
  color:#64748b;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.ga-overlay-layout-designer .ga-layout-stack-item em {
  color:#0369a1;
  font-size:.7rem;
  font-style:normal;
  font-weight:1000;
  text-transform:uppercase;
}
.ga-overlay-layout-designer .ga-layout-stack-item.is-selected {
  border-color:#0ea5e9;
  box-shadow:0 0 0 3px rgba(14,165,233,.18);
}

/* GameCenter public camera feed hard removal — camera grids belong only in admin/production tools. */
.public-gamecenter .gamecenter-camera-feeds,
body .gamecenter-camera-feeds[data-public-gamecenter-camera-feeds],
body .gamecenter-camera-feeds {
  display: none !important;
  visibility: hidden !important;
}

/* v0.1.425 richer tournament bracket configuration */
.builder-game-row-rich { grid-template-columns:minmax(105px,.75fr) minmax(120px,1fr) auto minmax(120px,1fr) minmax(150px,1fr) minmax(190px,1.2fr) auto; }
.builder-game-row-rich .builder-storyline { min-width: 180px; }
.preview-round small { display:block; margin:.2rem 0 .45rem; }
.preview-matchup small { display:block; grid-column: 1 / -1; color: rgba(255,255,255,.64); font-weight:700; margin-top:.25rem; }
body.ga-light-theme .preview-matchup small { color:#475569 !important; -webkit-text-fill-color:#475569 !important; }
@media (max-width: 1100px) { .builder-game-row-rich { grid-template-columns:1fr; } }


/* v0.1.434 branded network parity and control-center contrast hardening */
.branded-control-center,
.branded-control-center * { text-shadow:none; }
.branded-control-center h1,
.branded-control-center h2,
.branded-control-center h3,
.branded-control-center strong { color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; }
.branded-control-center p,
.branded-control-center small,
.branded-control-center td,
.branded-control-center span { -webkit-text-fill-color:currentColor; }
.branded-control-center section > div:first-child p,
.branded-control-center th,
.branded-control-center .ga-kicker { color:#facc15 !important; -webkit-text-fill-color:#facc15 !important; }
.branded-control-center a[style*="background:#2563eb"],
.branded-control-center a[style*="background: #2563eb"],
.branded-control-center .btn-primary,
.branded-control-center .btn-ga,
.branded-control-center a[href*="site"] { color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; }
.branded-control-center span[style*="Live"],
.branded-control-center span[style*="background:#2563eb"] { color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; }
.branded-hub-shell{background:linear-gradient(180deg,#eef4fb 0%,#f8fafc 44%,#ffffff 100%);}
.branded-site-topnav{max-width:1440px;margin:0 auto 1rem;border-radius:28px;background:#081324;border:1px solid rgba(250,204,21,.24);box-shadow:0 22px 60px rgba(15,23,42,.18);padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.branded-site-lockup{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;font-weight:1000;}
.branded-site-lockup img,.branded-site-lockup span{width:44px;height:44px;border-radius:14px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border:1px solid rgba(255,255,255,.35);color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}
.branded-site-topnav-links{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;}
.branded-site-topnav-links a{display:inline-flex;align-items:center;border-radius:999px;padding:.52rem .78rem;text-decoration:none;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;font-weight:900;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);}
.branded-site-topnav-links a:hover{background:#facc15;color:#081324 !important;-webkit-text-fill-color:#081324 !important;}
.branded-hub-hero{max-width:1440px;margin:0 auto;border-radius:38px;min-height:420px;background-size:cover;background-position:center;display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:clamp(1.25rem,3vw,2.5rem);border:1px solid rgba(10,24,46,.18);box-shadow:0 34px 100px rgba(15,23,42,.26);color:#ffffff !important;}
.branded-hub-hero .ga-kicker{display:inline-flex;border-radius:999px;background:#facc15;color:#081324 !important;-webkit-text-fill-color:#081324 !important;border:1px solid rgba(255,255,255,.35);padding:.38rem .76rem;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;}
.branded-hub-hero h1,.branded-hub-hero p,.branded-hub-hero strong{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;text-shadow:0 4px 18px rgba(0,0,0,.35);}
.branded-hub-actions .btn-ga,
.branded-network-board .btn-ga,
.branded-hub-shell .btn-primary{background:linear-gradient(135deg,#0b72d9,#2563eb) !important;border:0 !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;font-weight:1000;box-shadow:0 14px 30px rgba(37,99,235,.28);}
.branded-hub-actions .btn-outline-ga,
.branded-network-board .btn-outline-ga{border-color:rgba(255,255,255,.55) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;background:rgba(8,19,36,.36) !important;font-weight:1000;}
.branded-hub-nav{max-width:1440px;margin:1rem auto;padding:.55rem;border-radius:999px;background:#081324;border:1px solid rgba(250,204,21,.24);box-shadow:0 18px 44px rgba(15,23,42,.16);}
.branded-hub-nav a{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;font-weight:1000;text-decoration:none;}
.branded-hub-nav a:hover{background:#facc15 !important;color:#081324 !important;-webkit-text-fill-color:#081324 !important;}
.branded-network-board{max-width:1440px;margin:0 auto 1rem;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1rem;align-items:stretch;}
.branded-network-board__lead{border-radius:32px;background:#081324;border:1px solid rgba(250,204,21,.26);box-shadow:0 24px 70px rgba(15,23,42,.18);padding:clamp(1rem,2vw,1.5rem);color:#ffffff !important;position:relative;overflow:hidden;}
.branded-network-board__lead:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(250,204,21,.18),transparent 34%),radial-gradient(circle at 92% 0%,rgba(37,99,235,.26),transparent 30%);pointer-events:none;}
.branded-network-board__lead>*{position:relative;z-index:1;}
.branded-network-board__lead .ga-kicker{color:#facc15 !important;-webkit-text-fill-color:#facc15 !important;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;}
.branded-network-board__lead h2{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;font-size:clamp(1.8rem,3vw,3.15rem);font-weight:1000;letter-spacing:-.06em;line-height:.95;margin:.35rem 0;}
.branded-network-board__lead p{color:#fde68a !important;-webkit-text-fill-color:#fde68a !important;font-weight:850;max-width:900px;line-height:1.55;}
.branded-network-board__actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem;}
.branded-network-board__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
.branded-network-board__metrics div{border-radius:24px;background:#ffffff;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 44px rgba(15,23,42,.10);padding:1rem;}
.branded-network-board__metrics span{display:block;color:#0b4f8f !important;-webkit-text-fill-color:#0b4f8f !important;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:1000;}
.branded-network-board__metrics strong{display:block;color:#081324 !important;-webkit-text-fill-color:#081324 !important;font-size:2.4rem;line-height:1;font-weight:1000;letter-spacing:-.06em;margin:.35rem 0;}
.branded-network-board__metrics small{display:block;color:#475569 !important;-webkit-text-fill-color:#475569 !important;font-weight:850;}
.branded-hub-grid{max-width:1440px;margin:0 auto;}
.branded-card{border-radius:30px;background:#ffffff;border:1px solid rgba(15,23,42,.12);box-shadow:0 20px 52px rgba(15,23,42,.10);}
.branded-section-head{border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:.75rem;align-items:flex-start;}
.branded-section-head .ga-kicker{color:#0b4f8f !important;-webkit-text-fill-color:#0b4f8f !important;letter-spacing:.12em;text-transform:uppercase;font-weight:1000;}
.branded-section-head h2{color:#081324 !important;-webkit-text-fill-color:#081324 !important;font-weight:1000;letter-spacing:-.045em;}
.branded-game-row,.branded-link-row,.branded-player-card{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(15,23,42,.10);box-shadow:0 10px 24px rgba(15,23,42,.06);}
.branded-game-row b,.branded-link-row b,.branded-player-card b{color:#0b72d9 !important;-webkit-text-fill-color:#0b72d9 !important;}
.branded-hub-shell .badge-live,
.branded-hub-shell .ga-chip--live,
.branded-hub-shell [class*="live"]{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}
@media(max-width:1000px){.branded-network-board{grid-template-columns:1fr}.branded-hub-nav{border-radius:24px}.branded-hub-grid{grid-template-columns:1fr}.branded-network-board__metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.branded-network-board__metrics{grid-template-columns:1fr}.branded-site-topnav{border-radius:22px}.branded-site-topnav-links{width:100%}.branded-site-topnav-links a{flex:1 1 auto;justify-content:center}.branded-hub-hero{border-radius:28px;min-height:360px}.branded-hub-identity{flex-direction:column}.branded-hub-nav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;border-radius:20px}.branded-hub-nav a{white-space:nowrap;}}

/* v0.1.442: live branded hub snapshot replaces placeholder network copy */
.branded-live-board{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);}
.branded-live-board__lead h2{max-width:920px;}
.branded-live-scoreline{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem;}
.branded-live-scoreline span{display:inline-flex;align-items:center;border-radius:999px;background:rgba(250,204,21,.16);border:1px solid rgba(250,204,21,.42);color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:.75rem 1rem;font-size:1.2rem;font-weight:1000;letter-spacing:-.03em;}
.branded-live-board__rail{display:grid;gap:.75rem;}
.branded-live-board__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
.branded-live-board__metrics div{border-radius:24px;background:#ffffff;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 44px rgba(15,23,42,.10);padding:1rem;}
.branded-live-board__metrics span{display:block;color:#0b4f8f !important;-webkit-text-fill-color:#0b4f8f !important;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:1000;}
.branded-live-board__metrics strong{display:block;color:#081324 !important;-webkit-text-fill-color:#081324 !important;font-size:2.4rem;line-height:1;font-weight:1000;letter-spacing:-.06em;margin:.35rem 0;}
.branded-live-board__metrics small{display:block;color:#475569 !important;-webkit-text-fill-color:#475569 !important;font-weight:850;}
.branded-live-board__cards{display:grid;gap:.75rem;}
.branded-live-mini-card{display:block;text-decoration:none;border-radius:22px;background:#ffffff;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 44px rgba(15,23,42,.10);padding:1rem;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important;}
.branded-live-mini-card span{display:block;color:#0b4f8f !important;-webkit-text-fill-color:#0b4f8f !important;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:1000;margin-bottom:.35rem;}
.branded-live-mini-card strong{display:block;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important;font-weight:1000;font-size:1.05rem;line-height:1.1;}
.branded-live-mini-card small{display:block;color:#475569 !important;-webkit-text-fill-color:#475569 !important;font-weight:850;margin-top:.3rem;}
@media(max-width:1000px){.branded-live-board{grid-template-columns:1fr}.branded-live-board__metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.branded-live-board__metrics{grid-template-columns:1fr}.branded-live-scoreline{align-items:stretch}.branded-live-scoreline .btn{width:100%;}.branded-live-scoreline span{width:100%;justify-content:center;}}

/* v0.1.443 branded organization nav + tournament bracket parity */
.branded-site-nav-form{display:inline-flex;margin:0}
.branded-site-nav-button,.branded-site-nav-auth{display:inline-flex;align-items:center;border-radius:999px;padding:.52rem .78rem;text-decoration:none;color:#081324 !important;-webkit-text-fill-color:#081324 !important;font-weight:1000;border:1px solid rgba(250,204,21,.45);background:#facc15;line-height:1.2}
.branded-site-nav-button{appearance:none;cursor:pointer}
.branded-tournament-ai-board{background:linear-gradient(180deg,#ffffff,#f8fafc) !important;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important}
.branded-tournament-pools{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0}
.branded-pool-card{border-radius:22px;border:1px solid #dbe6f3;background:#ffffff;padding:1rem;box-shadow:0 14px 34px rgba(15,23,42,.08)}
.branded-pool-card>strong{display:block;margin-bottom:.7rem;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important;font-weight:1000;font-size:1.1rem}
.branded-bracket-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:1rem;overflow-x:auto;padding:.35rem 0 1rem;scroll-snap-type:x proximity}
.branded-bracket-round{scroll-snap-align:start;border-radius:24px;background:#0f172a;border:1px solid rgba(250,204,21,.32);padding:1rem;min-height:100%;box-shadow:0 18px 46px rgba(15,23,42,.18);color:#fff !important;-webkit-text-fill-color:#fff !important}
.branded-bracket-round h3{color:#facc15 !important;-webkit-text-fill-color:#facc15 !important;font-weight:1000;font-size:1rem;text-transform:uppercase;letter-spacing:.09em;margin:0 0 .75rem}
.branded-bracket-game{display:block;text-decoration:none;border-radius:18px;background:#ffffff;border:1px solid #dbe6f3;padding:.85rem;margin-bottom:.65rem;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important}
.branded-bracket-game span{display:block;color:#0b72d9 !important;-webkit-text-fill-color:#0b72d9 !important;font-weight:1000;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.branded-bracket-game strong{display:block;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important;font-weight:1000;line-height:1.1;margin:.25rem 0}
.branded-bracket-game small{display:block;color:#475569 !important;-webkit-text-fill-color:#475569 !important;font-weight:800;line-height:1.3}
.branded-bracket-game.is-linked{box-shadow:inset 4px 0 0 #facc15}
.branded-bracket-game.is-linked:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(15,23,42,.18),inset 4px 0 0 #facc15}
.branded-empty-panel{border-radius:20px;border:1px dashed rgba(15,23,42,.24);background:#f8fafc;padding:1rem;color:#334155 !important;-webkit-text-fill-color:#334155 !important;font-weight:850}


/* v0.1.481 branded site navigation spacing cleanup */
.branded-hub-shell {
  padding-top: clamp(.6rem, 1.5vw, 1.1rem);
}
.branded-site-topnav {
  top: .5rem;
  margin: 0 auto .85rem;
  max-width: min(100%, 1420px);
  padding: .46rem .6rem;
  border-radius: 18px;
  gap: .75rem;
}
.branded-site-lockup {
  gap: .55rem;
}
.branded-site-lockup img,
.branded-site-lockup span {
  width: 36px;
  height: 36px;
  border-radius: 12px;
}
.branded-site-lockup strong {
  max-width: 260px;
  font-size: .95rem;
}
.branded-site-topnav-links {
  gap: .22rem;
}
.branded-site-topnav-links a,
.branded-site-nav-button {
  padding: .46rem .62rem !important;
  border-radius: 999px !important;
  font-size: .84rem !important;
  line-height: 1 !important;
}
.branded-site-nav-form {
  margin: 0 !important;
}
.branded-hub-hero.branded-hub-hero--compact {
  margin-top: 0 !important;
  margin-bottom: .85rem !important;
  min-height: 260px;
  padding-block: clamp(1.6rem, 4vw, 3.4rem);
}
.branded-live-board.branded-live-board--with-news {
  margin-top: 0 !important;
  margin-bottom: 1.25rem !important;
  gap: 0 !important;
}
.branded-live-board--with-news .branded-live-board__lead,
.branded-live-board--with-news .branded-live-board__rail {
  min-height: 0;
}
@media(max-width:1100px) {
  .branded-site-topnav {
    align-items:flex-start;
    flex-direction:column;
  }
  .branded-site-topnav-links {
    justify-content:flex-start;
  }
  .branded-site-lockup strong {
    max-width: 72vw;
  }
}


/* v0.1.483 branded site auth controls */
.branded-site-auth-slot {
  display:inline-flex;
  align-items:center;
  margin-left:.35rem;
}
.branded-site-nav-form {
  display:inline-flex !important;
  margin:0 !important;
  padding:0 !important;
}
.branded-site-nav-auth-control,
.branded-site-topnav-links .branded-site-nav-auth-control,
.branded-site-nav-button.branded-site-nav-auth-control {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #0f172a !important;
  border-radius:999px !important;
  background:#0f172a !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  padding:.48rem .78rem !important;
  font-weight:1000 !important;
  font-size:.84rem !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(15,23,42,.16) !important;
  cursor:pointer !important;
}
.branded-site-nav-auth-control:hover,
.branded-site-nav-button.branded-site-nav-auth-control:hover {
  background:#1d4ed8 !important;
  border-color:#1d4ed8 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}


/* v0.1.484 keep branded Media Center inside page gutters */
.branded-media-center-wrap {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.branded-media-center-wrap > #media {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.branded-media-center-wrap * {
  box-sizing: border-box;
}


/* v0.1.485 branded featured game card */
.branded-featured-game-panel {
  position:relative;
  overflow:hidden;
  border-radius:32px !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(245,158,11,.30), transparent 32%),
    radial-gradient(circle at 88% 0%, rgba(59,130,246,.28), transparent 34%),
    linear-gradient(135deg,#020617 0%,#0f172a 52%,#172554 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 28px 80px rgba(2,6,23,.30) !important;
}
.branded-featured-game-panel::after {
  content:"";
  position:absolute;
  inset:auto -15% -35% 20%;
  height:220px;
  background:radial-gradient(circle,rgba(245,158,11,.18),transparent 60%);
  pointer-events:none;
}
.branded-featured-game-panel > * {
  position:relative;
  z-index:1;
}
@media(max-width:720px) {
  .branded-featured-game-panel [style*="grid-template-columns:1fr auto 1fr"] {
    grid-template-columns:1fr !important;
  }
  .branded-featured-game-panel [style*="width:58px"] {
    width:44px !important;
    height:44px !important;
    margin:auto;
  }
}


/* v0.1.486 branded live/news spacing and compact schedule */
.branded-live-board.branded-live-board--with-news {
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;
  gap:clamp(1rem,2vw,1.5rem) !important;
  align-items:stretch !important;
}
.branded-live-board--with-news .branded-featured-game-panel,
.branded-live-board--with-news #latest-news {
  height:100%;
}
.branded-live-board--with-news #latest-news {
  border-radius:30px !important;
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:0 20px 52px rgba(15,23,42,.10) !important;
  padding:clamp(1rem,1.6vw,1.25rem) !important;
}
@media(max-width:980px) {
  .branded-live-board.branded-live-board--with-news {
    grid-template-columns:1fr !important;
  }
}


/* v0.1.487 branded Media Center true gutter alignment */
.branded-media-center-wrap {
  width: min(100%, 1420px) !important;
  max-width: calc(100vw - 2.5rem) !important;
  margin: 1.25rem auto 0 !important;
  box-sizing: border-box !important;
}
.branded-media-center-wrap > #media {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
@media(max-width:720px) {
  .branded-media-center-wrap {
    max-width: calc(100vw - 1rem) !important;
  }
}

/* v0.1.487 branded auth buttons yellow */
.branded-site-nav-auth-control,
.branded-site-topnav-links .branded-site-nav-auth-control,
.branded-site-nav-button.branded-site-nav-auth-control {
  background:#fbbf24 !important;
  border-color:#f59e0b !important;
  color:#07111f !important;
  -webkit-text-fill-color:#07111f !important;
  box-shadow:0 10px 24px rgba(245,158,11,.22) !important;
}
.branded-site-nav-auth-control:hover,
.branded-site-nav-button.branded-site-nav-auth-control:hover {
  background:#f59e0b !important;
  border-color:#d97706 !important;
  color:#07111f !important;
  -webkit-text-fill-color:#07111f !important;
}


/* v0.1.488 branded page body/background and shell padding cleanup */
body:has(.branded-hub-shell),
main:has(.branded-hub-shell),
.public-shell:has(.branded-hub-shell),
.public-page:has(.branded-hub-shell),
.application-shell:has(.branded-hub-shell) {
  background:#edf2f7 !important;
}
.branded-hub-shell {
  background:#edf2f7 !important;
  padding:0 !important;
  box-shadow:none !important;
  overflow-x:hidden !important;
}
.branded-site-topnav {
  margin:clamp(.65rem,1.4vw,1rem) auto .85rem !important;
  width:min(100% - clamp(1rem,2.5vw,2.5rem), 1420px) !important;
}
.branded-hub-hero,
.branded-live-board.branded-live-board--with-news,
.branded-hub-grid,
.branded-media-center-wrap {
  width:min(100% - clamp(1rem,2.5vw,2.5rem), 1420px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.branded-hub-hero.branded-hub-hero--compact {
  margin-top:0 !important;
}
.branded-media-center-wrap {
  max-width:none !important;
}
@media(max-width:720px) {
  .branded-site-topnav,
  .branded-hub-hero,
  .branded-live-board.branded-live-board--with-news,
  .branded-hub-grid,
  .branded-media-center-wrap {
    width:calc(100% - 1rem) !important;
  }
}


/* v0.1.489 general content container body alignment */
body.ga-light-theme > main.ga-page,
main.container-fluid.ga-page {
  padding-left:0 !important;
  padding-right:0 !important;
}
body.ga-light-theme > footer.container-fluid {
  padding-left:0 !important;
  padding-right:0 !important;
}
body.ga-light-theme > main.ga-page > .alert {
  width:min(100% - clamp(1rem,2.5vw,2.5rem), 1480px);
  margin-left:auto;
  margin-right:auto;
}


/* v0.1.492 team index follow button inside card */
.public-index-team-card-shell {
  position:relative;
}
.public-index-team-follow-inline form {
  margin:0 !important;
}
@media(max-width:760px) {
  .public-index-team-card-shell .public-index-team-card {
    padding-right:1rem !important;
    padding-bottom:4.25rem !important;
  }
  .public-index-team-follow-inline {
    left:1rem !important;
    right:auto !important;
    bottom:1rem !important;
  }
}


/* v0.1.493 public events index gutters */
.public-events-index-shell {
  width: min(100% - clamp(1rem, 2.5vw, 2.5rem), 1480px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media(max-width:720px) {
  .public-events-index-shell {
    width: calc(100% - 1rem) !important;
  }
}


/* v0.1.499 global non-admin mobile-friendly public page hardening */
@media (max-width: 900px) {
  body.ga-light-theme {
    overflow-x: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) main.ga-page {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-navbar .container-fluid {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-navbar .navbar-collapse {
    margin-top: .75rem !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.12) !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.12) !important;
    padding: .75rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-navbar .navbar-nav {
    gap: .35rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-navbar .nav-link,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-navbar .btn,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-navbar form button {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 999px !important;
    padding: .72rem .9rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-brand-copy small {
    display: none !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-title,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .display-1,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .display-2,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .display-3,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .display-4,
  body.ga-light-theme:not(:has(.ga-admin-shell)) h1 {
    font-size: clamp(2rem, 12vw, 3.35rem) !important;
    line-height: .92 !important;
    letter-spacing: -.055em !important;
    overflow-wrap: anywhere !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) h2 {
    font-size: clamp(1.45rem, 8vw, 2.35rem) !important;
    line-height: 1 !important;
    overflow-wrap: anywhere !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) img,
  body.ga-light-theme:not(:has(.ga-admin-shell)) iframe,
  body.ga-light-theme:not(:has(.ga-admin-shell)) video {
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) table {
    min-width: 680px;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .row {
    --bs-gutter-x: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) [class*="col-xl-"],
  body.ga-light-theme:not(:has(.ga-admin-shell)) [class*="col-lg-"],
  body.ga-light-theme:not(:has(.ga-admin-shell)) [class*="col-md-"] {
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .network-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .branded-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .media-rail-panel,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .home-scoreboard-panel,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .home-news-panel,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .partner-strip-pro,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-standings-card {
    border-radius: 22px !important;
    padding: 1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .media-channel-grid,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .home-channel-grid,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .branded-hub-grid,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .gamecast-feed-grid,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .team-public-refresh .row,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-index-list {
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .home-media-duo,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .media-main-feed,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .home-main-feed,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .home-side-rail {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) aside,
  body.ga-light-theme:not(:has(.ga-admin-shell)) [style*="position:sticky"] {
    position: static !important;
    top: auto !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-index-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-index-card--wide,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-index-team-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
    padding: 1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-index-identity {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: .8rem !important;
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-index-card-side {
    justify-items: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-index-team-follow-inline {
    position: static !important;
    margin-top: .75rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-index-team-follow-inline form,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-index-team-follow-inline button,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-index-team-follow-inline a {
    width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .gamecenter-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .franchise-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .directory-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .branded-hub-hero {
    border-radius: 24px !important;
    padding: 1rem !important;
    min-height: auto !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .gamecenter-hero .row,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .franchise-hero .row {
    gap: 1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .team-public-refresh,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .public-events-index-shell,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .branded-hub-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .branded-live-board.branded-live-board--with-news,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .branded-hub-grid,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .branded-media-center-wrap {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .branded-live-board.branded-live-board--with-news {
    grid-template-columns: 1fr !important;
    gap: .8rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .branded-featured-game-panel [style*="grid-template-columns:1fr auto 1fr"] {
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .branded-featured-game-panel [style*="text-align:right"] {
    text-align: left !important;
  }
}

@media (max-width: 560px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-navbar .navbar-brand {
    max-width: calc(100vw - 5rem) !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-brand-copy strong {
    font-size: .95rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 190px !important;
    display: block !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .d-flex {
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .btn,
  body.ga-light-theme:not(:has(.ga-admin-shell)) button,
  body.ga-light-theme:not(:has(.ga-admin-shell)) input,
  body.ga-light-theme:not(:has(.ga-admin-shell)) select,
  body.ga-light-theme:not(:has(.ga-admin-shell)) textarea {
    font-size: 16px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .d-flex.flex-wrap.gap-2,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .d-flex.flex-wrap.gap-3 {
    gap: .5rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .d-flex.flex-wrap.gap-2 > .btn,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .d-flex.flex-wrap.gap-3 > .btn {
    flex: 1 1 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .ga-chip,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .media-pill {
    max-width: 100% !important;
    white-space: normal !important;
  }
}


/* v0.1.500 tournament Video Room mobile polish */
@media (max-width: 900px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-room {
    width: 100% !important;
    min-width: 0 !important;
    gap: .75rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-room-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: .55rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-room-head > span {
    justify-self: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-room-card {
    border-radius: 22px !important;
    padding: .65rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-featured-video-link {
    border-radius: 18px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-featured-video-thumb,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-featured-video-placeholder {
    height: clamp(150px, 48vw, 220px) !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-featured-video-title {
    left: .75rem !important;
    right: .75rem !important;
    bottom: .75rem !important;
    font-size: .98rem !important;
    line-height: 1.08 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-list {
    gap: .5rem !important;
    margin-top: .6rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-list-item {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: .55rem !important;
    border-radius: 16px !important;
    padding: .68rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-list-item span {
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-list-item strong {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-list-item span[style*="width:34px"] {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
  }
}

@media (max-width: 520px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-room-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-list-item {
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-list-item > span:last-child {
    justify-self: start !important;
  }
}


/* v0.1.501 league schedule board mobile polish */
@media (max-width: 900px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-content-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-column,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-results-column {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-board-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-results-board-card {
    border-radius: 22px !important;
    padding: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-board-card h2,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-results-board-card h2 {
    margin-bottom: .8rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-event-list {
    display: grid !important;
    gap: .65rem !important;
    width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-game-row,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-result-game-row,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-event-row {
    grid-template-columns: 1fr !important;
    gap: .4rem !important;
    align-items: start !important;
    padding: .85rem !important;
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-game-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: .45rem !important;
    width: fit-content !important;
    border-radius: 999px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: .32rem .58rem !important;
    color: #075985 !important;
    -webkit-text-fill-color: #075985 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-game-date small {
    display: inline !important;
    font-size: .72rem !important;
    color: #075985 !important;
    -webkit-text-fill-color: #075985 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-game-matchup,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-event-row strong {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.12 !important;
    font-size: 1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-game-venue,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-event-row em {
    display: block !important;
    text-align: left !important;
    font-size: .95rem !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-score-ticker {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-scoreboard-broadcast {
    border-radius: 22px !important;
    padding: .75rem !important;
  }
}

@media (max-width: 520px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-board-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-results-board-card {
    padding: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-game-date {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: .1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-tabbar {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: .25rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-tabbar a {
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }
}


/* v0.1.502 league leaders mobile polish */
@media (max-width: 900px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-column {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card {
    border-radius: 22px !important;
    padding: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card > .d-flex {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: .7rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .ga-chip {
    justify-self: start !important;
    white-space: normal !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .col-xl-6 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .league-scoreboard-rotator {
    border-radius: 20px !important;
    padding: .85rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .league-scoreboard-rotator > .d-flex {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: start !important;
    gap: .65rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-controls {
    align-self: start !important;
    justify-self: end !important;
    min-width: max-content !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator[data-score-rotator] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-item > div {
    min-height: 0 !important;
    border-radius: 18px !important;
    padding: .8rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-item [style*="justify-content:space-between"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .45rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-item strong[style*="font-size:clamp"] {
    font-size: clamp(2rem, 15vw, 3rem) !important;
    line-height: .9 !important;
    justify-self: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-item a {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-item a span {
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-item a strong,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-item a small {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.14 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card [style*="grid-template-columns:repeat(3"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card {
    padding: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .league-scoreboard-rotator > .d-flex {
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-controls {
    justify-self: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card .scoreboard-rotator-btn {
    width: 38px !important;
    height: 38px !important;
  }
}


/* v0.1.503 sports organizations mobile redesign pass */
@media (max-width: 900px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-hub-shell,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-directory-shell {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-directory-mobile-hero {
    border-radius: 24px !important;
    padding: 1rem !important;
    margin-bottom: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-hero > div,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-hero [style*="display:flex;align-items:center;gap:1rem"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .8rem !important;
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-hero img,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-hero span[style*="width:96px"] {
    width: 72px !important;
    height: 72px !important;
    border-radius: 18px !important;
    padding: .45rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-hero h1,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .directory-lead-content h1 {
    font-size: clamp(2rem, 13vw, 3.4rem) !important;
    line-height: .9 !important;
    letter-spacing: -.055em !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-hero p,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .directory-lead-content p {
    font-size: .95rem !important;
    line-height: 1.35 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .directory-lead-media {
    min-height: 0 !important;
    border-radius: 24px !important;
    padding: 1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .directory-lead-content {
    padding: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-directory-search-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-scoreboard,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-menu,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-news,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-schedule,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-media {
    border-radius: 22px !important;
    padding: .9rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-score-strip {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-menu > div:first-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .7rem !important;
    align-items: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-menu > div:first-child > div:last-child {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .45rem !important;
    width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-menu > div:first-child > div:last-child a {
    text-align: center !important;
    padding: .6rem .35rem !important;
    font-size: .78rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-menu details {
    position: static !important;
    width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-menu summary {
    width: 100% !important;
    justify-content: space-between !important;
    border-radius: 14px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-menu details > div {
    position: static !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-top: .45rem !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.14) !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-menu [style*="display:flex;flex-wrap:wrap;gap:.65rem"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .55rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-programs,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-card > div,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-schedule > div,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-news > div,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-media > div {
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-schedule a,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-card a,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-media a {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-schedule a[style*="grid-template-columns:minmax(0,1fr) auto"] {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-schedule a span:last-child {
    justify-self: start !important;
    width: fit-content !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-card a[style*="display:flex;justify-content:space-between"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .18rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-card a span,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-card a strong,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-card a small,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-schedule a strong,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-schedule a small {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-directory-grid {
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .directory-channel-shell .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-directory-search-card [style*="grid-template-columns:repeat(3"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-hub-shell,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-directory-shell {
    width: calc(100% - .75rem) !important;
    max-width: calc(100% - .75rem) !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-program-menu > div:first-child > div:last-child {
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-scoreboard > div:first-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .65rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .organization-mobile-scoreboard .scoreboard-rotator-controls {
    justify-self: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .directory-lead-media .d-flex.flex-wrap.gap-2 span {
    width: 100% !important;
    text-align: center !important;
  }
}


/* v0.1.505 location show mobile polish */
@media (max-width: 900px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-show-shell {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-show-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
    border-radius: 24px !important;
    padding: 1rem !important;
    margin-bottom: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-show-hero h1 {
    font-size: clamp(2rem, 13vw, 3.45rem) !important;
    line-height: .9 !important;
    letter-spacing: -.055em !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-show-hero p {
    font-size: .98rem !important;
    line-height: 1.35 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-show-hero [style*="display:flex;flex-wrap:wrap"] a {
    width: 100% !important;
    justify-content: center !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-market-file-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-weather-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-map-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-live-data-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-directory-card {
    border-radius: 22px !important;
    padding: .9rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-market-file-card > div:last-child,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-weather-card [style*="grid-template-columns:repeat(3"],
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-live-data-card [style*="grid-template-columns:repeat(2"],
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-directory-grid {
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-weather-map-grid {
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-weather-card > div:first-child {
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-weather-card [aria-label*="weather"] {
    width: 4.75rem !important;
    height: 4.75rem !important;
    border-radius: 1.2rem !important;
    font-size: 3rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-map-card {
    min-height: 260px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-map-card > div:first-child {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .45rem !important;
    padding: .75rem !important;
    pointer-events: auto !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-map-card > div:first-child span {
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-map-card iframe,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-map-card iframe + *,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-map-card [style*="min-height:360px"] {
    min-height: 260px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-live-data-card > div {
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-live-data-card a,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-directory-card a {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-directory-card a,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-directory-grid a {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .2rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-directory-card strong,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-directory-card span,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-directory-card small,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-live-data-card strong,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-live-data-card small {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 520px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-show-shell {
    width: calc(100% - .75rem) !important;
    max-width: calc(100% - .75rem) !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-show-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-market-file-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-weather-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-map-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-live-data-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-directory-card {
    padding: .8rem !important;
    border-radius: 20px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-weather-card [style*="display:flex;align-items:center;gap:.7rem"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-map-card iframe,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .location-map-card [style*="min-height:360px"] {
    min-height: 230px !important;
  }
}


/* v0.1.506 locations interactive directory mobile polish */
@media (max-width: 900px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-shell {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-hero {
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
    border-radius: 24px !important;
    padding: 1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-hero h1 {
    font-size: clamp(2rem, 13vw, 3.5rem) !important;
    line-height: .9 !important;
    letter-spacing: -.055em !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-hero p {
    font-size: .98rem !important;
    line-height: 1.35 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-hero .geo-search-panel {
    border-radius: 22px !important;
    padding: .9rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-hero .geo-search-panel .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-hero .geo-search-panel .btn,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-hero .geo-search-panel input[type="submit"],
  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-hero .geo-search-panel a.btn {
    width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-directory {
    border-radius: 22px !important;
    padding: .9rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-directory > .d-flex {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .6rem !important;
    align-items: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-grid {
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
    width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card {
    border-radius: 22px !important;
    padding: .85rem !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card .locations-card-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .65rem !important;
    align-items: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card .locations-card-head > span:last-child {
    justify-self: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card .locations-card-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .5rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card .locations-card-stat-grid span {
    border-radius: 14px !important;
    padding: .55rem .35rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card .locations-card-feature-grid {
    gap: .5rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card strong,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card small,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card [style*="display:flex;justify-content:space-between"],
  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card [style*="display:flex;align-items:center"] {
    min-width: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card [style*="border-radius:999px"] {
    max-width: 100% !important;
  }
}

@media (max-width: 520px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-shell {
    width: calc(100% - .75rem) !important;
    max-width: calc(100% - .75rem) !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-interactive-card .locations-card-stat-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .locations-index-hero > div:first-child > div:last-child span {
    width: 100% !important;
    justify-content: center !important;
  }
}


/* v0.1.507 stronger League pages mobile redesign */
@media (max-width: 900px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-shell,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-shell {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-hero {
    border-radius: 24px !important;
    padding: 1rem !important;
    margin-bottom: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-hero .row,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-hero .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-hero [class*="col-"],
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-hero [class*="col-"],
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-search-col {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-lead-media,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-hero .directory-lead-media {
    min-height: 0 !important;
    border-radius: 22px !important;
    padding: 1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-hero .directory-lead-content {
    padding: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-hero h1,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-hero h1 {
    font-size: clamp(2rem, 13vw, 3.55rem) !important;
    line-height: .9 !important;
    letter-spacing: -.055em !important;
    overflow-wrap: anywhere !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-hero .lead {
    font-size: .98rem !important;
    line-height: 1.35 !important;
    margin-bottom: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-hero .directory-search-panel,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-search-col > * {
    border-radius: 22px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-main-feed,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-activity-rail {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-main-feed,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-activity-rail,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-grid .media-rail-panel {
    border-radius: 22px !important;
    padding: .9rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-card {
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
    padding: .9rem !important;
    border-radius: 20px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-card .public-index-card-side {
    justify-items: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-card h2,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-card span,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-card small,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-card .public-index-meta {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-scoreboard {
    border-radius: 22px !important;
    padding: .75rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-scoreboard > .d-flex {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .65rem !important;
    align-items: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-scoreboard .scoreboard-rotator-controls {
    justify-self: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-tabbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: .45rem !important;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-overflow-scrolling: touch !important;
    padding: .25rem 0 .45rem !important;
    scroll-snap-type: x proximity !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-tabbar a {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    scroll-snap-align: start !important;
    padding: .62rem .8rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-main-content-row,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-content-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-standings-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-board-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-results-board-card {
    border-radius: 22px !important;
    padding: .9rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-standings-card .table-responsive {
    margin-left: -.15rem !important;
    margin-right: -.15rem !important;
    padding-bottom: .25rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-standings-card table {
    font-size: .95rem !important;
  }
}

@media (max-width: 520px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-shell,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-shell {
    width: calc(100% - .75rem) !important;
    max-width: calc(100% - .75rem) !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-hero {
    padding: .8rem !important;
    border-radius: 20px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-hero [style*="display:flex;flex-wrap:wrap;gap:.6rem"] .ga-chip,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-show-mobile-hero [style*="display:flex;flex-wrap:wrap;gap:.6rem"] a {
    width: 100% !important;
    justify-content: center !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-mobile-hero .media-meta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .35rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-main-feed,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-index-activity-rail,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-standings-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-leaders-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-schedule-board-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .league-results-board-card {
    padding: .8rem !important;
    border-radius: 20px !important;
  }
}


/* v0.1.508 stronger Tournament pages mobile redesign */
@media (max-width: 900px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-shell,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-shell {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-hero {
    border-radius: 24px !important;
    padding: 1rem !important;
    margin-bottom: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-hero .row,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-hero .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-hero [class*="col-"],
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-hero [class*="col-"],
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-search-col {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-lead-media,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-hero .directory-lead-media {
    min-height: 0 !important;
    border-radius: 22px !important;
    padding: 1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-hero .directory-lead-content {
    padding: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-hero h1,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-hero h1 {
    font-size: clamp(2rem, 13vw, 3.55rem) !important;
    line-height: .9 !important;
    letter-spacing: -.055em !important;
    overflow-wrap: anywhere !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-hero .lead {
    font-size: .98rem !important;
    line-height: 1.35 !important;
    margin-bottom: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-hero [style*="display:flex;flex-wrap:wrap;gap:.6rem"] span,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-hero [style*="display:flex;flex-wrap:wrap;gap:.6rem"] a {
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.15 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-format-card {
    border-radius: 22px !important;
    padding: .9rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-main-feed,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-activity-rail {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-main-feed,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-activity-rail,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-grid .media-rail-panel {
    border-radius: 22px !important;
    padding: .9rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-card {
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
    padding: .9rem !important;
    border-radius: 20px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-card .public-index-card-side {
    justify-items: start !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-card h2,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-card span,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-card small,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-card .public-index-meta {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-media-grid,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-game-grid {
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-upcoming-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-finals-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-video-room-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-public-refresh section {
    border-radius: 22px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-public-refresh section {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-public-refresh [style*="grid-template-columns:repeat(auto-fit"] {
    grid-template-columns: 1fr !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-public-refresh [style*="display:flex;justify-content:space-between"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .45rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-public-refresh a,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-public-refresh strong,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-public-refresh small,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-public-refresh span {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-public-refresh [style*="overflow-x:auto"] {
    margin-left: -.15rem !important;
    margin-right: -.15rem !important;
    padding-bottom: .75rem !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 520px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-shell,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-shell {
    width: calc(100% - .75rem) !important;
    max-width: calc(100% - .75rem) !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-hero {
    padding: .8rem !important;
    border-radius: 20px !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-hero [style*="display:flex;flex-wrap:wrap;gap:.6rem"] span,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-mobile-hero [style*="display:flex;flex-wrap:wrap;gap:.6rem"] a {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-mobile-hero .media-meta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .35rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-main-feed,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-index-activity-rail,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-upcoming-card,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .tournament-show-finals-card {
    padding: .8rem !important;
    border-radius: 20px !important;
  }
}


/* v0.1.513 Subscribe page mobile-only polish */
@media (max-width: 900px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-shell {
    padding: .75rem 0 1.25rem !important;
    overflow-x: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-container {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-hero {
    border-radius: 24px !important;
    padding: 1.1rem !important;
    margin-bottom: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-hero h1 {
    font-size: clamp(2rem, 12vw, 3.4rem) !important;
    line-height: .92 !important;
    letter-spacing: -.055em !important;
    overflow-wrap: anywhere !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-hero p {
    font-size: .98rem !important;
    line-height: 1.38 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-hero a {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-layout {
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-experience-nav {
    position: static !important;
    top: auto !important;
    border-radius: 22px !important;
    padding: .85rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-experience-nav > div {
    display: flex !important;
    gap: .5rem !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: .15rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-experience-nav a {
    flex: 0 0 auto !important;
    min-width: 190px !important;
    max-width: 78vw !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-main {
    gap: .85rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-intro,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-sales {
    border-radius: 22px !important;
    padding: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-intro > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .6rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-intro h2,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-sales h3 {
    font-size: clamp(1.55rem, 9vw, 2.35rem) !important;
    line-height: .98 !important;
    letter-spacing: -.04em !important;
    overflow-wrap: anywhere !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-benefits,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-plans-grid {
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-benefits > div,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-plans-grid article {
    border-radius: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-plans-grid article > div:first-child {
    padding: 1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-plans-grid article [style*="display:flex;justify-content:space-between"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .6rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-plans-grid article a,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-plans-grid article .btn {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-shell h1,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-shell h2,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-shell h3,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-shell p,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-shell span,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-shell strong,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-shell small {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 520px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-container {
    width: calc(100% - .75rem) !important;
    max-width: calc(100% - .75rem) !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-hero,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-experience-nav,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-intro,
  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-sales {
    border-radius: 20px !important;
    padding: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .subscribe-page-mobile-experience-nav a {
    min-width: 78vw !important;
  }
}


/* v0.1.515 Events index search and mobile polish */
@media (max-width: 900px) {
  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-directory-shell {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-search-hero {
    border-radius: 24px !important;
    padding: 0 !important;
    margin-bottom: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-search-hero .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-search-hero [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-search-hero .directory-lead-card {
    border-radius: 24px !important;
    padding: 1rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-search-hero h1 {
    font-size: clamp(2rem, 13vw, 3.5rem) !important;
    line-height: .9 !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-search-panel .media-side-panel {
    border-radius: 22px !important;
    padding: .9rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-heading {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .65rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-heading .btn {
    width: 100% !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
  }

  body.ga-light-theme:not(:has(.ga-admin-shell)) .events-index-grid [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* v0.1.517 basketball scorekeeper */
.basketball-scorebook-shell {
  width: min(100% - 1rem, 1540px);
  margin: 0 auto;
}

.basketball-score-strip .scorebook-team-score small,
.basketball-score-strip .basketball-clock-card small {
  display: block;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-weight: 850;
}

.basketball-scorekeeper-layout {
  display: grid;
  grid-template-columns: minmax(260px, .28fr) minmax(0, .72fr);
  gap: 1rem;
  align-items: start;
}

.basketball-control-panel {
  position: sticky;
  top: 1rem;
}

.basketball-main-panel {
  min-width: 0;
}

.basketball-team-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.basketball-team-panel {
  border-radius: 24px;
  border: 1px solid rgba(148,163,184,.24);
  background: rgba(15,23,42,.72);
  padding: 1rem;
  min-width: 0;
}

.basketball-team-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .8rem;
}

.basketball-team-panel-head strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 1.15rem;
  font-weight: 1000;
}

.basketball-team-panel-head span {
  display: inline-grid;
  place-items: center;
  min-width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #facc15;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  font-size: 1.35rem;
  font-weight: 1000;
}

.basketball-action-form {
  display: grid;
  gap: .45rem;
  margin-bottom: .55rem;
}

.basketball-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(115px, auto);
  gap: .45rem;
}

.basketball-player-select,
.basketball-mini-select {
  width: 100%;
  min-width: 0;
  border-radius: 14px;
  border: 1px solid rgba(203,213,225,.45);
  background: #ffffff !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  padding: .62rem .7rem;
  font-weight: 900;
}

.basketball-score-button,
.basketball-small-actions button {
  border: 0;
  border-radius: 14px;
  padding: .62rem .75rem;
  font-weight: 1000;
  background: #facc15;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
}

.basketball-score-button--2 {
  background: #38bdf8;
}

.basketball-score-button--3 {
  background: #fb923c;
}

.basketball-small-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  margin-top: .75rem;
}

.basketball-small-actions form {
  display: grid;
  gap: .4rem;
}

.basketball-action-log {
  display: grid;
  gap: .55rem;
}

.basketball-action-log > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: .65rem;
  align-items: center;
  border-radius: 16px;
  background: rgba(15,23,42,.68);
  border: 1px solid rgba(148,163,184,.24);
  padding: .75rem;
}

.basketball-action-log strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.basketball-action-log span,
.basketball-action-log small {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-weight: 850;
}

@media (max-width: 900px) {
  .basketball-scorekeeper-layout,
  .basketball-team-action-grid {
    grid-template-columns: 1fr;
  }

  .basketball-control-panel {
    position: static;
  }

  .basketball-action-log > div {
    grid-template-columns: 1fr;
    gap: .25rem;
  }
}

@media (max-width: 560px) {
  .basketball-scorebook-shell {
    width: calc(100% - .75rem);
  }

  .basketball-action-row,
  .basketball-small-actions {
    grid-template-columns: 1fr;
  }

  .basketball-score-strip {
    grid-template-columns: 1fr !important;
    text-align: left !important;
  }

  .basketball-score-strip .scorebook-team-score {
    text-align: left !important;
  }
}

.ga-gamecard__sport,
.ga-scorecard__sport {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #dbeafe !important;
  color: #1e3a8a !important;
  -webkit-text-fill-color: #1e3a8a !important;
  padding: .14rem .4rem;
  font-size: .54rem;
  font-weight: 1000;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ga-scorecard__date-below-score {
  margin-top: .45rem;
  text-align: right;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-size: .78rem;
  font-weight: 900;
}


.ga-scorecard__location-below-score {
  margin-top: .2rem;
  text-align: right;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-size: .72rem;
  font-weight: 850;
}

/* v0.1.579 sport-neutral, timed-sport scorebug refinements */
.scorebug-broadcast-v2 .bug-clock-panel {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.18rem;
  background:#121720;
  border-left:1px solid rgba(255,255,255,.11);
  padding:8px 12px;
  text-align:center;
  min-width:104px;
}
.scorebug-broadcast-v2 .bug-clock-value {
  color:#fff;
  font-size:1.3rem;
  line-height:1;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
  white-space:nowrap;
}
.scorebug-broadcast-v2--timed {
  grid-template-columns:minmax(210px,1fr) 104px 104px minmax(210px,1fr) 112px 112px minmax(240px,1.2fr);
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-clock-panel {
  background:var(--ga-overlay-surface);
  color:var(--ga-overlay-text);
}
.ga360-angular-overlay-v3 .scorebug-broadcast-v2 .bug-clock-value {
  color:var(--ga-overlay-text);
}
@media (max-width: 900px) {
  .scorebug-broadcast-v2--timed { grid-template-columns:1fr 62px 62px 1fr; }
  .scorebug-broadcast-v2 .bug-clock-panel { min-height:46px; }
}

/* v0.1.580 16:9 broadcast-safe scorebug family
   Timed-sport scorebugs now share the sponsored-scorebug visual language without
   stretching edge-to-edge. Baseball/softball remain the only scorebugs with count,
   outs, and base-runner chart modules. */
.scorebug-169-stage {
  position: fixed;
  inset: 0;
  z-index: 30;
  pointer-events: none;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 6vw 7.5vh;
  overflow: hidden;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #f8fbff;
}
.scorebug-169-wrap {
  width: min(84vw, 1460px);
  max-width: calc(100vw - 96px);
  display: grid;
  justify-items: center;
  filter: drop-shadow(0 24px 42px rgba(0,0,0,.48));
}
.scorebug-169 {
  width: 100%;
  min-height: 126px;
  display: grid;
  grid-template-columns: minmax(250px, 1.2fr) minmax(96px, 130px) minmax(240px, 320px) minmax(96px, 130px) minmax(250px, 1.2fr);
  align-items: stretch;
  overflow: hidden;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(5,14,26,.98), rgba(3,10,19,.97));
  border: 1.5px solid rgba(226,232,240,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 24px 54px rgba(0,0,0,.36);
}
.scorebug-169::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.scorebug-169 > * { min-width: 0; }
.bug169-team {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  background: linear-gradient(90deg, rgba(9,22,39,.95), rgba(9,20,36,.76));
}
.bug169-team--home {
  justify-content: flex-end;
  text-align: right;
  background: linear-gradient(270deg, rgba(9,22,39,.95), rgba(9,20,36,.76));
}
.bug169-logo {
  width: 88px;
  height: 88px;
  flex: 0 0 88px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 18px;
  background: rgba(4,12,24,.76);
  border: 2px solid rgba(226,232,240,.76);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  color: #f8fbff;
  font-size: 1.45rem;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: -.04em;
}
.bug169-logo.has-logo img,
.bug169-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  padding: 8px;
}
.bug169-team-copy { min-width: 0; display: grid; gap: 2px; }
.bug169-team-copy span {
  color: rgba(248,251,255,.9);
  font-size: 1.05rem;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bug169-team-copy strong {
  color: #ffffff;
  font-size: clamp(1.65rem, 2.4vw, 2.35rem);
  line-height: .94;
  font-weight: 1000;
  letter-spacing: -.045em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bug169-team-copy small {
  color: rgba(248,251,255,.28);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bug169-score {
  display: grid;
  place-items: center;
  background: rgba(3,10,19,.72);
  border-left: 1px solid rgba(226,232,240,.12);
  border-right: 1px solid rgba(226,232,240,.12);
  color: #ffffff;
  font-size: clamp(3.1rem, 5vw, 5.1rem);
  line-height: 1;
  font-weight: 1000;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.06em;
}
.bug169-score--away { border-right: 3px solid #f7c521; }
.bug169-clock {
  align-self: center;
  justify-self: center;
  min-width: 220px;
  max-width: 100%;
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 13px 26px;
  border-radius: 18px;
  background: rgba(5,15,29,.88);
  border: 2px solid rgba(226,232,240,.54);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11);
}
.bug169-period {
  color: #f7c521;
  font-size: clamp(1.25rem, 2vw, 1.85rem);
  line-height: 1;
  font-weight: 1000;
  letter-spacing: -.03em;
  text-transform: uppercase;
  white-space: nowrap;
}
.bug169-time {
  color: #ffffff;
  font-size: clamp(1.75rem, 3.1vw, 2.7rem);
  line-height: 1;
  font-weight: 1000;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.05em;
  white-space: nowrap;
}
.bug169-shot-clock {
  min-width: 48px;
  display: inline-grid;
  place-items: center;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(226,232,240,.28);
  color: #f7c521;
  background: rgba(255,255,255,.045);
  font-size: clamp(1.1rem, 2vw, 1.7rem);
  font-weight: 1000;
  font-variant-numeric: tabular-nums;
}
.bug169-detail-tray {
  width: min(74%, 1080px);
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  transform: translateY(-1px);
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(180deg, rgba(5,14,26,.98), rgba(3,10,19,.96));
  border: 1px solid rgba(226,232,240,.28);
  border-top: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.bug169-sponsor {
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 255px;
  padding: 0 28px;
  border-radius: 999px;
  margin: 8px 12px;
  background: linear-gradient(180deg, #ffd43b, #f4b415);
  color: #08111f;
  font-weight: 1000;
  font-size: .98rem;
  white-space: nowrap;
}
.bug169-detail {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 12px;
  min-width: 150px;
  padding: 0 28px;
  border-left: 1px solid rgba(247,197,33,.62);
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
}
.bug169-detail em {
  color: rgba(248,251,255,.84);
  font-style: normal;
  font-size: .88rem;
  font-weight: 950;
  letter-spacing: .12em;
}
.bug169-detail strong {
  color: #f7c521;
  font-size: 1.18rem;
  font-weight: 1000;
  letter-spacing: .06em;
}
.bug169-diamond-row {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 50px;
  border-top: 1px solid rgba(226,232,240,.14);
  background: rgba(3,10,19,.72);
}
.bug169-chip {
  display: inline-flex;
  min-width: 54px;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(226,232,240,.22);
  color: #fff;
  background: rgba(255,255,255,.055);
  font-size: .9rem;
  font-weight: 1000;
  letter-spacing: .08em;
}
.bug169-bases {
  position: relative;
  width: 52px;
  height: 36px;
  display: inline-block;
}
.bug169-bases i {
  position: absolute;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  border-radius: 3px;
  border: 2px solid rgba(226,232,240,.72);
  background: rgba(255,255,255,.035);
}
.bug169-bases i.on {
  background: #f7c521;
  border-color: #ffe58a;
  box-shadow: 0 0 16px rgba(247,197,33,.55);
}
.bug169-bases .second { left: 19px; top: 0; }
.bug169-bases .third { left: 2px; top: 18px; }
.bug169-bases .first { right: 2px; top: 18px; }
.scorebug-169-stage .ga360-overlay-brand-row { display: none; }

body.ga-overlay-body .scorebug-169-stage {
  width: 100vw;
  height: 100vh;
}
body.ga-overlay-body .scorebug-broadcast-v2,
body.ga-overlay-body .sponsor-strip--v2 {
  display: none !important;
}
@media (max-width: 1100px) {
  .scorebug-169-stage { padding: 0 16px 28px; }
  .scorebug-169-wrap { width: 100%; max-width: none; }
  .scorebug-169 { grid-template-columns: minmax(180px,1fr) 78px minmax(150px,220px) 78px minmax(180px,1fr); min-height: 94px; border-radius: 20px; }
  .bug169-logo { width: 58px; height: 58px; flex-basis: 58px; border-radius: 14px; font-size: 1rem; }
  .bug169-team { padding: 12px 14px; gap: 10px; }
  .bug169-team-copy strong { font-size: 1.15rem; }
  .bug169-team-copy span { font-size: .78rem; }
  .bug169-team-copy small { display: none; }
  .bug169-clock { min-width: 130px; padding: 10px 12px; gap: 10px; min-height: 56px; }
  .bug169-period { font-size: 1rem; }
  .bug169-time { font-size: 1.35rem; }
  .bug169-score { font-size: 2.3rem; }
  .bug169-detail-tray { width: 92%; flex-wrap: wrap; height: auto; min-height: 42px; }
  .bug169-sponsor { min-width: 0; padding: 0 16px; }
  .bug169-detail { min-width: 0; padding: 10px 16px; }
}

/* v0.1.635 NAV TICKER COMPACTION
   Move the global game ticker into the top navigation stack so it sits directly
   below the menu buttons next to the logo instead of consuming a separate page row. */
.ga-navbar > .container-fluid {
  align-items: stretch;
  gap: .8rem;
}
.ga-navbar-content {
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch !important;
  gap: .34rem;
}
.ga-navbar-menu-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-width: 0;
  width: 100%;
}
.ga-ticker--nav {
  width: 100%;
  min-width: 0;
  margin: 0 0 .12rem 1rem;
  padding: .26rem .42rem;
  border: 1px solid rgba(15,23,42,.09);
  border-radius: 999px;
  box-shadow: none;
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(10px);
}
.ga-ticker--nav .ga-ticker-track {
  padding-block: 0;
}
.ga-ticker--nav .ga-ticker-game {
  min-height: 28px;
  padding: .22rem .34rem .22rem .44rem;
  box-shadow: none;
  font-size: .78rem;
}
.ga-ticker--nav .ga-ticker-status {
  padding: .14rem .34rem;
  font-size: .58rem;
}
.ga-ticker--nav .ga-ticker-matchup {
  max-width: 220px;
}
.ga-ticker--nav .ga-ticker-score {
  font-size: .78rem;
}
.ga-ticker--nav .ga-ticker-label,
.ga-ticker--nav .ga-ticker-all {
  font-size: .62rem;
}
.ga-ticker--nav .ga-ticker-separator {
  height: 22px;
}
@media (max-width: 991px) {
  .ga-navbar-content {
    gap: .62rem;
  }
  .ga-navbar-menu-row {
    flex-direction: column;
    align-items: stretch;
  }
  .ga-ticker--nav {
    margin: 0;
    border-radius: 18px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: .45rem;
  }
  .ga-ticker--nav .ga-ticker-matchup {
    max-width: 180px;
  }
}
@media (max-width: 640px) {
  .ga-ticker--nav {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .ga-ticker--nav .ga-ticker-label {
    display: none;
  }
  .ga-ticker--nav .ga-ticker-game {
    gap: .35rem;
  }
  .ga-ticker--nav .ga-ticker-matchup {
    max-width: 130px;
  }
}


/* v0.1.636 NAV LOGO TEXT REMOVAL + HEADER SPACING
   Remove the public brand text from the header and keep a clear gutter between
   the logo, primary navigation buttons, and compact ticker. */
.ga-navbar .ga-brand-pro {
  flex: 0 0 auto;
  margin-right: clamp(1.1rem, 2vw, 2.35rem);
  padding-block: .18rem;
}
.ga-navbar .ga-brand-copy {
  display: none !important;
}
.ga-navbar .ga-brand-logo-wrap {
  width: 142px;
  flex-basis: 142px;
}
.ga-navbar-content {
  padding-left: .25rem;
}
.ga-public-nav-groups {
  margin-left: 0 !important;
}
.ga-ticker--nav {
  margin-left: 0;
  margin-top: .08rem;
}
@media (min-width: 992px) {
  .ga-navbar > .container-fluid {
    column-gap: clamp(1rem, 1.7vw, 2rem);
  }
  .ga-navbar .ga-public-nav-media {
    margin-left: 0 !important;
  }
}
@media (max-width: 991px) {
  .ga-navbar .ga-brand-pro {
    margin-right: .85rem;
  }
  .ga-navbar .ga-brand-logo-wrap {
    width: 126px;
    flex-basis: 126px;
  }
  .ga-navbar-content {
    padding-left: 0;
  }
}


/* v0.1.637 NAV LOGO SPACING BALANCE
   Use the recovered header room to enlarge the logo while tightening the gutter
   so the menu/ticker remain compact without colliding. */
.ga-navbar .ga-brand-pro {
  margin-right: clamp(.55rem, 1vw, 1.25rem);
}
.ga-navbar .ga-brand-logo-wrap {
  width: clamp(156px, 11.6vw, 178px);
  flex-basis: clamp(156px, 11.6vw, 178px);
}
.ga-navbar > .container-fluid {
  column-gap: clamp(.45rem, .85vw, 1.1rem);
}
.ga-navbar-content {
  padding-left: 0;
}
@media (max-width: 991px) {
  .ga-navbar .ga-brand-logo-wrap {
    width: 146px;
    flex-basis: 146px;
  }
  .ga-navbar .ga-brand-pro {
    margin-right: .55rem;
  }
}

/* v0.1.638 SCOREBOARD DISPLAY IMPORT CONTRAST
   Make JSON import controls visible across light/dark admin surfaces and browser defaults. */
.ga-scoreboard-definition-tools,
.ga-scoreboard-definition-tools * {
  color-scheme: light !important;
}

.ga-scoreboard-definition-tools {
  background: #f8fafc !important;
  border: 2px solid #94a3b8 !important;
  border-radius: 18px !important;
  padding: 14px !important;
}

.ga-scoreboard-definition-file {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 2px solid #475569 !important;
  border-radius: 12px !important;
  padding: 10px !important;
  font-weight: 900 !important;
  min-height: 46px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 2px rgba(15,23,42,.12) !important;
}

.ga-scoreboard-definition-file::file-selector-button {
  appearance: none !important;
  background: #0f172a !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 9px 12px !important;
  margin-right: 12px !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
}

.ga-scoreboard-definition-file::-webkit-file-upload-button {
  -webkit-appearance: none !important;
  background: #0f172a !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 9px 12px !important;
  margin-right: 12px !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
}

input.ga-scoreboard-definition-import,
button.ga-scoreboard-definition-import,
.ga-scoreboard-definition-import {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ea580c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #7c2d12 !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  min-height: 46px !important;
  font-weight: 1000 !important;
  letter-spacing: .03em !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.35) !important;
  box-shadow: 0 10px 22px rgba(124,45,18,.26), inset 0 1px 0 rgba(255,255,255,.25) !important;
  cursor: pointer !important;
}

input.ga-scoreboard-definition-import:hover,
button.ga-scoreboard-definition-import:hover,
.ga-scoreboard-definition-import:hover {
  background: #c2410c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* v0.1.639 SCOREBOARD DISPLAY IMPORT REAL CONTRAST
   Avoid browser file input rendering bugs by hiding the native control and using explicit high-contrast controls. */
.ga-scoreboard-definition-file-input {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

.ga-scoreboard-definition-file-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  border: 2px solid #0f172a !important;
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 1000 !important;
  letter-spacing: .025em !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.18) !important;
  cursor: pointer !important;
}

.ga-scoreboard-definition-file-button:hover,
.ga-scoreboard-definition-file-button:focus {
  background: #1d4ed8 !important;
  border-color: #1e3a8a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ga-scoreboard-definition-file-name {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 48px !important;
  min-width: min(100%, 280px) !important;
  max-width: 520px !important;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  border: 2px solid #94a3b8 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 900 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 1px 2px rgba(15,23,42,.10) !important;
}

input.ga-scoreboard-definition-import,
button.ga-scoreboard-definition-import,
.ga-scoreboard-definition-import {
  background: #f97316 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border: 3px solid #7c2d12 !important;
  min-height: 50px !important;
  padding: 13px 20px !important;
  font-weight: 1000 !important;
  letter-spacing: .035em !important;
  text-shadow: none !important;
  box-shadow: 0 12px 28px rgba(124,45,18,.30), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

input.ga-scoreboard-definition-import:hover,
button.ga-scoreboard-definition-import:hover,
.ga-scoreboard-definition-import:hover,
input.ga-scoreboard-definition-import:focus,
button.ga-scoreboard-definition-import:focus,
.ga-scoreboard-definition-import:focus {
  background: #fb923c !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  outline: 3px solid rgba(29,78,216,.25) !important;
  outline-offset: 2px !important;
}


/* v0.1.640 SCOREBOARD IMPORT CHOOSE BUTTON READABILITY
   Force the custom upload label text to render above inherited admin text-fill rules. */
.ga-scoreboard-definition-tools label.ga-scoreboard-definition-file-button,
label.ga-scoreboard-definition-file-button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  min-width: 230px !important;
  gap: .5rem !important;
  overflow: visible !important;
  text-indent: 0 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.35) !important;
}
.ga-scoreboard-definition-tools label.ga-scoreboard-definition-file-button::before {
  content: "Choose JSON definition" !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  display: inline !important;
  font-weight: 1000 !important;
}
.ga-scoreboard-definition-tools label.ga-scoreboard-definition-file-button {
  font-size: 0 !important;
}

/* v0.1.687 cross country sport-hub scorecards: meet/race summary instead of game matchup score lines. */
.ga-scorecard__meet {
  display: grid;
  gap: .75rem;
  min-height: 92px;
  align-content: center;
}
.ga-scorecard__meet-title {
  display: block;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: clamp(1.2rem, 2.4vw, 1.7rem);
  font-weight: 1000;
  letter-spacing: -.045em;
  line-height: 1.04;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ga-scorecard__meet-facts {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.ga-scorecard__meet-facts span {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #eef6ff !important;
  border: 1px solid rgba(7, 94, 199, .14);
  color: #1e3a8a !important;
  -webkit-text-fill-color: #1e3a8a !important;
  padding: .32rem .55rem;
  font-size: .64rem;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.ga-scorecard--compact .ga-scorecard__meet { min-height: 84px; }
.ga-scorecard--compact .ga-scorecard__meet-title { font-size: 1.35rem; }

/* v0.1.699 Cross country racing overlays: clock, positioning, and race scoring instead of scorebugs/matchups. */
.xc-overlay-stage{position:fixed;inset:0;pointer-events:none;color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.xc-overlay-stage--lower{display:flex;align-items:flex-end;justify-content:center;padding:0 4vw 4vh;}
.xc-clock-bug{width:min(1180px,94vw);display:grid;grid-template-columns:220px 1fr 220px;gap:0;background:linear-gradient(135deg,rgba(2,6,23,.94),rgba(5,46,22,.92));border:1px solid rgba(187,247,208,.38);box-shadow:0 18px 70px rgba(0,0,0,.42);border-radius:26px;overflow:hidden;}
.xc-clock-bug>div{padding:1rem 1.15rem;border-right:1px solid rgba(255,255,255,.12);min-width:0;}
.xc-clock-bug>div:last-child{border-right:0;}
.xc-clock-bug span,.xc-overlay-row small,.xc-overlay-race-card small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;font-weight:1000;color:#bbf7d0;}
.xc-clock-bug strong{display:block;font-size:1.35rem;font-weight:1000;letter-spacing:-.04em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xc-clock-bug [data-xc-live-clock]{font-size:2.65rem;font-variant-numeric:tabular-nums;color:#fef08a;}
.xc-clock-bug small{display:block;color:#d1fae5;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xc-overlay-board{background:radial-gradient(circle at 15% 15%,rgba(22,163,74,.28),transparent 35%),linear-gradient(135deg,rgba(2,6,23,.96),rgba(6,78,59,.92));border-color:rgba(187,247,208,.34)!important;}
.xc-overlay-title h1{font-size:clamp(2.4rem,5vw,5.8rem);font-weight:1000;letter-spacing:-.075em;color:#fff;margin:0;}
.xc-overlay-title p{font-size:1.05rem;font-weight:900;color:#bbf7d0;letter-spacing:.03em;margin:.25rem 0 1.25rem;}
.xc-overlay-list{display:grid;gap:.65rem;}
.xc-overlay-row{display:grid;grid-template-columns:64px 92px minmax(0,1fr) minmax(160px,auto);gap:.8rem;align-items:center;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);padding:.72rem .9rem;color:#fff;}
.xc-overlay-row strong{font-size:1.1rem;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xc-overlay-place{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#dcfce7;color:#064e3b;font-weight:1000;font-size:1.15rem;}
.xc-overlay-bib{font-weight:1000;color:#fef08a;white-space:nowrap;}
.xc-overlay-empty{padding:1rem;border-radius:18px;background:rgba(255,255,255,.08);color:#d1fae5;font-weight:900;}
.xc-overlay-race-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;}
.xc-overlay-race-card{border-radius:20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);padding:1rem;color:#fff;}
.xc-overlay-race-card strong{display:block;font-size:1.25rem;font-weight:1000;}
.xc-overlay-race-card span{display:inline-flex;margin-top:.7rem;border-radius:999px;background:#dcfce7;color:#064e3b;font-weight:1000;padding:.25rem .65rem;}
@media(max-width:760px){.xc-clock-bug{grid-template-columns:1fr}.xc-clock-bug>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.xc-overlay-row{grid-template-columns:48px 78px 1fr}.xc-overlay-row small{grid-column:3}.xc-overlay-race-grid{grid-template-columns:1fr}}

/* v0.1.717 Article Studio rich layout editor */
.article-rich-editor {
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 24px;
  background: #f8fbff;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.article-rich-source { display: none; min-height: 520px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.article-rich-editor.source-mode .article-rich-source { display: block; border: 0; border-radius: 0; min-height: 560px; }
.article-rich-editor.source-mode .article-rich-canvas,
.article-rich-editor.source-mode .article-layout-palette { display: none; }
.article-editor-toolbar {
  display: flex;
  gap: .45rem;
  flex-wrap: wrap;
  align-items: center;
  padding: .85rem;
  border-bottom: 1px solid rgba(15, 23, 42, .10);
  background: linear-gradient(180deg, #ffffff, #f3f7fc);
  position: sticky;
  top: 0;
  z-index: 3;
}
.article-editor-toolbar button,
.article-layout-palette button {
  border: 1px solid rgba(15, 23, 42, .14);
  background: #fff;
  color: #101828;
  border-radius: 999px;
  padding: .5rem .78rem;
  font-weight: 900;
  font-size: .82rem;
  line-height: 1;
  box-shadow: 0 8px 22px rgba(15,23,42,.05);
}
.article-editor-toolbar button:hover,
.article-layout-palette button:hover { border-color: #0b72d9; color: #0b5ed7; transform: translateY(-1px); }
.article-toolbar-separator { width: 1px; align-self: stretch; background: rgba(15,23,42,.14); margin: 0 .2rem; }
.article-layout-palette {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  padding: .9rem;
  border-bottom: 1px solid rgba(15,23,42,.08);
  background: #ffffff;
}
.article-layout-palette button {
  border-radius: 18px;
  padding: .82rem .9rem;
  text-align: left;
  display: grid;
  gap: .2rem;
}
.article-layout-palette small { color: #667085; font-weight: 800; }
.article-rich-canvas {
  min-height: 660px;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  background: #fff;
  color: #182230;
  font-size: 1.08rem;
  line-height: 1.72;
  outline: none;
}
.article-rich-canvas:empty:before {
  content: "Start writing or insert a layout block…";
  color: #98a2b3;
  font-weight: 800;
}
.article-rich-canvas h1,
.article-rich-canvas h2,
.article-rich-canvas h3,
.article-rich-canvas h4,
.article-body-card h1,
.article-body-card h2,
.article-body-card h3,
.article-body-card h4 { color: #101828 !important; font-weight: 1000; letter-spacing: -.035em; line-height: 1.05; margin: 1.15em 0 .45em; }
.article-rich-canvas h2,
.article-body-card h2 { font-size: clamp(1.9rem, 4vw, 3rem); }
.article-rich-canvas h3,
.article-body-card h3 { font-size: clamp(1.35rem, 2.4vw, 2rem); }
.article-rich-canvas p,
.article-body-card p { margin-bottom: 1.05rem; }
.article-rich-canvas blockquote,
.article-body-card blockquote {
  margin: 1.5rem 0;
  padding: 1.2rem 1.4rem;
  border-left: 6px solid #0b72d9;
  background: #eef6ff;
  border-radius: 18px;
  color: #101828;
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1.35;
}
.article-rich-canvas img,
.article-body-card img { max-width: 100%; border-radius: 22px; height: auto; }
.article-rich-canvas figure,
.article-body-card figure { margin: 1.5rem 0; }
.article-rich-canvas figcaption,
.article-body-card figcaption { color: #667085; font-size: .9rem; font-weight: 800; margin-top: .5rem; }
.article-layout-two-column,
.article-body-card .article-layout-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin: 1.5rem 0; }
.article-layout-callout,
.article-body-card .article-layout-callout {
  background: linear-gradient(135deg, #07111f, #0b72d9);
  color: #fff;
  border-radius: 24px;
  padding: 1.25rem;
  margin: 1.5rem 0;
}
.article-layout-callout *,
.article-body-card .article-layout-callout * { color: #fff !important; }
.article-layout-stat-strip,
.article-body-card .article-layout-stat-strip { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .75rem; margin: 1.4rem 0; }
.article-layout-stat-strip div,
.article-body-card .article-layout-stat-strip div { border-radius: 20px; padding: 1rem; background: #f2f6fb; border: 1px solid rgba(15,23,42,.10); }
.article-layout-stat-strip strong,
.article-body-card .article-layout-stat-strip strong { display:block; font-size: 1.8rem; line-height:1; color:#101828 !important; }
.article-layout-stat-strip span,
.article-body-card .article-layout-stat-strip span { display:block; margin-top:.35rem; color:#667085 !important; font-weight:900; text-transform:uppercase; letter-spacing:.08em; font-size:.72rem; }
.article-layout-lead,
.article-body-card .article-layout-lead { padding: 1.2rem 0; border-bottom: 1px solid rgba(15,23,42,.12); margin-bottom: 1.3rem; }
.article-layout-lead .kicker,
.article-body-card .article-layout-lead .kicker { color:#0b72d9 !important; text-transform:uppercase; letter-spacing:.18em; font-weight:1000; font-size:.75rem; }
.article-layout-analysis,
.article-body-card .article-layout-analysis { border:1px solid rgba(15,23,42,.12); border-radius:24px; padding:1.2rem; background:#fbfcff; margin:1.5rem 0; }
.article-layout-timeline,
.article-body-card .article-layout-timeline { border-left: 4px solid #0b72d9; padding-left: 1rem; margin: 1.5rem 0; }
.article-layout-timeline p,
.article-body-card .article-layout-timeline p { border-bottom: 1px solid rgba(15,23,42,.10); padding-bottom:.75rem; }
@media (max-width: 900px) {
  .article-layout-palette { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-layout-two-column,
  .article-body-card .article-layout-two-column { grid-template-columns: 1fr; }
  .article-layout-stat-strip,
  .article-body-card .article-layout-stat-strip { grid-template-columns: 1fr; }
}

/* v0.1.718 Article Studio font controls and direct photo uploads */
.article-toolbar-select-label {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  border: 1px solid rgba(15, 23, 42, .14);
  background: #fff;
  color: #344054;
  border-radius: 999px;
  padding: .32rem .42rem .32rem .72rem;
  font-weight: 900;
  font-size: .72rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .06em;
  box-shadow: 0 8px 22px rgba(15,23,42,.05);
}
.article-toolbar-select-label select {
  border: 0;
  background: #f2f6fb;
  color: #101828;
  border-radius: 999px;
  padding: .32rem 1.85rem .32rem .62rem;
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
  outline: none;
  min-width: 92px;
}
.article-rich-canvas [style*="font-family"],
.article-body-card [style*="font-family"] { line-height: inherit; }
.article-rich-canvas [style*="font-size"],
.article-body-card [style*="font-size"] { line-height: 1.35; }
.article-rich-canvas figure[data-layout="uploaded-image"],
.article-body-card figure[data-layout="uploaded-image"] {
  padding: .55rem;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 26px;
  background: #f8fbff;
}
.article-rich-canvas figure[data-layout="uploaded-image"] img,
.article-body-card figure[data-layout="uploaded-image"] img { display: block; width: 100%; }

.ga-xc-meetcard .ga-gamecard__matchup{display:none;}
.ga-xc-meetcard__body{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin:.85rem 0;}
.ga-xc-meetcard__title{margin:0;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;font-size:1.35rem;font-weight:1000;letter-spacing:-.035em;}
.ga-xc-meetcard__venue{margin:.3rem 0 0;color:#475569!important;-webkit-text-fill-color:#475569!important;font-weight:850;}
.ga-xc-meetcard__metrics{display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));gap:.55rem;min-width:min(360px,45%);}
.ga-xc-meetcard__metrics span{display:grid;gap:.12rem;border:1px solid rgba(15,23,42,.10);background:#f8fafc;border-radius:18px;padding:.75rem;text-align:center;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;}
.ga-xc-meetcard__metrics strong{font-size:1.35rem;font-weight:1000;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;line-height:1;}
.ga-xc-meetcard__metrics small{font-weight:950;color:#64748b!important;-webkit-text-fill-color:#64748b!important;text-transform:uppercase;letter-spacing:.08em;}
.ga-xc-meetcard__results{display:flex;flex-wrap:wrap;gap:.55rem;margin:.75rem 0;}
.ga-xc-meetcard__results span{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:#eef2ff;border:1px solid rgba(37,99,235,.18);padding:.45rem .7rem;color:#334155!important;-webkit-text-fill-color:#334155!important;font-weight:850;}
.ga-xc-meetcard__results strong{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;font-weight:1000;}
@media (max-width: 768px){.ga-xc-meetcard__body{display:block}.ga-xc-meetcard__metrics{min-width:0;width:100%;margin-top:.8rem;grid-template-columns:repeat(3,minmax(0,1fr));}.ga-xc-meetcard__metrics span{padding:.6rem .4rem}.ga-xc-meetcard__title{font-size:1.15rem}}

/* v0.1.738: share controls for highlight videos, articles, and photo galleries */
/* v0.1.740: lock share bars to readable light-card defaults unless explicitly nested in dark media cards. */
.ga-social-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  margin: 1.25rem 0;
  border: 1px solid rgba(37, 99, 235, .18);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,246,255,.92));
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
  color: #07111f;
}

.ga-social-share__copy {
  min-width: 220px;
}

.ga-social-share__copy .ga-kicker {
  display: inline-block;
  color: #155bd5 !important;
  -webkit-text-fill-color: #155bd5 !important;
  text-shadow: none !important;
}

.ga-social-share__copy strong {
  display: block;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  font-weight: 950;
  letter-spacing: -.02em;
  text-shadow: none !important;
}

.ga-social-share__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .5rem;
}

.ga-share-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: .55rem .8rem;
  border: 1px solid rgba(15, 23, 42, .14);
  border-radius: 999px;
  background: #ffffff;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .06);
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.ga-share-button:hover,
.ga-share-button:focus {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, .38);
  box-shadow: 0 14px 30px rgba(15, 23, 42, .12);
}

.ga-share-button--facebook,
.ga-share-button--linkedin,
.ga-share-button--copy.is-copied {
  background: #155bd5;
  border-color: #155bd5;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ga-share-button--x,
.ga-share-button--threads {
  background: #07111f;
  border-color: #07111f;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ga-share-button--reddit {
  background: #ff4500;
  border-color: #ff4500;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ga-share-button--whatsapp {
  background: #16a34a;
  border-color: #16a34a;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ga-share-button--email {
  background: #f8fafc;
}

.ga-card--dark .ga-social-share,
.video-hero-card .ga-social-share,
.gamecast-pro .ga-social-share {
  background: linear-gradient(135deg, rgba(8, 16, 32, .95), rgba(19, 38, 72, .88));
  border-color: rgba(255,255,255,.16);
  color: #ffffff;
}

.ga-card--dark .ga-social-share__copy .ga-kicker,
.video-hero-card .ga-social-share__copy .ga-kicker,
.gamecast-pro .ga-social-share__copy .ga-kicker {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

.ga-card--dark .ga-social-share__copy strong,
.video-hero-card .ga-social-share__copy strong,
.gamecast-pro .ga-social-share__copy strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 900px) {
  .ga-social-share {
    align-items: stretch;
    flex-direction: column;
  }

  .ga-social-share__actions {
    justify-content: flex-start;
  }
}

/* v0.1.741 AI-assisted social preview cards for GameCenter and RaceCenter */
.share-preview-card {
  margin-top: 1rem;
  border-radius: 26px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: #ffffff;
  box-shadow: 0 20px 54px rgba(15, 23, 42, 0.13);
  padding: 1rem;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.share-preview-card--dark {
  background: rgba(2, 6, 23, 0.64) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 24px 70px rgba(2, 6, 23, 0.38);
}
.share-preview-card__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.share-preview-card__kicker {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.share-preview-card--dark .share-preview-card__kicker {
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
}
.share-preview-card h3 {
  margin: 0;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
  letter-spacing: -0.04em;
}
.share-preview-card--dark h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.share-preview-card__action {
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(37, 99, 235, 0.30);
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
  font-weight: 1000;
  padding: 0.45rem 0.8rem;
  text-decoration: none;
}
.share-preview-card__frame {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1200 / 630;
  border-radius: 20px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: #020617;
}
.share-preview-card__frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.share-preview-card__hint {
  margin: 0.7rem 0 0;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
}
.share-preview-card--dark .share-preview-card__hint {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

/* v0.1.759: premium share link presentation */
.ga-social-share.ga-social-share--pro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(340px, 1.2fr);
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  margin: 1.25rem 0;
  border-radius: 28px;
  border: 1px solid rgba(15, 23, 42, .10);
  background:
    radial-gradient(circle at 16% 18%, rgba(37, 99, 235, .10), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.95));
  box-shadow: 0 22px 54px rgba(15, 23, 42, .10);
  color: #07111f !important;
  overflow: hidden;
}

.ga-social-share.ga-social-share--pro::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #155bd5, #16a34a);
}

.ga-social-share__identity {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: .9rem;
  align-items: center;
  min-width: 0;
  padding: .45rem .35rem .45rem .75rem;
}

.ga-social-share__badge {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: inline-grid;
  place-items: center;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #155bd5, #16a34a);
  box-shadow: 0 18px 34px rgba(21, 91, 213, .22);
  font-size: 1.35rem;
  font-weight: 1000;
}

.ga-social-share--pro .ga-social-share__copy {
  min-width: 0;
}

.ga-social-share--pro .ga-kicker {
  display: block;
  color: #155bd5 !important;
  -webkit-text-fill-color: #155bd5 !important;
  text-shadow: none !important;
}

.ga-social-share--pro strong {
  display: block;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  font-size: clamp(1.05rem, 1.6vw, 1.45rem);
  font-weight: 1000;
  letter-spacing: -.035em;
  line-height: 1.1;
  text-shadow: none !important;
}

.ga-social-share--pro p {
  margin: .35rem 0 0;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 800;
  line-height: 1.35;
  text-shadow: none !important;
}

.ga-social-share__panel {
  display: grid;
  gap: .75rem;
  min-width: 0;
  padding: .85rem;
  border-radius: 22px;
  background: rgba(255, 255, 255, .76);
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}

.ga-social-share__copyline {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  min-width: 0;
  padding: .48rem;
  border-radius: 18px;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, .10);
}

.ga-social-share__copyline > span:first-child {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .12em;
  white-space: nowrap;
}

.ga-social-share__copyline code {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: .35rem .55rem;
  border-radius: 12px;
  background: #ffffff;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, .08);
  font-size: .78rem;
  font-weight: 850;
}

.ga-social-share--pro .ga-social-share__actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: .55rem;
  justify-content: stretch;
}

.ga-social-share--pro .ga-share-button {
  min-height: 44px;
  gap: .5rem;
  padding: .62rem .74rem;
  border-radius: 16px;
  justify-content: flex-start;
  font-size: .84rem;
  letter-spacing: .01em;
  box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
}

.ga-share-button__icon {
  flex: 0 0 auto;
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(255,255,255,.22);
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-size: .78rem;
  font-weight: 1000;
  line-height: 1;
}

.ga-social-share--pro .ga-share-button--copy-primary {
  justify-content: center;
  min-height: 36px;
  border-radius: 14px;
  background: #0f172a;
  border-color: #0f172a;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none;
}

.ga-social-share--pro .ga-share-button--email {
  background: #ffffff;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.ga-card--dark .ga-social-share.ga-social-share--pro,
.video-hero-card .ga-social-share.ga-social-share--pro,
.gamecast-pro .ga-social-share.ga-social-share--pro,
.gamecenter-hero .ga-social-share.ga-social-share--pro,
.network-hero-pro .ga-social-share.ga-social-share--pro,
.baseball-hero .ga-social-share.ga-social-share--pro {
  background:
    radial-gradient(circle at 18% 20%, rgba(96, 165, 250, .22), transparent 34%),
    linear-gradient(135deg, rgba(248,250,252,.98), rgba(226,232,240,.94));
  border-color: rgba(255,255,255,.28);
  box-shadow: 0 22px 58px rgba(0,0,0,.20);
  color: #07111f !important;
}

.ga-card--dark .ga-social-share--pro strong,
.video-hero-card .ga-social-share--pro strong,
.gamecast-pro .ga-social-share--pro strong,
.gamecenter-hero .ga-social-share--pro strong,
.network-hero-pro .ga-social-share--pro strong,
.baseball-hero .ga-social-share--pro strong {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
}

.ga-card--dark .ga-social-share--pro p,
.video-hero-card .ga-social-share--pro p,
.gamecast-pro .ga-social-share--pro p,
.gamecenter-hero .ga-social-share--pro p,
.network-hero-pro .ga-social-share--pro p,
.baseball-hero .ga-social-share--pro p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

@media (max-width: 1100px) {
  .ga-social-share.ga-social-share--pro {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ga-social-share.ga-social-share--pro {
    padding: .85rem;
    border-radius: 24px;
  }
  .ga-social-share__identity {
    grid-template-columns: 42px 1fr;
    padding-left: .4rem;
  }
  .ga-social-share__badge {
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }
  .ga-social-share__copyline {
    grid-template-columns: 1fr auto;
  }
  .ga-social-share__copyline > span:first-child {
    grid-column: 1 / -1;
  }
  .ga-social-share--pro .ga-social-share__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* v0.1.760: tuck public share links behind a discrete menu instead of making them a prominent hero card. */
.ga-social-share.ga-social-share--tucked {
  display: block !important;
  width: fit-content;
  max-width: min(100%, 760px);
  margin: .75rem 0 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: inherit !important;
}

.ga-social-share.ga-social-share--tucked::before {
  display: none !important;
}

.ga-social-share--tucked .ga-social-share__details {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.ga-social-share--tucked .ga-social-share__trigger {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 38px;
  padding: .48rem .72rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.32);
  background: rgba(255,255,255,.13);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .82rem;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 12px 26px rgba(2,6,23,.16);
  backdrop-filter: blur(12px);
}

.ga-social-share--tucked .ga-social-share__trigger::-webkit-details-marker {
  display: none;
}

.ga-social-share--tucked .ga-social-share__trigger-icon {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

.ga-social-share--tucked .ga-social-share__details[open] .ga-social-share__trigger {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(15,23,42,.16);
}

.ga-social-share--tucked .ga-social-share__drawer {
  position: absolute;
  z-index: 30;
  top: calc(100% + .55rem);
  left: 0;
  width: min(92vw, 680px);
  display: grid;
  grid-template-columns: 1fr;
  gap: .8rem;
  padding: .9rem;
  border-radius: 24px;
  background: rgba(248,250,252,.98);
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 28px 76px rgba(2,6,23,.28);
  color: #07111f !important;
}

.ga-social-share--tucked .ga-social-share__identity {
  grid-template-columns: 38px minmax(0, 1fr);
  gap: .7rem;
  padding: .2rem;
}

.ga-social-share--tucked .ga-social-share__badge {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  font-size: 1rem;
}

.ga-social-share--tucked .ga-kicker {
  font-size: .72rem;
}

.ga-social-share--tucked strong {
  font-size: 1.02rem !important;
  line-height: 1.15;
}

.ga-social-share--tucked p {
  font-size: .88rem;
  margin-top: .25rem;
}

.ga-social-share--tucked .ga-social-share__panel {
  padding: .72rem;
  border-radius: 18px;
  background: #ffffff;
}

.ga-social-share--tucked .ga-social-share__copyline {
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: .4rem;
  border-radius: 14px;
}

.ga-social-share--tucked .ga-social-share__actions {
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)) !important;
  gap: .45rem !important;
}

.ga-social-share--tucked .ga-share-button {
  min-height: 38px !important;
  padding: .5rem .62rem !important;
  border-radius: 13px !important;
  font-size: .78rem !important;
  box-shadow: none !important;
}

body.ga-light-theme .ga-social-share--tucked .ga-social-share__trigger,
.ga-social-share--tucked .ga-social-share__trigger {
  background: rgba(255,255,255,.86) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(15,23,42,.14) !important;
}

.gamecenter-hero .ga-social-share.ga-social-share--tucked,
.network-hero-pro .ga-social-share.ga-social-share--tucked,
.baseball-hero .ga-social-share.ga-social-share--tucked,
.gamecast-pro .ga-social-share.ga-social-share--tucked {
  margin-top: .8rem !important;
}

@media (max-width: 760px) {
  .ga-social-share.ga-social-share--tucked {
    width: 100%;
  }

  .ga-social-share--tucked .ga-social-share__details {
    width: 100%;
  }

  .ga-social-share--tucked .ga-social-share__drawer {
    width: calc(100vw - 2rem);
    left: 0;
  }

  .ga-social-share--tucked .ga-social-share__copyline {
    grid-template-columns: 1fr auto;
  }

  .ga-social-share--tucked .ga-social-share__copyline > span:first-child {
    grid-column: 1 / -1;
  }
}


/* v0.1.761: share controls live outside hero sections and expand in normal page flow. */
.ga-share-outside-hero {
  position: relative;
  z-index: 12;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
}

.ga-share-outside-hero .ga-social-share.ga-social-share--tucked {
  margin: .15rem 0 0 !important;
}

.ga-share-outside-hero .ga-social-share--tucked .ga-social-share__details {
  display: block;
  width: fit-content;
  max-width: 100%;
}

.ga-share-outside-hero .ga-social-share--tucked .ga-social-share__drawer {
  position: static !important;
  width: min(100%, 760px) !important;
  margin-top: .6rem;
  transform: none !important;
}

.ga-share-outside-hero .ga-social-share--tucked .ga-social-share__details[open] {
  width: min(100%, 760px);
}

.ga-share-outside-hero .ga-social-share--tucked .ga-social-share__trigger {
  box-shadow: 0 10px 24px rgba(15,23,42,.10);
}

.racing-event-show-shell > .ga-share-outside-hero,
.gamecenter-hero + .ga-share-outside-hero,
.gamecast-shell .ga-share-outside-hero {
  padding-left: clamp(.25rem, 1vw, .5rem);
  padding-right: clamp(.25rem, 1vw, .5rem);
}

@media (max-width: 760px) {
  .ga-share-outside-hero .ga-social-share--tucked .ga-social-share__details,
  .ga-share-outside-hero .ga-social-share--tucked .ga-social-share__details[open],
  .ga-share-outside-hero .ga-social-share--tucked .ga-social-share__drawer {
    width: 100% !important;
  }
}

/* v0.1.774: Mobile Studio command view for admins. */
.mobile-studio-nav {
  display: none;
}

@media (max-width: 820px) {
  body.ga-admin-mobile-context {
    background: #eef4fb !important;
    overflow-x: hidden;
  }

  body.ga-admin-mobile-context .ga-navbar {
    position: sticky;
    top: 0;
    z-index: 1040;
  }

  .mobile-studio-nav {
    display: block;
    position: sticky;
    top: 72px;
    z-index: 1035;
    margin: .55rem .65rem .75rem;
    padding: .7rem;
    border-radius: 22px;
    border: 1px solid rgba(37, 99, 235, .20);
    background: rgba(255,255,255,.96);
    box-shadow: 0 18px 44px rgba(15,23,42,.16);
    backdrop-filter: blur(14px);
  }

  .mobile-studio-nav__head {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    align-items: center;
    margin-bottom: .55rem;
  }

  .mobile-studio-nav__head strong {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 1rem;
    font-weight: 1000;
    letter-spacing: -.02em;
  }

  .mobile-studio-nav__head span {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
    font-size: .72rem;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .1em;
  }

  .mobile-studio-nav__rail {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(76px, 1fr);
    gap: .48rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding-bottom: .1rem;
  }

  .mobile-studio-nav__item {
    scroll-snap-align: start;
    display: grid;
    place-items: center;
    gap: .22rem;
    min-height: 58px;
    border-radius: 16px;
    border: 1px solid rgba(15,23,42,.10);
    background: #f8fafc;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    text-decoration: none;
    font-size: .76rem;
    font-weight: 1000;
  }

  .mobile-studio-nav__item.is-active,
  .mobile-studio-nav__item:focus,
  .mobile-studio-nav__item:hover {
    background: #0f172a;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #0f172a;
  }

  .mobile-studio-nav__icon {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: rgba(37,99,235,.12);
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font-weight: 1000;
  }

  body.ga-admin-mobile-context .ga-page {
    padding: 0 .65rem 1rem !important;
    overflow-x: hidden;
  }

  body.ga-admin-mobile-context footer {
    display: none !important;
  }

  body.ga-admin-mobile-context .ga-admin-shell,
  body.ga-admin-mobile-context .system-studio-page-shell[style],
  body.ga-admin-mobile-context .admin-linked-management-index,
  body.ga-admin-mobile-context .admin-linked-management-page {
    display: block !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  body.ga-admin-mobile-context .ga-admin-shell > .ga-sidebar,
  body.ga-admin-mobile-context .system-studio-page-shell > .ga-sidebar,
  body.ga-admin-mobile-context aside.ga-sidebar {
    display: none !important;
  }

  body.ga-admin-mobile-context .ga-admin-shell > main,
  body.ga-admin-mobile-context .ga-admin-shell > div,
  body.ga-admin-mobile-context .system-studio-content[style],
  body.ga-admin-mobile-context .production-grid-main,
  body.ga-admin-mobile-context main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: 22px !important;
    padding: .75rem !important;
    margin: 0 0 .9rem !important;
    overflow-x: hidden !important;
  }

  body.ga-admin-mobile-context h1,
  body.ga-admin-mobile-context .display-1,
  body.ga-admin-mobile-context .display-2,
  body.ga-admin-mobile-context .display-3,
  body.ga-admin-mobile-context .display-4,
  body.ga-admin-mobile-context .display-5,
  body.ga-admin-mobile-context .display-6 {
    font-size: clamp(1.65rem, 9vw, 2.6rem) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    overflow-wrap: anywhere !important;
  }

  body.ga-admin-mobile-context section[style*="grid-template-columns"],
  body.ga-admin-mobile-context div[style*="grid-template-columns"],
  body.ga-admin-mobile-context form[style*="grid-template-columns"],
  body.ga-admin-mobile-context .row {
    grid-template-columns: 1fr !important;
  }

  body.ga-admin-mobile-context [style*="min-width:900px"],
  body.ga-admin-mobile-context [style*="min-width: 900px"],
  body.ga-admin-mobile-context [style*="min-width:800px"],
  body.ga-admin-mobile-context [style*="min-width: 800px"] {
    min-width: 680px !important;
  }

  body.ga-admin-mobile-context table {
    font-size: .84rem !important;
  }

  body.ga-admin-mobile-context input,
  body.ga-admin-mobile-context select,
  body.ga-admin-mobile-context textarea,
  body.ga-admin-mobile-context .form-control,
  body.ga-admin-mobile-context .form-select,
  body.ga-admin-mobile-context .btn {
    min-height: 44px;
    font-size: 16px !important;
  }

  body.ga-admin-mobile-context .d-flex {
    min-width: 0;
  }

  body.ga-admin-mobile-context .studio-config-actions,
  body.ga-admin-mobile-context [style*="justify-content:space-between"],
  body.ga-admin-mobile-context [style*="justify-content: space-between"] {
    flex-wrap: wrap !important;
  }

  body.ga-admin-mobile-context .alert {
    margin: .5rem .65rem !important;
    border-radius: 18px !important;
  }
}

/* v0.1.832: compact event Callaba provisioning console */
.event-callaba-console {
  background: linear-gradient(135deg, rgba(13, 27, 46, .96), rgba(20, 45, 78, .9));
}
.event-callaba-console__header,
.event-callaba-feed-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.event-callaba-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  justify-content: flex-end;
}
.event-callaba-action-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .35rem;
  border: 1px solid rgba(148, 163, 184, .22);
  background: rgba(15, 23, 42, .32);
  border-radius: 999px;
  padding: .35rem .45rem;
}
.event-callaba-action-group > span {
  color: rgba(226, 232, 240, .76);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .1em;
  padding: 0 .25rem;
  text-transform: uppercase;
}
.event-callaba-action-group--danger {
  border-color: rgba(248, 113, 113, .34);
  background: rgba(127, 29, 29, .12);
}
.event-callaba-status-grid,
.event-callaba-mini-grid,
.event-callaba-detail-grid {
  display: grid;
  gap: .65rem;
}
.event-callaba-status-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.event-callaba-status-card,
.event-callaba-feed-row,
.event-callaba-json-box {
  border: 1px solid rgba(148, 163, 184, .24);
  background: rgba(15, 23, 42, .46);
  border-radius: 16px;
}
.event-callaba-status-card {
  padding: .75rem .9rem;
  min-width: 0;
}
.event-callaba-status-label,
.event-callaba-mini-grid span,
.event-callaba-detail-grid span {
  display: block;
  color: rgba(226, 232, 240, .72);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.event-callaba-status-card strong {
  display: block;
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.event-callaba-status-card small {
  color: rgba(226, 232, 240, .72);
}
.event-callaba-feed-list {
  display: grid;
  gap: .75rem;
}
.event-callaba-feed-row {
  padding: .85rem;
}
.event-callaba-mono,
.event-callaba-detail-grid code,
.event-callaba-json-box pre,
.event-callaba-feed-error pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}
.event-callaba-mono {
  color: rgba(226, 232, 240, .72);
  font-size: .76rem;
  overflow-wrap: anywhere;
}
.event-callaba-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  justify-content: flex-end;
}
.event-callaba-mini-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: .75rem;
}
.event-callaba-mini-grid > div {
  min-width: 0;
  padding: .6rem .65rem;
  border-radius: 12px;
  background: rgba(2, 6, 23, .28);
}
.event-callaba-mini-grid strong,
.event-callaba-url-cell a {
  display: block;
  color: #fff;
  font-size: .82rem;
  overflow-wrap: anywhere;
}
.event-callaba-url-cell a {
  color: #7dd3fc;
}
.event-callaba-feed-details summary,
.event-callaba-workflow summary,
.event-callaba-feed-error summary {
  cursor: pointer;
  color: #bfdbfe;
  font-weight: 800;
  font-size: .84rem;
}
.event-callaba-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: .65rem;
}
.event-callaba-detail-grid > div {
  min-width: 0;
  padding: .6rem;
  border-radius: 12px;
  background: rgba(2, 6, 23, .32);
}
.event-callaba-detail-grid code {
  display: block;
  color: #e0f2fe;
  white-space: normal;
  overflow-wrap: anywhere;
}
.event-callaba-feed-error pre,
.event-callaba-json-box pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: .4rem 0 0;
  font-size: .75rem;
}
.event-callaba-feed-error pre {
  color: #fecaca;
  background: rgba(127, 29, 29, .24);
  border-radius: 12px;
  padding: .65rem;
}
.event-callaba-json-box {
  padding: .75rem;
  height: 100%;
}
.event-callaba-json-box pre {
  color: #dbeafe;
}
body.ga-light-theme .event-callaba-console {
  background: #ffffff;
}
body.ga-light-theme .event-callaba-status-card,
body.ga-light-theme .event-callaba-feed-row,
body.ga-light-theme .event-callaba-json-box {
  background: #f8fafc;
  border-color: #dbe4ef;
}
body.ga-light-theme .event-callaba-status-label,
body.ga-light-theme .event-callaba-mini-grid span,
body.ga-light-theme .event-callaba-detail-grid span,
body.ga-light-theme .event-callaba-action-group > span,
body.ga-light-theme .event-callaba-mono,
body.ga-light-theme .event-callaba-status-card small {
  color: #475569;
}
body.ga-light-theme .event-callaba-status-card strong,
body.ga-light-theme .event-callaba-mini-grid strong {
  color: #0f172a;
}
body.ga-light-theme .event-callaba-mini-grid > div,
body.ga-light-theme .event-callaba-detail-grid > div {
  background: #eef4fb;
}
body.ga-light-theme .event-callaba-action-group {
  border-color: rgba(148, 163, 184, .38);
  background: rgba(248, 250, 252, .74);
}
body.ga-light-theme .event-callaba-action-group--danger {
  border-color: rgba(220, 38, 38, .32);
  background: rgba(254, 242, 242, .82);
}
body.ga-light-theme .event-callaba-detail-grid code,
body.ga-light-theme .event-callaba-json-box pre {
  color: #0f172a;
}
body.ga-light-theme .event-callaba-feed-details summary,
body.ga-light-theme .event-callaba-workflow summary,
body.ga-light-theme .event-callaba-feed-error summary {
  color: #075ec7;
}
@media (max-width: 1199px) {
  .event-callaba-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-callaba-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-callaba-url-cell { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .event-callaba-console__header,
  .event-callaba-feed-main {
    display: block;
  }
  .event-callaba-actions,
  .event-callaba-badges {
    justify-content: flex-start;
    margin-top: .75rem;
  }
  .event-callaba-status-grid,
  .event-callaba-mini-grid,
  .event-callaba-detail-grid {
    grid-template-columns: 1fr;
  }
}


/* Event admin grouped video operations panels */
.admin-event-master-panel {
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .28);
}

.admin-event-master-summary,
.admin-event-subpanel-summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.admin-event-master-summary::-webkit-details-marker,
.admin-event-subpanel-summary::-webkit-details-marker {
  display: none;
}

.admin-event-master-summary {
  position: relative;
  isolation: isolate;
  padding: 1.2rem 1.5rem;
  background:
    radial-gradient(circle at 8% 0%, rgba(34, 211, 238, .22), transparent 34%),
    radial-gradient(circle at 96% 10%, rgba(245, 158, 11, .18), transparent 30%),
    linear-gradient(135deg, #020617 0%, #0f172a 48%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.admin-event-master-summary > span {
  display: grid;
  gap: .25rem;
}

.admin-event-master-summary .ga-kicker {
  color: #67e8f9 !important;
  -webkit-text-fill-color: #67e8f9 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.38);
}

.admin-event-master-summary strong {
  display: block;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  letter-spacing: -.035em;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 6px 22px rgba(0,0,0,.46);
}

.admin-event-master-summary small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  font-weight: 900;
  max-width: 480px;
  text-align: right;
  line-height: 1.35;
  text-shadow: 0 4px 18px rgba(0,0,0,.42);
}

.admin-event-master-summary::after,
.admin-event-subpanel-summary::after {
  content: "▾";
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.18);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 1000;
  transition: transform .18s ease;
}

.admin-event-master-panel:not([open]) > .admin-event-master-summary::after,
.admin-event-subpanel:not([open]) > .admin-event-subpanel-summary::after {
  transform: rotate(-90deg);
}

.admin-event-master-body {
  padding: 1rem;
  display: grid;
  gap: .9rem;
}

.admin-event-subpanel {
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  overflow: hidden;
}

.admin-event-subpanel-summary {
  padding: .95rem 1.1rem;
  background: rgba(15, 23, 42, .70);
  color: #ffffff;
}

.admin-event-subpanel-summary strong {
  display: block;
  font-size: .98rem;
}

.admin-event-subpanel-summary small {
  color: rgba(255,255,255,.68);
  font-weight: 800;
}

.admin-event-subpanel > .ga-card {
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

.admin-video-access-collapse > .admin-event-subpanel-summary {
  background: linear-gradient(135deg, rgba(20, 83, 45, .82), rgba(15, 23, 42, .72));
}

body.ga-light-theme .admin-event-master-panel,
body.ga-light-theme .admin-event-subpanel {
  background: #ffffff;
  border-color: #dbe3ef;
}

body.ga-light-theme .admin-event-master-summary {
  background:
    radial-gradient(circle at 8% 0%, rgba(34, 211, 238, .22), transparent 34%),
    radial-gradient(circle at 96% 10%, rgba(245, 158, 11, .18), transparent 30%),
    linear-gradient(135deg, #020617 0%, #0f172a 48%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.ga-light-theme .admin-event-master-summary strong,
body.ga-light-theme .admin-event-master-summary small,
body.ga-light-theme .admin-event-master-summary::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.ga-light-theme .admin-event-master-summary .ga-kicker {
  color: #67e8f9 !important;
  -webkit-text-fill-color: #67e8f9 !important;
}

body.ga-light-theme .admin-event-subpanel-summary {
  background: #f1f5f9;
  color: #0f172a;
  border-bottom: 1px solid #dbe3ef;
}

body.ga-light-theme .admin-event-subpanel-summary small {
  color: #64748b;
}

body.ga-light-theme .admin-video-access-collapse > .admin-event-subpanel-summary {
  background: linear-gradient(135deg, #ecfdf5, #eef2ff);
}

@media (max-width: 768px) {
  .admin-event-master-summary,
  .admin-event-subpanel-summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-event-master-summary small {
    text-align: left;
  }
}


/* Event admin compact share preview and smarter Callaba controls */
.admin-event-share-preview-compact {
  padding: 1rem !important;
}

.admin-event-share-preview-compact .share-preview-card {
  margin: 0;
  padding: .85rem !important;
  border-radius: 22px;
}

.admin-event-share-preview-compact .share-preview-card__header {
  display: none;
}

.admin-event-share-preview-compact .share-preview-card__frame {
  height: clamp(150px, 22vw, 260px);
  max-height: 260px;
  overflow: hidden;
  border-radius: 18px;
  background: #020617;
}

.admin-event-share-preview-compact .share-preview-card__frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.admin-event-share-preview-compact .share-preview-card__hint {
  display: none;
}

.event-callaba-action-group .button_to input[disabled],
.event-callaba-action-group .button_to button[disabled] {
  opacity: .52;
  cursor: not-allowed;
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

/* v0.1.869 admin operations layout: command-first management pages */
.admin-ops-command-deck{display:grid;grid-template-columns:minmax(240px,1.25fr) minmax(220px,.9fr) minmax(280px,1.2fr);gap:1rem;margin-bottom:1rem}
.admin-ops-card{border-radius:24px;background:#ffffff!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 16px 42px rgba(15,23,42,.09);padding:1rem;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important}
.admin-ops-card h2,.admin-ops-card h3,.admin-ops-card strong{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;font-weight:1000}.admin-ops-card p,.admin-ops-card small{color:#475569!important;-webkit-text-fill-color:#475569!important;font-weight:850}
.admin-ops-action-row{display:flex;gap:.5rem;flex-wrap:wrap}.admin-ops-action-row .btn{border-radius:999px;font-weight:1000}.admin-ops-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.55rem}.admin-ops-mini{border-radius:18px;background:#f8fafc;border:1px solid #dbe6f3;padding:.7rem}.admin-ops-mini span{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#0b72d9!important;-webkit-text-fill-color:#0b72d9!important;font-weight:1000}.admin-ops-mini strong{display:block;font-size:1.25rem;line-height:1.05}.admin-ops-workflow-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem;align-items:start}.admin-ops-section-nav{display:flex;gap:.45rem;flex-wrap:wrap}.admin-ops-section-nav a{border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#f8fafc;padding:.42rem .7rem;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;text-decoration:none;font-weight:1000;font-size:.82rem}.admin-ops-section-nav a:hover{background:#e0f2fe}.admin-event-share-preview-compact{padding:1rem!important}.admin-event-share-preview-frame{max-height:220px;overflow:hidden;border-radius:22px}.admin-event-share-preview-frame img,.admin-event-share-preview-frame svg{max-height:210px!important;object-fit:cover}.admin-event-master-panel,.admin-event-subpanel{scroll-margin-top:1rem}.admin-page-tools{max-height:168px;overflow:auto;padding-right:.25rem}.admin-page-tools::-webkit-scrollbar{width:8px}.admin-page-tools::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.admin-compact-management-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}.admin-compact-management-stack>.ga-card{margin-bottom:0!important}.admin-inventory-console .accordion-item{margin-bottom:.7rem!important}.admin-inventory-console .accordion-body{max-height:520px;overflow:auto}.admin-inventory-console table th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#475569!important;-webkit-text-fill-color:#475569!important}.admin-inventory-console table td{font-size:.86rem}.admin-truck-obs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.admin-truck-obs-grid .ga-kicker{font-size:.66rem}.admin-truck-obs-grid p{font-size:.78rem}.admin-truck-status-table{max-height:280px;overflow:auto;border-radius:18px;border:1px solid #dbe6f3}.admin-show-hero .btn,.admin-linked-management-page .btn{white-space:nowrap}@media(max-width:1100px){.admin-ops-command-deck,.admin-ops-workflow-grid{grid-template-columns:1fr}.admin-page-tools{max-height:none}}

/* SPORT HUB EDITORIAL OVERFLOW FIX v0.1.891
   Long curated editorial headlines must wrap inside the three-column editorial shelves
   instead of stretching over the Video and Photos columns. */
body.ga-light-theme .sports-hub-index-page .sports-content-panel,
body.ga-light-theme .sports-public-refresh .sports-panel {
  min-width: 0;
  overflow: hidden;
}

body.ga-light-theme .sports-hub-index-page .row > [class*="col-"],
body.ga-light-theme .sports-public-refresh .row > [class*="col-"] {
  min-width: 0;
}

body.ga-light-theme .sports-hub-index-page .sports-content-panel .sports-hub-tile,
body.ga-light-theme .sports-public-refresh .sports-panel .sports-news-link.h-100 {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

body.ga-light-theme .sports-hub-index-page .sports-content-panel .sports-story-row,
body.ga-light-theme .sports-public-refresh .sports-panel .sports-news-link .sports-news-link {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  display: grid !important;
  grid-template-columns: 1fr;
  align-items: start;
  gap: .28rem;
  white-space: normal !important;
}

body.ga-light-theme .sports-hub-index-page .sports-content-panel .sports-story-row span,
body.ga-light-theme .sports-hub-index-page .sports-content-panel .sports-story-row strong,
body.ga-light-theme .sports-hub-index-page .sports-content-panel .sports-story-row small,
body.ga-light-theme .sports-public-refresh .sports-panel .sports-news-link strong,
body.ga-light-theme .sports-public-refresh .sports-panel .sports-news-link small {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal !important;
}

body.ga-light-theme .sports-hub-index-page .sports-content-panel .sports-story-row strong,
body.ga-light-theme .sports-public-refresh .sports-panel .sports-news-link strong {
  line-height: 1.16;
}

body.ga-light-theme .sports-hub-index-page .sports-content-panel .sports-story-row small,
body.ga-light-theme .sports-public-refresh .sports-panel .sports-news-link small {
  line-height: 1.35;
}

/* v0.1.894 sport latest-news card readability fix.
   The sport show pages set broad text color rules for panels; featured latest-news
   cards need their own stronger theme so soccer/baseball/basketball/etc. never
   inherit dark panel text on a dark card. */
body.ga-light-theme .sports-public-refresh .sports-news-feature,
body.ga-light-theme .sports-public-refresh .sports-news-feature:visited,
body.ga-light-theme .sports-public-refresh .sports-news-feature:hover,
body.ga-light-theme .sports-public-refresh .sports-news-feature:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg,#0f172a 0%,#1e293b 100%) !important;
}

body.ga-light-theme .sports-public-refresh .sports-news-feature strong,
body.ga-light-theme .sports-public-refresh .sports-news-feature:hover strong,
body.ga-light-theme .sports-public-refresh .sports-news-feature:focus strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 18px rgba(0,0,0,.45) !important;
}

body.ga-light-theme .sports-public-refresh .sports-news-feature small,
body.ga-light-theme .sports-public-refresh .sports-news-feature:hover small,
body.ga-light-theme .sports-public-refresh .sports-news-feature:focus small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body.ga-light-theme .sports-public-refresh .sports-news-feature .sports-news-meta span,
body.ga-light-theme .sports-public-refresh .sports-news-feature:hover .sports-news-meta span,
body.ga-light-theme .sports-public-refresh .sports-news-feature:focus .sports-news-meta span {
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
}

body.ga-light-theme .sports-public-refresh .sports-news-feature .badge,
body.ga-light-theme .sports-public-refresh .sports-news-feature:hover .badge,
body.ga-light-theme .sports-public-refresh .sports-news-feature:focus .badge {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  background: #facc15 !important;
}


/* v0.1.917 PUBLIC HEADER POLISH + BASIC PLAN NAMING
   Make the signed-out public header feel intentional instead of a sparse logo row,
   and keep the free access plan displayed as Basic. */
body.ga-light-theme .ga-navbar {
  padding: .62rem 0 !important;
  background: linear-gradient(180deg, rgba(248,250,252,.96), rgba(255,255,255,.86)) !important;
  border-bottom: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.08) !important;
}
body.ga-light-theme .ga-navbar > .container-fluid {
  width: min(calc(100% - clamp(1rem, 4vw, 4rem)), 1480px) !important;
  max-width: 1480px !important;
  margin-inline: auto !important;
  min-height: 74px !important;
  padding: .58rem clamp(.75rem, 1.6vw, 1.25rem) !important;
  border: 1px solid rgba(191,219,254,.78) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 4% 10%, rgba(34,197,94,.12), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,246,255,.88)) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.08) !important;
  align-items: center !important;
}
body.ga-light-theme .ga-navbar .navbar-brand.ga-brand-pro {
  margin-right: clamp(.75rem, 2vw, 1.75rem) !important;
  padding: .18rem .38rem !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(226,232,240,.88) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}
body.ga-light-theme .ga-navbar .ga-brand-logo-wrap {
  width: clamp(118px, 8.5vw, 150px) !important;
  flex-basis: clamp(118px, 8.5vw, 150px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.ga-light-theme .ga-navbar .ga-brand-logo {
  width: 100% !important;
  height: auto !important;
  max-height: 70px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 10px 18px rgba(15,23,42,.16));
}
body.ga-light-theme .ga-navbar-menu-row {
  align-items: center !important;
}
body.ga-light-theme .ga-public-nav-actions {
  align-items: center !important;
  gap: .65rem !important;
}
body.ga-light-theme .ga-public-nav-actions .btn,
body.ga-light-theme .ga-public-nav-actions form .btn {
  border-radius: 999px !important;
  padding: .66rem 1.12rem !important;
  min-height: 42px !important;
  font-weight: 1000 !important;
  letter-spacing: .01em !important;
}
body.ga-light-theme .ga-public-nav-actions .btn-ga {
  background: linear-gradient(135deg, #0b72d9, #0f5fc2) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.52) !important;
  box-shadow: 0 14px 34px rgba(11,114,217,.28) !important;
}
body.ga-light-theme .ga-public-nav-actions .btn-outline-ga {
  background: #ffffff !important;
  color: #0f3f8a !important;
  -webkit-text-fill-color: #0f3f8a !important;
  border: 1px solid #b8c9ea !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.06) !important;
}
body.ga-light-theme .ga-public-nav-actions .btn:hover,
body.ga-light-theme .ga-public-nav-actions .btn:focus {
  transform: translateY(-1px);
  filter: none !important;
}
@media (max-width: 991.98px) {
  body.ga-light-theme .ga-navbar > .container-fluid {
    width: min(calc(100% - 1rem), 1480px) !important;
    border-radius: 22px !important;
  }
  body.ga-light-theme .ga-navbar .ga-brand-logo-wrap {
    width: 112px !important;
    flex-basis: 112px !important;
  }
  body.ga-light-theme .ga-navbar .ga-brand-logo {
    max-height: 58px !important;
  }
}

/* v0.1.919 FULL-WIDTH PUBLIC NAVIGATION
   Let the public header use the available viewport instead of sitting in a narrow
   centered card. Signed-in hub navigation, score ticker, and signed-out actions
   should all stretch across the page with practical gutters. */
body.ga-light-theme .ga-navbar {
  width: 100% !important;
}
body.ga-light-theme .ga-navbar > .container-fluid {
  width: calc(100% - clamp(1rem, 2.5vw, 2rem)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}
body.ga-light-theme .ga-navbar .ga-navbar-content {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
body.ga-light-theme .ga-navbar .ga-navbar-menu-row {
  width: 100% !important;
  min-width: 0 !important;
}
body.ga-light-theme .ga-navbar .ga-public-nav-groups {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
body.ga-light-theme .ga-navbar .ga-public-nav-directory {
  flex: 1 1 auto !important;
  justify-content: space-evenly !important;
  min-width: 0 !important;
}
body.ga-light-theme .ga-navbar .ga-public-nav-media {
  flex: 0 0 auto !important;
}
body.ga-light-theme .ga-navbar .ga-public-nav-actions {
  margin-left: auto !important;
  flex: 0 0 auto !important;
}
body.ga-light-theme .ga-navbar .ga-ticker--nav {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}
@media (min-width: 1400px) {
  body.ga-light-theme .ga-navbar > .container-fluid {
    width: calc(100% - 2rem) !important;
  }
}
@media (max-width: 991.98px) {
  body.ga-light-theme .ga-navbar > .container-fluid {
    width: calc(100% - 1rem) !important;
  }
  body.ga-light-theme .ga-navbar .ga-public-nav-directory {
    justify-content: flex-start !important;
  }
}

/* v0.1.920: Global Studio sidebar shell for authenticated non-public admin pages. */
.ga-page--studio-layout {
  background: #eef3f8;
}

.ga-studio-layout-shell {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  gap: clamp(1rem, 2vw, 1.6rem);
  align-items: start;
  padding: clamp(1rem, 2vw, 1.75rem) clamp(1rem, 2.6vw, 2.25rem);
  width: 100%;
}

.ga-studio-layout-main {
  min-width: 0;
  width: 100%;
}

.ga-studio-layout-main > :first-child {
  margin-top: 0;
}

.ga-studio-layout-shell .studio-sidebar-pro {
  width: 100%;
}

@media (max-width: 1100px) {
  .ga-studio-layout-shell {
    grid-template-columns: 1fr;
  }

  .ga-studio-layout-shell .studio-sidebar-pro {
    position: static !important;
    max-height: none !important;
  }
}

/* v0.1.922: signed-in hub structure and practical navigation spacing. */
body.ga-light-theme .ga-navbar .ga-public-nav-groups {
  justify-content: flex-start !important;
}
body.ga-light-theme .ga-navbar .ga-public-nav-directory {
  flex: 0 1 auto !important;
  justify-content: flex-start !important;
  gap: clamp(.35rem, .8vw, .9rem) !important;
  width: auto !important;
}
body.ga-light-theme .ga-navbar .ga-public-nav-directory .nav-item {
  flex: 0 0 auto !important;
}
body.ga-light-theme .ga-navbar .ga-public-nav-directory .nav-link {
  white-space: nowrap !important;
  padding-inline: clamp(.5rem, .8vw, .9rem) !important;
}
body.ga-light-theme .ga-navbar .ga-public-nav-media {
  flex: 0 0 auto !important;
}

.ga-hub-sidebar-pro {
  position: sticky;
  top: 104px;
  align-self: start;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 2px solid #cbd5e1;
  border-radius: 28px;
  padding: 1rem;
  box-shadow: 0 24px 70px rgba(15,23,42,.12);
  max-height: none;
  overflow: visible;
  color: #0f172a !important;
}
.ga-hub-sidebar-brand {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .75rem .8rem 1rem;
  border-bottom: 2px solid #e2e8f0;
  margin-bottom: .85rem;
}
.ga-hub-sidebar-mark {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #0f172a;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 1000;
  letter-spacing: -.05em;
  box-shadow: 0 12px 28px rgba(15,23,42,.2);
}
.ga-hub-sidebar-brand strong {
  display: block;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 1.05rem;
  font-weight: 1000;
  line-height: 1.05;
}
.ga-hub-sidebar-brand small {
  display: block;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-weight: 900;
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: .15rem;
}
.ga-hub-sidebar-section {
  display: block;
  margin-top: .72rem;
}
.ga-hub-sidebar-section summary::-webkit-details-marker {
  display: none;
}
.ga-hub-sidebar-details:not([open]) .ga-hub-sidebar-heading {
  margin-bottom: 0;
}
.ga-hub-sidebar-link-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .32rem;
  padding-top: .35rem;
}
.ga-hub-sidebar-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: .1rem .1rem .22rem;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #0f172a;
  border-radius: 999px;
  padding: .46rem .68rem;
  font-weight: 1000;
  font-size: .62rem;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .12em;
  box-shadow: 0 10px 24px rgba(15,23,42,.14);
}
.ga-hub-sidebar-heading small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 .28rem;
  border-radius: 999px;
  background: #ffffff;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: .64rem;
  letter-spacing: 0;
}
.ga-hub-sidebar-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  text-decoration: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #ffffff;
  border: 1px solid #dbe6f3;
  border-radius: 16px;
  padding: .55rem .66rem;
  font-weight: 1000;
  line-height: 1.08;
  box-shadow: 0 6px 16px rgba(15,23,42,.045);
}
.ga-hub-sidebar-link small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: .62rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.ga-hub-sidebar-link:hover,
.ga-hub-sidebar-link:focus,
.ga-hub-sidebar-link.is-active {
  background: #0b5fc7 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #0b5fc7 !important;
}
.ga-hub-sidebar-link:hover small,
.ga-hub-sidebar-link:focus small,
.ga-hub-sidebar-link.is-active small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}
@media (max-width: 1100px) {
  .ga-hub-sidebar-pro {
    position: static;
    max-height: none;
  }
}
@media (max-width: 991.98px) {
  body.ga-light-theme .ga-navbar .ga-public-nav-directory {
    width: 100% !important;
    flex-wrap: wrap !important;
  }
  body.ga-light-theme .ga-navbar .ga-public-nav-directory .nav-item {
    flex: 1 1 112px !important;
  }
  body.ga-light-theme .ga-navbar .ga-public-nav-directory .nav-link {
    white-space: normal !important;
  }
}

/* v0.1.930: Team pages must respect the authenticated Studio sidebar column. */
.ga-studio-layout-main .team-public-refresh,
.ga-studio-layout-main .baseball-team-public-refresh,
.ga-studio-layout-main .team-directory-shell,
.ga-studio-layout-main .directory-channel-shell.team-directory-shell {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline: 0 !important;
  overflow-x: clip !important;
}

.ga-studio-layout-main .team-public-refresh,
.ga-studio-layout-main .baseball-team-public-refresh {
  background: transparent !important;
}

.ga-studio-layout-main .baseball-team-public-refresh .team-hero {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
  padding-left: clamp(1rem, 2vw, 1.5rem) !important;
  padding-right: clamp(1rem, 2vw, 1.5rem) !important;
  padding-inline: clamp(1rem, 2vw, 1.5rem) !important;
}

.ga-studio-layout-main .team-public-refresh .franchise-title,
.ga-studio-layout-main .baseball-team-public-refresh .team-hero h1 {
  font-size: clamp(2.2rem, 5vw, 5.4rem) !important;
  overflow-wrap: anywhere !important;
}

.ga-studio-layout-main .team-public-refresh .team-hub-layout,
.ga-studio-layout-main .team-public-refresh .franchise-grid,
.ga-studio-layout-main .team-public-refresh .team-profile-grid {
  min-width: 0 !important;
}

.ga-studio-layout-main .public-index-card--wide.public-index-team-card {
  padding-right: clamp(1rem, 14vw, 10rem) !important;
}

.ga-studio-layout-main .public-index-logo,
.ga-studio-layout-main .team-logo-fallback,
.ga-studio-layout-main .team-card-logo-fallback {
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  text-align: center !important;
}

.ga-studio-layout-main .team-follow-button {
  text-transform: none !important;
}

@media (max-width: 1280px) {
  .ga-studio-layout-main .media-channel-grid,
  .ga-studio-layout-main .team-public-refresh .row.g-4,
  .ga-studio-layout-main .team-directory-shell .row.g-4 {
    grid-template-columns: 1fr !important;
  }

  .ga-studio-layout-main .media-rail-panel {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 760px) {
  .ga-studio-layout-main .public-index-card--wide.public-index-team-card {
    padding-right: 1rem !important;
  }

  .ga-studio-layout-main .public-index-team-follow-inline {
    position: static !important;
    margin-top: .65rem !important;
    display: flex !important;
    justify-content: flex-start !important;
  }

  .ga-studio-layout-main .public-index-card-side {
    justify-content: flex-start !important;
  }
}

/* v0.1.931: Public league, tournament, racing, organization, and location pages must also fit inside the authenticated Studio sidebar shell. */
.ga-studio-layout-main .league-directory-shell,
.ga-studio-layout-main .league-public-refresh,
.ga-studio-layout-main .tournament-directory-shell,
.ga-studio-layout-main .tournament-public-refresh,
.ga-studio-layout-main .organization-directory-shell,
.ga-studio-layout-main .organization-hub-shell,
.ga-studio-layout-main .locations-index-shell,
.ga-studio-layout-main .location-show-shell,
.ga-studio-layout-main .racing-events-directory-shell,
.ga-studio-layout-main .cross-country-course-shell,
.ga-studio-layout-main .public-detail-shell,
.ga-studio-layout-main .directory-channel-shell,
.ga-studio-layout-main .geo-hero,
.ga-studio-layout-main .location-show-hero {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline: 0 !important;
  overflow-x: clip !important;
}

.ga-studio-layout-main .league-public-refresh,
.ga-studio-layout-main .tournament-public-refresh,
.ga-studio-layout-main .organization-hub-shell,
.ga-studio-layout-main .locations-index-shell,
.ga-studio-layout-main .location-show-shell,
.ga-studio-layout-main .racing-events-directory-shell {
  background: transparent !important;
}

.ga-studio-layout-main .directory-channel-hero,
.ga-studio-layout-main .league-show-hero-broadcast,
.ga-studio-layout-main .tournament-show-mobile-hero,
.ga-studio-layout-main .organization-mobile-hero,
.ga-studio-layout-main .location-show-hero,
.ga-studio-layout-main .geo-hero,
.ga-studio-layout-main .ga-hero-panel {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
  padding-left: clamp(1rem, 2vw, 1.5rem) !important;
  padding-right: clamp(1rem, 2vw, 1.5rem) !important;
  padding-inline: clamp(1rem, 2vw, 1.5rem) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: clip !important;
}

.ga-studio-layout-main .league-public-refresh h1,
.ga-studio-layout-main .tournament-public-refresh h1,
.ga-studio-layout-main .organization-hub-shell h1,
.ga-studio-layout-main .locations-index-shell h1,
.ga-studio-layout-main .location-show-shell h1,
.ga-studio-layout-main .directory-channel-hero h1,
.ga-studio-layout-main .display-4,
.ga-studio-layout-main .ga-title {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-wrap: balance;
}

.ga-studio-layout-main .media-channel-grid,
.ga-studio-layout-main .tournament-show-game-grid,
.ga-studio-layout-main .location-weather-map-grid,
.ga-studio-layout-main .geo-location-grid,
.ga-studio-layout-main .locations-card-feature-grid,
.ga-studio-layout-main .organization-mobile-programs,
.ga-studio-layout-main .scoreboard-rotator,
.ga-studio-layout-main .public-index-list {
  max-width: 100% !important;
  min-width: 0 !important;
}

.ga-studio-layout-main .table-responsive,
.ga-studio-layout-main .scoreboard-rotator,
.ga-studio-layout-main .tournament-video-room,
.ga-studio-layout-main .location-map-card,
.ga-studio-layout-main .location-weather-card,
.ga-studio-layout-main .location-live-market-board {
  overflow-x: auto !important;
  max-width: 100% !important;
}

.ga-studio-layout-main .directory-lead-media,
.ga-studio-layout-main .league-lead-media,
.ga-studio-layout-main .tournament-lead-media,
.ga-studio-layout-main .directory-lead-card,
.ga-studio-layout-main .public-index-card,
.ga-studio-layout-main .tournament-show-card,
.ga-studio-layout-main .organization-mobile-program-card,
.ga-studio-layout-main .location-market-file-card,
.ga-studio-layout-main .locations-card-head {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 1320px) {
  .ga-studio-layout-main .directory-channel-shell .row.g-4,
  .ga-studio-layout-main .league-public-refresh .row.g-4,
  .ga-studio-layout-main .tournament-public-refresh .row.g-4,
  .ga-studio-layout-main .organization-hub-shell .row.g-4,
  .ga-studio-layout-main .locations-index-shell .row.g-4,
  .ga-studio-layout-main .location-show-shell .row.g-4,
  .ga-studio-layout-main .racing-events-directory-shell .row.g-4 {
    --bs-gutter-x: 1rem !important;
  }

  .ga-studio-layout-main .media-channel-grid,
  .ga-studio-layout-main .location-weather-map-grid,
  .ga-studio-layout-main .geo-location-grid,
  .ga-studio-layout-main .tournament-show-game-grid,
  .ga-studio-layout-main .organization-mobile-programs {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .ga-studio-layout-main .directory-channel-shell,
  .ga-studio-layout-main .league-public-refresh,
  .ga-studio-layout-main .tournament-public-refresh,
  .ga-studio-layout-main .organization-hub-shell,
  .ga-studio-layout-main .locations-index-shell,
  .ga-studio-layout-main .location-show-shell,
  .ga-studio-layout-main .racing-events-directory-shell {
    padding-inline: 0 !important;
  }
}

/* v0.1.932: Team/fan directory cards show team brand names only; keep fallback logo text contained. */
.public-index-team-card .public-index-logo,
.public-index-card .public-index-logo {
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-overflow: clip;
  font-size: clamp(.72rem, 1.15vw, 1.05rem) !important;
  line-height: 1 !important;
  letter-spacing: .02em;
}

/* v0.1.933: Keep all relevant public index/detail pages safely inside the authenticated Studio sidebar column. */
.ga-studio-layout-main,
.ga-studio-layout-main * {
  box-sizing: border-box;
}

.ga-studio-layout-main {
  overflow-x: clip;
}

.ga-studio-layout-main .sports-hub-index-page,
.ga-studio-layout-main .sports-public-refresh,
.ga-studio-layout-main .sports-hub-hero,
.ga-studio-layout-main .sports-page-hero,
.ga-studio-layout-main .sports-hub-sports,
.ga-studio-layout-main .sports-content-panel,
.ga-studio-layout-main .league-directory-shell,
.ga-studio-layout-main .league-index-mobile-shell,
.ga-studio-layout-main .league-public-refresh,
.ga-studio-layout-main .league-show-mobile-shell,
.ga-studio-layout-main .tournament-directory-shell,
.ga-studio-layout-main .tournament-index-mobile-shell,
.ga-studio-layout-main .tournament-public-refresh,
.ga-studio-layout-main .tournament-show-mobile-shell,
.ga-studio-layout-main .organization-directory-shell,
.ga-studio-layout-main .organization-hub-shell,
.ga-studio-layout-main .locations-index-shell,
.ga-studio-layout-main .location-show-shell,
.ga-studio-layout-main .directory-channel-shell,
.ga-studio-layout-main .public-detail-shell {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: clip !important;
}

.ga-studio-layout-main .sports-hub-hero,
.ga-studio-layout-main .sports-page-hero,
.ga-studio-layout-main .directory-channel-hero,
.ga-studio-layout-main .league-show-hero-broadcast,
.ga-studio-layout-main .tournament-show-mobile-hero,
.ga-studio-layout-main .organization-mobile-hero,
.ga-studio-layout-main .location-show-hero,
.ga-studio-layout-main .geo-hero {
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  padding-inline: clamp(1rem, 2vw, 1.5rem) !important;
  overflow: hidden !important;
}

.ga-studio-layout-main .sports-hub-grid,
.ga-studio-layout-main .sports-content-panel .row,
.ga-studio-layout-main .sports-public-refresh .row,
.ga-studio-layout-main .directory-channel-shell .row,
.ga-studio-layout-main .league-public-refresh .row,
.ga-studio-layout-main .tournament-public-refresh .row,
.ga-studio-layout-main .organization-hub-shell .row,
.ga-studio-layout-main .locations-index-shell .row,
.ga-studio-layout-main .location-show-shell .row,
.ga-studio-layout-main .media-channel-grid,
.ga-studio-layout-main .public-index-list,
.ga-studio-layout-main .geo-location-grid,
.ga-studio-layout-main .location-directory-grid,
.ga-studio-layout-main .location-weather-map-grid,
.ga-studio-layout-main .organization-mobile-programs {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.ga-studio-layout-main .sports-hub-grid,
.ga-studio-layout-main .media-channel-grid,
.ga-studio-layout-main .geo-location-grid,
.ga-studio-layout-main .location-directory-grid,
.ga-studio-layout-main .location-weather-map-grid,
.ga-studio-layout-main .organization-mobile-programs {
  grid-template-columns: minmax(0, 1fr) !important;
}

.ga-studio-layout-main .public-index-card,
.ga-studio-layout-main .directory-lead-card,
.ga-studio-layout-main .sports-hub-tile,
.ga-studio-layout-main .sports-news-link,
.ga-studio-layout-main .sports-panel,
.ga-studio-layout-main .location-market-file-card,
.ga-studio-layout-main .locations-card-head,
.ga-studio-layout-main .organization-mobile-program-card,
.ga-studio-layout-main .media-rail-panel,
.ga-studio-layout-main .media-main-feed {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.ga-studio-layout-main .media-rail-panel,
.ga-studio-layout-main aside[style*="position:sticky"] {
  position: static !important;
  top: auto !important;
}

.ga-studio-layout-main .display-4,
.ga-studio-layout-main .ga-title,
.ga-studio-layout-main h1,
.ga-studio-layout-main h2 {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

/* v0.1.933: Team follow controls stay inside the card surface on all index/fan views. */
.public-index-team-card-shell {
  position: relative !important;
  overflow: visible !important;
}

.public-index-team-card-shell .public-index-team-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 12.25rem !important;
  padding-bottom: 4.35rem !important;
  padding-right: clamp(1rem, 18vw, 13rem) !important;
  overflow: hidden !important;
}

.public-index-team-card-shell .public-index-team-follow-inline {
  position: absolute !important;
  right: 1rem !important;
  bottom: 1rem !important;
  z-index: 4 !important;
  max-width: calc(100% - 2rem) !important;
}

.public-index-team-follow-inline form,
.public-index-team-follow-inline .button_to,
.public-index-team-follow-inline button,
.public-index-team-follow-inline a {
  max-width: 100% !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  .ga-studio-layout-main .public-index-card--wide,
  .ga-studio-layout-main .public-index-team-card-shell .public-index-team-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    padding-right: 1rem !important;
    padding-bottom: 4.35rem !important;
  }

  .ga-studio-layout-main .public-index-team-card-shell .public-index-team-follow-inline {
    left: 1rem !important;
    right: auto !important;
  }
}


/* v0.1.934: Universal sidebar-safe constraints for signed-in Sports Hub directory and detail pages. */
.ga-page--studio-layout,
.ga-page--studio-layout * {
  box-sizing: border-box;
}

.ga-page--studio-layout .ga-studio-layout-shell {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

.ga-page--studio-layout .ga-studio-layout-main {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
  contain: inline-size;
}

.ga-page--studio-layout .ga-studio-layout-main > *,
.ga-page--studio-layout .ga-studio-layout-main > * > * {
  max-width: 100% !important;
  min-width: 0 !important;
}

.ga-page--studio-layout .ga-studio-layout-main [style*="max-width:none"],
.ga-page--studio-layout .ga-studio-layout-main [style*="max-width: none"],
.ga-page--studio-layout .ga-studio-layout-main [style*="1480px"],
.ga-page--studio-layout .ga-studio-layout-main [style*="1440px"],
.ga-page--studio-layout .ga-studio-layout-main [style*="100vw"] {
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
}

.ga-page--studio-layout .ga-studio-layout-main .directory-channel-shell,
.ga-page--studio-layout .ga-studio-layout-main .league-directory-shell,
.ga-page--studio-layout .ga-studio-layout-main .league-index-mobile-shell,
.ga-page--studio-layout .ga-studio-layout-main .league-public-refresh,
.ga-page--studio-layout .ga-studio-layout-main .league-show-mobile-shell,
.ga-page--studio-layout .ga-studio-layout-main .tournament-directory-shell,
.ga-page--studio-layout .ga-studio-layout-main .tournament-index-mobile-shell,
.ga-page--studio-layout .ga-studio-layout-main .tournament-public-refresh,
.ga-page--studio-layout .ga-studio-layout-main .tournament-show-mobile-shell,
.ga-page--studio-layout .ga-studio-layout-main .organization-directory-shell,
.ga-page--studio-layout .ga-studio-layout-main .organization-hub-shell,
.ga-page--studio-layout .ga-studio-layout-main .locations-index-shell,
.ga-page--studio-layout .ga-studio-layout-main .location-show-shell,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page,
.ga-page--studio-layout .ga-studio-layout-main .sports-public-refresh {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  overflow-x: clip !important;
}

.ga-page--studio-layout .ga-studio-layout-main .directory-channel-hero,
.ga-page--studio-layout .ga-studio-layout-main .league-index-mobile-hero,
.ga-page--studio-layout .ga-studio-layout-main .league-show-hero-broadcast,
.ga-page--studio-layout .ga-studio-layout-main .tournament-index-mobile-hero,
.ga-page--studio-layout .ga-studio-layout-main .tournament-show-mobile-hero,
.ga-page--studio-layout .ga-studio-layout-main .organization-directory-mobile-hero,
.ga-page--studio-layout .ga-studio-layout-main .organization-mobile-hero,
.ga-page--studio-layout .ga-studio-layout-main .locations-index-hero,
.ga-page--studio-layout .ga-studio-layout-main .location-show-hero,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-hero,
.ga-page--studio-layout .ga-studio-layout-main .sports-page-hero {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  overflow: hidden !important;
}

.ga-page--studio-layout .ga-studio-layout-main .row {
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ga-page--studio-layout .ga-studio-layout-main .row > [class*="col-"] {
  min-width: 0 !important;
}

.ga-page--studio-layout .ga-studio-layout-main .directory-lead-card,
.ga-page--studio-layout .ga-studio-layout-main .directory-lead-media,
.ga-page--studio-layout .ga-studio-layout-main .public-index-card,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-tile,
.ga-page--studio-layout .ga-studio-layout-main .sports-panel,
.ga-page--studio-layout .ga-studio-layout-main .location-market-file-card,
.ga-page--studio-layout .ga-studio-layout-main .organization-mobile-program-card,
.ga-page--studio-layout .ga-studio-layout-main .location-weather-card,
.ga-page--studio-layout .ga-studio-layout-main .location-map-card,
.ga-page--studio-layout .ga-studio-layout-main .location-live-market-board,
.ga-page--studio-layout .ga-studio-layout-main .location-directory-command {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .geo-hero,
.ga-page--studio-layout .ga-studio-layout-main .location-show-hero,
.ga-page--studio-layout .ga-studio-layout-main .locations-index-hero,
.ga-page--studio-layout .ga-studio-layout-main .location-weather-map-grid,
.ga-page--studio-layout .ga-studio-layout-main .geo-location-grid,
.ga-page--studio-layout .ga-studio-layout-main .location-directory-grid,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-grid,
.ga-page--studio-layout .ga-studio-layout-main .sports-content-grid,
.ga-page--studio-layout .ga-studio-layout-main .sports-media-grid,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-score-grid,
.ga-page--studio-layout .ga-studio-layout-main .organization-mobile-programs,
.ga-page--studio-layout .ga-studio-layout-main .tournament-show-game-grid,
.ga-page--studio-layout .ga-studio-layout-main .media-channel-grid {
  max-width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 1500px) {
  .ga-page--studio-layout .ga-studio-layout-main .geo-hero,
  .ga-page--studio-layout .ga-studio-layout-main .location-show-hero,
  .ga-page--studio-layout .ga-studio-layout-main .locations-index-hero,
  .ga-page--studio-layout .ga-studio-layout-main .location-weather-map-grid,
  .ga-page--studio-layout .ga-studio-layout-main .geo-location-grid,
  .ga-page--studio-layout .ga-studio-layout-main .location-directory-grid,
  .ga-page--studio-layout .ga-studio-layout-main .sports-hub-grid,
  .ga-page--studio-layout .ga-studio-layout-main .sports-content-grid,
  .ga-page--studio-layout .ga-studio-layout-main .sports-media-grid,
  .ga-page--studio-layout .ga-studio-layout-main .sports-hub-score-grid,
  .ga-page--studio-layout .ga-studio-layout-main .organization-mobile-programs,
  .ga-page--studio-layout .ga-studio-layout-main .tournament-show-game-grid,
  .ga-page--studio-layout .ga-studio-layout-main .media-channel-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ga-page--studio-layout .ga-studio-layout-main .directory-channel-shell .row.g-4,
  .ga-page--studio-layout .ga-studio-layout-main .league-public-refresh .row.g-4,
  .ga-page--studio-layout .ga-studio-layout-main .tournament-public-refresh .row.g-4,
  .ga-page--studio-layout .ga-studio-layout-main .organization-hub-shell .row.g-4,
  .ga-page--studio-layout .ga-studio-layout-main .locations-index-shell .row.g-4,
  .ga-page--studio-layout .ga-studio-layout-main .location-show-shell .row.g-4,
  .ga-page--studio-layout .ga-studio-layout-main .sports-public-refresh .row.g-4 {
    --bs-gutter-x: 1rem !important;
    --bs-gutter-y: 1rem !important;
  }
}

.ga-page--studio-layout .ga-studio-layout-main aside[style*="position:sticky"],
.ga-page--studio-layout .ga-studio-layout-main [style*="position: sticky"],
.ga-page--studio-layout .ga-studio-layout-main [style*="position:sticky"] {
  position: static !important;
  top: auto !important;
}

.ga-page--studio-layout .ga-studio-layout-main h1,
.ga-page--studio-layout .ga-studio-layout-main h2,
.ga-page--studio-layout .ga-studio-layout-main .ga-title,
.ga-page--studio-layout .ga-studio-layout-main .display-4 {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main img,
.ga-page--studio-layout .ga-studio-layout-main video,
.ga-page--studio-layout .ga-studio-layout-main iframe,
.ga-page--studio-layout .ga-studio-layout-main table {
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .table-responsive,
.ga-page--studio-layout .ga-studio-layout-main .scoreboard-rotator,
.ga-page--studio-layout .ga-studio-layout-main .location-map-card {
  max-width: 100% !important;
  overflow-x: auto !important;
}


/* v0.1.935: Sports Hub index sections must respect the authenticated Studio sidebar, not just the page shell. */
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(.75rem, 1.6vw, 1.25rem) !important;
  overflow-x: clip !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page > section,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-hero,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-sports,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-scoreboard,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-content-panel,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-content-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-hero {
  padding: clamp(1rem, 2vw, 1.5rem) !important;
  border-radius: clamp(20px, 2vw, 30px) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-hero .row,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-content-panel .row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: clamp(.75rem, 1.5vw, 1rem) !important;
  --bs-gutter-y: clamp(.75rem, 1.5vw, 1rem) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-hero [class*="col-"],
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-content-panel [class*="col-"] {
  min-width: 0 !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page h1 {
  font-size: clamp(2.25rem, 7cqi, 5rem) !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page h2,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page h3,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page p,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page strong,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page span,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page small {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-grid,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-score-grid,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-content-grid,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-media-grid,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-list-stack {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: clamp(.75rem, 1.5vw, 1rem) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-score-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-content-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-media-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-tile,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-story-row,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-media-card,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-feature-game {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-story-row {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-story-row strong,
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-media-card strong {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .d-flex {
  min-width: 0 !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page [style*="grid-template-columns"],
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page [style*="minmax(250px"],
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page [style*="minmax(230px"],
.ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page [style*="minmax(380px"] {
  max-width: 100% !important;
  min-width: 0 !important;
}

@container (max-width: 980px) {
  .ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-grid,
  .ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-score-grid,
  .ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-media-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 1200px) {
  .ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page {
    padding: .75rem !important;
  }

  .ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-grid,
  .ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-hub-score-grid,
  .ga-page--studio-layout .ga-studio-layout-main .sports-hub-index-page .sports-media-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* v0.1.936: News, Watch, Photos, and their detail pages must fit the authenticated Studio sidebar column. */
.ga-page--studio-layout .ga-studio-layout-main .news-page-shell,
.ga-page--studio-layout .ga-studio-layout-main .media-channel-shell,
.ga-page--studio-layout .ga-studio-layout-main .watch-channel-shell,
.ga-page--studio-layout .ga-studio-layout-main .photo-channel-shell,
.ga-page--studio-layout .ga-studio-layout-main .article-show,
.ga-page--studio-layout .ga-studio-layout-main .video-detail-shell,
.ga-page--studio-layout .ga-studio-layout-main > .mb-4:has(+ .row),
.ga-page--studio-layout .ga-studio-layout-main > .row.g-3 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: clamp(.75rem, 1.5vw, 1.25rem) !important;
  padding-right: clamp(.75rem, 1.5vw, 1.25rem) !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

.ga-page--studio-layout .ga-studio-layout-main .article-show.mx-auto {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ga-page--studio-layout .ga-studio-layout-main .news-page-shell > *,
.ga-page--studio-layout .ga-studio-layout-main .media-channel-shell > *,
.ga-page--studio-layout .ga-studio-layout-main .article-show > *,
.ga-page--studio-layout .ga-studio-layout-main .video-detail-shell > *,
.ga-page--studio-layout .ga-studio-layout-main .news-channel-hero,
.ga-page--studio-layout .ga-studio-layout-main .media-channel-hero,
.ga-page--studio-layout .ga-studio-layout-main .news-channel-grid,
.ga-page--studio-layout .ga-studio-layout-main .media-channel-grid,
.ga-page--studio-layout .ga-studio-layout-main .news-main-feed,
.ga-page--studio-layout .ga-studio-layout-main .media-main-feed,
.ga-page--studio-layout .ga-studio-layout-main .news-archive-panel,
.ga-page--studio-layout .ga-studio-layout-main .media-rail-panel,
.ga-page--studio-layout .ga-studio-layout-main .news-side-panel,
.ga-page--studio-layout .ga-studio-layout-main .media-side-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

.ga-page--studio-layout .ga-studio-layout-main .news-page-shell .row,
.ga-page--studio-layout .ga-studio-layout-main .media-channel-shell .row,
.ga-page--studio-layout .ga-studio-layout-main .article-show .row,
.ga-page--studio-layout .ga-studio-layout-main .video-detail-shell .row,
.ga-page--studio-layout .ga-studio-layout-main > .row.g-3 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: clamp(.75rem, 1.5vw, 1rem) !important;
  --bs-gutter-y: clamp(.75rem, 1.5vw, 1rem) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .news-page-shell [class*="col-"],
.ga-page--studio-layout .ga-studio-layout-main .media-channel-shell [class*="col-"],
.ga-page--studio-layout .ga-studio-layout-main .article-show [class*="col-"],
.ga-page--studio-layout .ga-studio-layout-main .video-detail-shell [class*="col-"],
.ga-page--studio-layout .ga-studio-layout-main > .row.g-3 [class*="col-"] {
  min-width: 0 !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .news-channel-grid,
.ga-page--studio-layout .ga-studio-layout-main .media-channel-grid,
.ga-page--studio-layout .ga-studio-layout-main .news-main-feed .row,
.ga-page--studio-layout .ga-studio-layout-main .media-main-feed .row,
.ga-page--studio-layout .ga-studio-layout-main .article-embed-grid,
.ga-page--studio-layout .ga-studio-layout-main .article-related-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(.75rem, 1.5vw, 1rem) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .news-lead-card,
.ga-page--studio-layout .ga-studio-layout-main .news-lead-media,
.ga-page--studio-layout .ga-studio-layout-main .news-feature-row,
.ga-page--studio-layout .ga-studio-layout-main .news-story-card,
.ga-page--studio-layout .ga-studio-layout-main .news-archive-link,
.ga-page--studio-layout .ga-studio-layout-main .media-lead-card,
.ga-page--studio-layout .ga-studio-layout-main .media-lead-media,
.ga-page--studio-layout .ga-studio-layout-main .media-feature-row,
.ga-page--studio-layout .ga-studio-layout-main .media-card,
.ga-page--studio-layout .ga-studio-layout-main .media-guide-list,
.ga-page--studio-layout .ga-studio-layout-main .ga-card,
.ga-page--studio-layout .ga-studio-layout-main .article-embed-card,
.ga-page--studio-layout .ga-studio-layout-main .photo-gallery-card {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.ga-page--studio-layout .ga-studio-layout-main .news-lead-media,
.ga-page--studio-layout .ga-studio-layout-main .media-lead-media {
  min-height: clamp(320px, 42cqi, 500px) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .news-lead-content h1,
.ga-page--studio-layout .ga-studio-layout-main .media-lead-content h1,
.ga-page--studio-layout .ga-studio-layout-main .article-show h1,
.ga-page--studio-layout .ga-studio-layout-main .video-detail-shell h1,
.ga-page--studio-layout .ga-studio-layout-main .ga-title,
.ga-page--studio-layout .ga-studio-layout-main .display-4 {
  max-width: 100% !important;
  font-size: clamp(2rem, 6cqi, 4.25rem) !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .news-feature-row,
.ga-page--studio-layout .ga-studio-layout-main .media-feature-row {
  grid-template-columns: minmax(72px, 96px) minmax(0, 1fr) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .news-story-card img,
.ga-page--studio-layout .ga-studio-layout-main .article-hero-image,
.ga-page--studio-layout .ga-studio-layout-main .media-feature-thumb,
.ga-page--studio-layout .ga-studio-layout-main .video-player-frame,
.ga-page--studio-layout .ga-studio-layout-main iframe,
.ga-page--studio-layout .ga-studio-layout-main video {
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .media-section-heading,
.ga-page--studio-layout .ga-studio-layout-main .news-page-shell .d-flex,
.ga-page--studio-layout .ga-studio-layout-main .media-channel-shell .d-flex,
.ga-page--studio-layout .ga-studio-layout-main .article-show .d-flex {
  min-width: 0 !important;
  max-width: 100% !important;
}

@container (max-width: 980px) {
  .ga-page--studio-layout .ga-studio-layout-main .news-feature-row,
  .ga-page--studio-layout .ga-studio-layout-main .media-feature-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ga-page--studio-layout .ga-studio-layout-main .media-feature-thumb {
    width: 100% !important;
    height: 150px !important;
  }
}

@media (max-width: 1200px) {
  .ga-page--studio-layout .ga-studio-layout-main .news-page-shell,
  .ga-page--studio-layout .ga-studio-layout-main .media-channel-shell,
  .ga-page--studio-layout .ga-studio-layout-main .article-show,
  .ga-page--studio-layout .ga-studio-layout-main .video-detail-shell {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }
}


/* v0.1.937: Non-public fan home must fit beside the Studio sidebar section-by-section. */
.ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(.75rem, 1.5vw, 1.25rem) !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
}

.ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell > *,
.ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell > section,
.ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell > div,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-hero,
.ga-page--studio-layout .ga-studio-layout-main .fan-home-command-center,
.ga-page--studio-layout .ga-studio-layout-main .followed-teams-home {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

.ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell .row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: clamp(.75rem, 1.4vw, 1rem) !important;
  --bs-gutter-y: clamp(.75rem, 1.4vw, 1rem) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell .row > [class*="col-"] {
  min-width: 0 !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .home-channel-hero {
  padding: clamp(1rem, 1.8vw, 1.5rem) !important;
  border-radius: clamp(20px, 2vw, 30px) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell .network-headline,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell h1 {
  font-size: clamp(2.2rem, 7cqi, 4.85rem) !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell h2,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell h3,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell p,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell strong,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell small,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell span {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .home-hero-copy,
.ga-page--studio-layout .ga-studio-layout-main .home-feature-panel,
.ga-page--studio-layout .ga-studio-layout-main .hero-game-card,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell [style*="border-radius:24px"],
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell [style*="border-radius:30px"] {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell .home-hero-copy,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell .home-feature-panel {
  min-height: 0 !important;
}

.ga-page--studio-layout .ga-studio-layout-main .fan-home-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  gap: clamp(.75rem, 1.4vw, 1rem) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.ga-page--studio-layout .ga-studio-layout-main .fan-home-panel,
.ga-page--studio-layout .ga-studio-layout-main .fan-content-card,
.ga-page--studio-layout .ga-studio-layout-main .fan-team-pill,
.ga-page--studio-layout .ga-studio-layout-main .fan-home-row {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.fan-home-panel {
  border-radius: 24px;
  background: #f8fafc;
  border: 1px solid #dbe6f3;
  padding: 1rem;
  overflow: hidden;
}

.fan-home-panel--wide {
  grid-column: 1 / -1;
}

.fan-team-pill-grid,
.fan-content-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: .75rem;
}

.fan-team-pill {
  display: flex;
  align-items: center;
  gap: .75rem;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #dbe6f3;
  padding: .75rem;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.fan-team-mark {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #0f172a;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 1000;
  letter-spacing: -.04em;
}

.fan-team-pill strong,
.fan-content-card strong,
.fan-home-row strong {
  display: block;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
  line-height: 1.08;
}

.fan-team-pill small,
.fan-content-card small,
.fan-home-row small {
  display: block;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
}

.fan-home-list {
  display: grid;
  gap: .65rem;
}

.fan-home-row,
.fan-content-card {
  display: block;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #dbe6f3;
  padding: .85rem;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.fan-home-row span,
.fan-content-card span {
  display: inline-flex;
  margin-bottom: .35rem;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  font-size: .68rem;
  font-weight: 1000;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.fan-home-empty {
  border-radius: 18px;
  background: #ffffff;
  border: 1px dashed #cbd5e1;
  padding: 1rem;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
}

.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell .game-scorecard,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell .scoreboard-panel,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell img,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell video,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell iframe,
.ga-page--studio-layout .ga-studio-layout-main .home-channel-shell table {
  max-width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 1500px) {
  .ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell .col-xl-7,
  .ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell .col-xl-5,
  .ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell .col-xl-3,
  .ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell .col-lg-8,
  .ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell .col-lg-6,
  .ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell .col-lg-4,
  .ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell .col-md-6 {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  .ga-page--studio-layout .ga-studio-layout-main .fan-home-grid,
  .ga-page--studio-layout .ga-studio-layout-main .fan-team-pill-grid,
  .ga-page--studio-layout .ga-studio-layout-main .fan-content-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 900px) {
  .ga-page--studio-layout .ga-studio-layout-main .network-home-page.home-channel-shell {
    padding: .65rem !important;
  }

  .ga-page--studio-layout .ga-studio-layout-main .home-channel-hero,
  .ga-page--studio-layout .ga-studio-layout-main .fan-home-command-center,
  .ga-page--studio-layout .ga-studio-layout-main .followed-teams-home {
    border-radius: 22px !important;
    padding: .9rem !important;
  }
}


/* v0.1.938: Fan favorite bookmarks for organizations, leagues, tournaments, and locations. */
.favorite-link-inline,
.favorite-link-inline form,
.favorite-link-inline .button_to {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.favorite-link-button {
  max-width: 100% !important;
  white-space: nowrap !important;
}

.ga-page--studio-layout .ga-studio-layout-main .fan-home-command-center .fan-home-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .fan-home-command-center .fan-home-panel--wide {
  grid-column: 1 / -1 !important;
}

.ga-page--studio-layout .ga-studio-layout-main .fan-home-command-center .fan-home-row,
.ga-page--studio-layout .ga-studio-layout-main .fan-home-command-center .fan-content-card {
  overflow: hidden !important;
}

@media (max-width: 1500px) {
  .ga-page--studio-layout .ga-studio-layout-main .fan-home-command-center .fan-home-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* v0.1.942: Replace oversized signed-in Fan Home hero with useful dashboard modules. */
.ga-page--studio-layout .ga-studio-layout-main .fan-home-dashboard {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
}

.fan-home-dashboard-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(15,23,42,.10);
  margin-bottom: 1rem;
}

.fan-home-dashboard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.fan-home-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr) minmax(0, 1fr);
  gap: clamp(.75rem, 1.4vw, 1rem);
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.fan-home-dashboard-card {
  border-radius: 24px;
  background: #f8fafc;
  border: 1px solid #dbe6f3;
  padding: 1rem;
  min-width: 0;
  overflow: hidden;
}

.fan-home-dashboard-card--primary {
  background: linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);
}

.fan-home-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin: .65rem 0 .85rem;
}

.fan-home-stat-grid div {
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #dbe6f3;
  padding: .7rem .55rem;
  text-align: center;
  min-width: 0;
}

.fan-home-stat-grid strong {
  display: block;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
  font-size: 1.45rem;
  line-height: 1;
}

.fan-home-stat-grid span {
  display: block;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: .68rem;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: .25rem;
}

.fan-team-pill-grid--compact {
  grid-template-columns: minmax(0, 1fr) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .fan-home-dashboard .fan-home-row,
.ga-page--studio-layout .ga-studio-layout-main .fan-home-dashboard .fan-team-pill {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 1500px) {
  .ga-page--studio-layout .ga-studio-layout-main .fan-home-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* v0.1.943: Sports Hub show page contrast hardening. */
.sports-public-refresh .sports-panel {
  padding: clamp(1rem, 1.8vw, 1.35rem) !important;
}

.sports-public-refresh .sports-news-feature {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.10) !important;
}

.sports-public-refresh .sports-news-feature,
.sports-public-refresh .sports-news-feature:visited,
.sports-public-refresh .sports-news-feature:hover,
.sports-public-refresh .sports-news-feature:focus {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-decoration: none !important;
}

.sports-public-refresh .sports-news-feature strong,
.sports-public-refresh .sports-news-feature:hover strong,
.sports-public-refresh .sports-news-feature:focus strong,
.sports-public-refresh .sports-news-feature h2,
.sports-public-refresh .sports-news-feature h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

.sports-public-refresh .sports-news-feature small,
.sports-public-refresh .sports-news-feature p,
.sports-public-refresh .sports-news-feature:hover small,
.sports-public-refresh .sports-news-feature:focus small {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.sports-public-refresh .sports-news-feature .sports-news-meta span,
.sports-public-refresh .sports-news-feature:hover .sports-news-meta span,
.sports-public-refresh .sports-news-feature:focus .sports-news-meta span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

.sports-public-refresh .sports-news-feature .badge,
.sports-public-refresh .sports-news-feature .ga-kicker,
.sports-public-refresh .sports-news-link .badge,
.sports-public-refresh .sports-news-link .ga-kicker {
  background: #fbbf24 !important;
  border: 1px solid #f59e0b !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
}

.sports-public-refresh .sports-news-link {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.06) !important;
}

.sports-public-refresh .sports-news-link strong,
.sports-public-refresh .sports-news-link h2,
.sports-public-refresh .sports-news-link h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.sports-public-refresh .sports-news-link small,
.sports-public-refresh .sports-news-link p {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
}

.sports-public-refresh .sports-panel .btn,
.sports-public-refresh .sports-panel a.btn,
.sports-public-refresh .sports-panel .btn-outline-ga {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
}

.sports-public-refresh .sports-panel .btn-ga,
.sports-public-refresh .sports-panel .btn-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #0f172a !important;
  border-color: #0f172a !important;
}


/* v0.1.944: Direct Sports Hub show latest news contrast hardening. */
body.ga-light-theme .sports-public-refresh aside .sports-panel a.sports-news-feature,
body.ga-light-theme .ga-page--studio-layout .sports-public-refresh aside .sports-panel a.sports-news-feature,
.sports-public-refresh aside .sports-panel a.sports-news-feature {
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.10) !important;
}

body.ga-light-theme .sports-public-refresh aside .sports-panel a.sports-news-feature strong,
body.ga-light-theme .sports-public-refresh aside .sports-panel a.sports-news-feature small,
body.ga-light-theme .sports-public-refresh aside .sports-panel a.sports-news-feature p,
body.ga-light-theme .sports-public-refresh aside .sports-panel a.sports-news-feature .sports-news-meta span,
.sports-public-refresh aside .sports-panel a.sports-news-feature strong,
.sports-public-refresh aside .sports-panel a.sports-news-feature small,
.sports-public-refresh aside .sports-panel a.sports-news-feature p,
.sports-public-refresh aside .sports-panel a.sports-news-feature .sports-news-meta span {
  text-shadow: none !important;
  opacity: 1 !important;
}

body.ga-light-theme .sports-public-refresh aside .sports-panel a.sports-news-feature strong,
.sports-public-refresh aside .sports-panel a.sports-news-feature strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.ga-light-theme .sports-public-refresh aside .sports-panel a.sports-news-feature small,
.sports-public-refresh aside .sports-panel a.sports-news-feature small {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

body.ga-light-theme .sports-public-refresh aside .sports-panel a.sports-news-feature .sports-news-meta span,
.sports-public-refresh aside .sports-panel a.sports-news-feature .sports-news-meta span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

body.ga-light-theme .sports-public-refresh aside .sports-panel .btn-outline-ga,
.sports-public-refresh aside .sports-panel .btn-outline-ga {
  min-width: 5.75rem !important;
  white-space: nowrap !important;
}


/* v0.1.945: Racer/player profile must fit inside authenticated Studio sidebar layout. */
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-inline: 0 !important;
  padding: clamp(.75rem, 1.5vw, 1.25rem) !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh > *,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh section,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .athlete-hero,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .season-switcher,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .network-card,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .row {
  --bs-gutter-x: clamp(.75rem, 1.4vw, 1rem) !important;
  --bs-gutter-y: clamp(.75rem, 1.4vw, 1rem) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .row > [class*="col-"] {
  min-width: 0 !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .athlete-hero {
  padding: clamp(1rem, 1.8vw, 1.5rem) !important;
  border-radius: clamp(20px, 2vw, 30px) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .athlete-title,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh h1 {
  max-width: 100% !important;
  font-size: clamp(2.15rem, 7cqi, 5rem) !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh h2,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh h3,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh p,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh strong,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh small,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh span,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh a {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .athlete-photo-wrap {
  width: min(100%, 220px) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .athlete-photo,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .athlete-number {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .fan-metric,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .media-card-pro,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .bio-card-row,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .sport-context-chip,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .player-season-chip,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .ga-chip {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .d-flex {
  min-width: 0 !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh img,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh video,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh iframe,
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh table {
  max-width: 100% !important;
}

@media (max-width: 1500px) {
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-xl-2,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-xl-3,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-xl-4,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-xl-5,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-xl-6,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-xl-7,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-xl-8,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-lg-3,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-lg-4,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-lg-5,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-lg-6,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-lg-7,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-lg-8,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .col-lg-9 {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .athlete-hero .row {
    text-align: left !important;
  }
}

@media (max-width: 900px) {
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh {
    padding: .65rem !important;
  }

  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .athlete-hero,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .season-switcher,
  .ga-page--studio-layout .ga-studio-layout-main .player-public-refresh .network-card {
    border-radius: 22px !important;
    padding: .9rem !important;
  }
}


/* v0.1.946: Player/racer profile, analysis, training logs, and session maps must fit inside authenticated Studio sidebar layout. */
.ga-page--studio-layout .ga-studio-layout-main .player-public-refresh,
.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel),
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card),
.ga-page--studio-layout .ga-studio-layout-main .network-card,
.ga-page--studio-layout .ga-studio-layout-main .analysis-shell,
.ga-page--studio-layout .ga-studio-layout-main .player-analysis-shell {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-inline: 0 !important;
  padding-left: clamp(.75rem, 1.5vw, 1.25rem) !important;
  padding-right: clamp(.75rem, 1.5vw, 1.25rem) !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page .ap-shell,
.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page .ap-hero,
.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page .ap-body,
.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page .ap-card,
.ga-page--studio-layout .ga-studio-layout-main .ga-hero-panel,
.ga-page--studio-layout .ga-studio-layout-main .ga-card,
.ga-page--studio-layout .ga-studio-layout-main .network-card,
.ga-page--studio-layout .ga-studio-layout-main .analysis-panel,
.ga-page--studio-layout .ga-studio-layout-main .media-card-pro {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page .row,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) .row,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) .row,
.ga-page--studio-layout .ga-studio-layout-main .network-card .row,
.ga-page--studio-layout .ga-studio-layout-main .analysis-panel .row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: clamp(.75rem, 1.4vw, 1rem) !important;
  --bs-gutter-y: clamp(.75rem, 1.4vw, 1rem) !important;
}

.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page .row > [class*="col-"],
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) .row > [class*="col-"],
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) .row > [class*="col-"],
.ga-page--studio-layout .ga-studio-layout-main .network-card .row > [class*="col-"],
.ga-page--studio-layout .ga-studio-layout-main .analysis-panel .row > [class*="col-"] {
  min-width: 0 !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page h1,
.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page .ap-title,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) h1,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) h1,
.ga-page--studio-layout .ga-studio-layout-main .network-card h1,
.ga-page--studio-layout .ga-studio-layout-main .ga-title {
  max-width: 100% !important;
  font-size: clamp(2.05rem, 7cqi, 5rem) !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page h2,
.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page h3,
.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page p,
.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page strong,
.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page small,
.ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page span,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) h2,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) h3,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) p,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) strong,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) small,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) span,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) h2,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) h3,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) p,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) strong,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) small,
.ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) span,
.ga-page--studio-layout .ga-studio-layout-main .network-card h2,
.ga-page--studio-layout .ga-studio-layout-main .network-card h3,
.ga-page--studio-layout .ga-studio-layout-main .network-card p,
.ga-page--studio-layout .ga-studio-layout-main .network-card strong,
.ga-page--studio-layout .ga-studio-layout-main .network-card small,
.ga-page--studio-layout .ga-studio-layout-main .network-card span {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.ga-page--studio-layout .ga-studio-layout-main .table-responsive,
.ga-page--studio-layout .ga-studio-layout-main table,
.ga-page--studio-layout .ga-studio-layout-main .training-log-session-map-canvas,
.ga-page--studio-layout .ga-studio-layout-main .leaflet-container,
.ga-page--studio-layout .ga-studio-layout-main img,
.ga-page--studio-layout .ga-studio-layout-main video,
.ga-page--studio-layout .ga-studio-layout-main iframe {
  max-width: 100% !important;
}

.ga-page--studio-layout .ga-studio-layout-main .table-responsive {
  overflow-x: auto !important;
}

@media (max-width: 1500px) {
  .ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page [class*="col-lg"],
  .ga-page--studio-layout .ga-studio-layout-main .athletic-profile-page [class*="col-xl"],
  .ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) [class*="col-lg"],
  .ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-hero-panel) [class*="col-xl"],
  .ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) [class*="col-lg"],
  .ga-page--studio-layout .ga-studio-layout-main .container:has(.ga-card) [class*="col-xl"],
  .ga-page--studio-layout .ga-studio-layout-main .network-card [class*="col-lg"],
  .ga-page--studio-layout .ga-studio-layout-main .network-card [class*="col-xl"] {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}


/* v0.1.947: Player/racer private training controls are permission-rendered only. */
.player-training-private-section {
  max-width: 100%;
}


/* v0.1.949: Comprehensive athletic profile training section is private and permission-rendered only. */
.comprehensive-training-private-section {
  max-width: 100%;
}


/* v0.1.951: Fan Home user-accessible PPV modules. */
.fan-home-ppv-card,
.fan-home-ppv-section,
.fan-ppv-card,
.fan-home-ppv-row {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.fan-home-ppv-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-top: .65rem;
}

.fan-home-ppv-actions form,
.fan-home-ppv-actions .button_to {
  display: inline-flex;
  margin: 0;
}

.fan-home-ppv-actions .btn {
  white-space: nowrap;
}

.ga-page--studio-layout .ga-studio-layout-main .fan-home-ppv-section,
.ga-page--studio-layout .ga-studio-layout-main .fan-home-ppv-section * {
  max-width: 100%;
}

@media (max-width: 1500px) {
  .ga-page--studio-layout .ga-studio-layout-main .fan-home-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* v0.1.952: Fan Home visual redesign — non-redundant, interactive, sidebar-safe. */
.fan-home-v2 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(.75rem, 1.5vw, 1.25rem) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
}

.fan-home-v2 * {
  box-sizing: border-box;
}

.fan-hero-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .72fr);
  gap: clamp(1rem, 2vw, 1.5rem);
  border-radius: 36px;
  padding: clamp(1.15rem, 2.4vw, 2rem);
  background:
    radial-gradient(circle at 14% 12%, rgba(59,130,246,.36), transparent 28%),
    radial-gradient(circle at 86% 0%, rgba(251,191,36,.28), transparent 28%),
    linear-gradient(135deg, #07111f 0%, #0f172a 46%, #102a4c 100%) !important;
  box-shadow: 0 30px 90px rgba(15,23,42,.28);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  overflow: hidden;
  position: relative;
}

.fan-hero-v2:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.45), transparent 72%);
  pointer-events: none;
}

.fan-hero-copy,
.fan-hero-game-card {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.fan-eyebrow,
.fan-kicker-blue {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  padding: .34rem .72rem;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.24);
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  font-size: .68rem;
  font-weight: 1000;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.fan-kicker-blue {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
}

.fan-hero-copy h1 {
  margin: .9rem 0 .75rem;
  max-width: 780px;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(2.6rem, 6.6cqi, 5.9rem);
  line-height: .9;
  letter-spacing: -.075em;
  font-weight: 1000;
  text-shadow: 0 24px 68px rgba(0,0,0,.55);
}

.fan-hero-copy p {
  max-width: 690px;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  font-weight: 850;
  line-height: 1.45;
  margin: 0;
}

.fan-action-row,
.fan-filter-pills,
.fan-ppv-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  align-items: center;
  margin-top: 1rem;
}

.fan-btn,
.fan-filter-pills a,
.fan-mini-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: .68rem 1rem;
  font-weight: 1000;
  text-decoration: none !important;
  border: 1px solid transparent;
  line-height: 1;
  white-space: nowrap;
}

.fan-btn--light {
  background: #ffffff !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  border-color: rgba(255,255,255,.82) !important;
}

.fan-btn--gold {
  background: #fbbf24 !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  border-color: #f59e0b !important;
}

.fan-btn--ghost {
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,.28) !important;
}

.fan-btn--dark {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #0f172a !important;
}

.fan-btn--tiny {
  padding: .5rem .75rem;
  font-size: .82rem;
}

.fan-hero-game-card {
  min-height: 100%;
  border-radius: 28px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 24px 70px rgba(0,0,0,.24);
  padding: 1rem;
  display: grid;
  align-content: start;
  gap: .9rem;
}

.fan-card-topline,
.fan-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-width: 0;
}

.fan-card-topline span {
  display: inline-flex;
  border-radius: 999px;
  background: #ef4444 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: .34rem .72rem;
  font-size: .68rem;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-weight: 1000;
}

.fan-card-topline strong {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  font-weight: 1000;
}

.fan-feature-game-link {
  display: grid;
  gap: .75rem;
  text-decoration: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.fan-feature-game-link small,
.fan-empty-dark {
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
  font-weight: 850;
}

.fan-feature-game-link h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.65rem, 4cqi, 2.55rem);
  line-height: .96;
  letter-spacing: -.055em;
  font-weight: 1000;
  margin: 0;
}

.fan-score-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .55rem .75rem;
  border-radius: 20px;
  padding: .85rem;
  background: rgba(255,255,255,.92);
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
}

.fan-score-strip span,
.fan-score-strip strong {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  font-weight: 1000;
  min-width: 0;
}

.fan-feature-game-link em {
  font-style: normal;
  font-weight: 1000;
  color: #fef3c7 !important;
  -webkit-text-fill-color: #fef3c7 !important;
}

.fan-strip-v2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: 1rem 0;
}

.fan-stat-tile {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  border-radius: 22px;
  background: #ffffff !important;
  border: 1px solid #dbe6f3;
  box-shadow: 0 14px 34px rgba(15,23,42,.07);
  padding: .85rem;
  text-decoration: none !important;
}

.fan-stat-tile span {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 1000;
  font-size: 1.2rem;
}

.fan-stat-tile strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
  line-height: 1.05;
}

.fan-main-grid-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  min-width: 0;
}

.fan-main-grid-v2--content {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
}

.fan-panel-v2 {
  min-width: 0;
  border-radius: 30px;
  background: #ffffff !important;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 20px 54px rgba(15,23,42,.10);
  padding: clamp(1rem, 1.6vw, 1.25rem);
  overflow: hidden;
}

.fan-section-head {
  margin-bottom: 1rem;
}

.fan-section-head h2 {
  margin: .35rem 0 0;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
  letter-spacing: -.045em;
  line-height: .98;
}

.fan-mini-link,
.fan-filter-pills a {
  padding: .5rem .75rem;
  background: #f8fafc !important;
  border-color: #dbe6f3 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: .85rem;
}

.fan-team-card-grid,
.fan-update-grid,
.fan-suggested-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: .75rem;
}

.fan-team-card-v2,
.fan-favorite-link-v2,
.fan-game-tile-v2,
.fan-update-card,
.fan-ppv-item-v2,
.fan-suggested-team,
.fan-empty-light {
  display: block;
  min-width: 0;
  border-radius: 22px;
  background: #f8fafc !important;
  border: 1px solid #dbe6f3;
  padding: .9rem;
  text-decoration: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.fan-team-card-v2 {
  display: flex;
  align-items: center;
  gap: .8rem;
}

.fan-team-logo-v2 {
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #0f172a, #1d4ed8) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 1000;
}

.fan-team-card-v2 strong,
.fan-update-card strong,
.fan-favorite-link-v2 strong,
.fan-game-tile-v2 strong,
.fan-ppv-item-v2 strong,
.fan-suggested-team strong {
  display: block;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
  line-height: 1.05;
}

.fan-team-card-v2 small,
.fan-update-card small,
.fan-game-tile-v2 small,
.fan-ppv-item-v2 small,
.fan-empty-light,
.fan-suggested-team small {
  display: block;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
  margin-top: .25rem;
}

.fan-onboarding-card {
  border-radius: 26px;
  padding: 1rem;
  background:
    radial-gradient(circle at top right, rgba(251,191,36,.22), transparent 38%),
    linear-gradient(135deg, #eff6ff 0%, #ffffff 100%) !important;
  border: 1px solid #bfdbfe;
}

.fan-onboarding-card h3 {
  font-weight: 1000;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.fan-onboarding-card p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
}

.fan-ppv-stack,
.fan-favorite-list,
.fan-side-stack-v2 {
  display: grid;
  gap: .75rem;
}

.fan-ppv-item-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  background: linear-gradient(135deg, #0f172a, #1e3a8a) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.fan-ppv-item-v2 span,
.fan-update-card span,
.fan-favorite-link-v2 span,
.fan-game-tile-v2 span {
  display: inline-flex;
  margin-bottom: .35rem;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  font-size: .68rem;
  font-weight: 1000;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.fan-ppv-item-v2 span,
.fan-ppv-item-v2 strong,
.fan-ppv-item-v2 small {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.fan-ppv-item-v2 small {
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
}

.fan-ppv-buttons {
  margin-top: 0;
  justify-content: flex-end;
}

.fan-ppv-buttons form,
.fan-ppv-buttons .button_to {
  margin: 0 !important;
  display: inline-flex;
}

.fan-panel-v2--gameboard {
  margin-bottom: 1rem;
}

.fan-game-scroller {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(240px, 1fr);
  gap: .75rem;
  overflow-x: auto;
  padding-bottom: .25rem;
  scrollbar-width: thin;
}

.fan-game-tile-v2 {
  background:
    linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}

.fan-update-card {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.fan-update-card--lead {
  grid-column: span 2;
  min-height: 240px;
  background:
    radial-gradient(circle at 90% 0%, rgba(37,99,235,.18), transparent 38%),
    linear-gradient(135deg, #0f172a, #172554) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.fan-update-card--lead span,
.fan-update-card--lead strong,
.fan-update-card--lead small {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.fan-update-card--lead small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

.fan-favorite-link-v2 {
  background: #ffffff !important;
}

.fan-sport-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.fan-sport-cloud a {
  display: inline-flex;
  border-radius: 999px;
  padding: .55rem .8rem;
  background: #f8fafc !important;
  border: 1px solid #dbe6f3;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-decoration: none !important;
  font-weight: 1000;
}

.fan-home-v2 a,
.fan-home-v2 button {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.fan-home-v2 a:hover,
.fan-home-v2 button:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(15,23,42,.14);
}

@media (max-width: 1500px) {
  .ga-page--studio-layout .ga-studio-layout-main .fan-hero-v2,
  .ga-page--studio-layout .ga-studio-layout-main .fan-main-grid-v2,
  .ga-page--studio-layout .ga-studio-layout-main .fan-main-grid-v2--content {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ga-page--studio-layout .ga-studio-layout-main .fan-strip-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .fan-home-v2 {
    padding: .65rem !important;
  }

  .fan-hero-v2,
  .fan-panel-v2 {
    border-radius: 22px;
  }

  .fan-strip-v2,
  .fan-team-card-grid,
  .fan-update-grid,
  .fan-suggested-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .fan-update-card--lead {
    grid-column: span 1;
  }

  .fan-ppv-item-v2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .fan-game-scroller {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    overflow: visible;
  }
}

/* v0.1.954: Fan Home gameboard uses paginated rows instead of a horizontal scroller. */
.fan-gameboard-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
}

.fan-gameboard-actions .fan-mini-link.is-disabled {
  opacity: .45;
  pointer-events: none;
}

.fan-page-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  border-radius: 999px;
  padding: .45rem .7rem;
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .82rem;
  font-weight: 1000;
}

.fan-game-page-grid {
  display: grid;
  gap: .7rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.fan-game-page-row {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  border-radius: 18px;
  background: #f8fafc !important;
  border: 1px solid #dbe6f3;
  padding: .85rem;
  text-decoration: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  max-width: 100%;
  min-width: 0;
}

.fan-game-page-row span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eff6ff !important;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  font-size: .68rem;
  font-weight: 1000;
  letter-spacing: .10em;
  text-transform: uppercase;
  padding: .35rem .65rem;
  white-space: nowrap;
}

.fan-game-page-row strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
  line-height: 1.08;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fan-game-page-row small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .fan-gameboard-actions {
    justify-content: flex-start;
  }

  .fan-game-page-row {
    grid-template-columns: minmax(0, 1fr);
    gap: .45rem;
  }

  .fan-game-page-row span,
  .fan-game-page-row small {
    justify-self: start;
    white-space: normal;
  }
}


/* v0.1.955: Watch index latest video section should use horizontal space well. */
.watch-channel-shell .media-channel-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start;
}

.watch-channel-shell .media-main-feed {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.watch-channel-shell .media-main-feed .row {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}

.watch-channel-shell .media-main-feed .row > [class*="col-"] {
  min-width: 0 !important;
}

@media (min-width: 1500px) {
  .watch-channel-shell .media-main-feed .row > .col-xxl-4,
  .watch-channel-shell .media-main-feed .row > .col-md-6 {
    flex: 0 0 auto !important;
    width: 25% !important;
  }
}

@media (min-width: 1100px) and (max-width: 1499.98px) {
  .watch-channel-shell .media-main-feed .row > .col-xxl-4,
  .watch-channel-shell .media-main-feed .row > .col-md-6 {
    flex: 0 0 auto !important;
    width: 33.333333% !important;
  }
}

@media (min-width: 700px) and (max-width: 1099.98px) {
  .watch-channel-shell .media-main-feed .row > .col-xxl-4,
  .watch-channel-shell .media-main-feed .row > .col-md-6 {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
}

@media (max-width: 699.98px) {
  .watch-channel-shell .media-main-feed .row > .col-xxl-4,
  .watch-channel-shell .media-main-feed .row > .col-md-6 {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}

.watch-channel-shell .media-rail-panel {
  width: 100% !important;
  max-width: 100% !important;
}

.watch-channel-shell .media-rail-panel .media-guide-list {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
}

.ga-page--studio-layout .ga-studio-layout-main .watch-channel-shell .media-channel-grid,
.ga-page--studio-layout .ga-studio-layout-main .watch-channel-shell .media-main-feed,
.ga-page--studio-layout .ga-studio-layout-main .watch-channel-shell .media-rail-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/* v0.1.956: Hard fix Watch page Latest Video layout to actually fill available horizontal space. */
.watch-channel-shell .watch-latest-video-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

.watch-channel-shell .watch-latest-video-layout .media-main-feed {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.watch-channel-shell .watch-video-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.watch-channel-shell .watch-video-grid-item {
  min-width: 0 !important;
  width: 100% !important;
}

.watch-channel-shell .watch-video-grid-item--full {
  grid-column: 1 / -1 !important;
}

.watch-channel-shell .watch-video-grid-item > .ga-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.watch-channel-shell .watch-video-grid-item .ga-placeholder-media {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
}

.watch-channel-shell .watch-latest-video-layout .media-rail-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.watch-channel-shell .watch-latest-video-layout .media-guide-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
  gap: .75rem !important;
}

@media (min-width: 1700px) {
  .watch-channel-shell .watch-video-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px) and (max-width: 1699.98px) {
  .watch-channel-shell .watch-video-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 900px) and (max-width: 1279.98px) {
  .watch-channel-shell .watch-video-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 620px) and (max-width: 899.98px) {
  .watch-channel-shell .watch-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.ga-page--studio-layout .ga-studio-layout-main .watch-channel-shell .watch-latest-video-layout,
.ga-page--studio-layout .ga-studio-layout-main .watch-channel-shell .watch-video-grid,
.ga-page--studio-layout .ga-studio-layout-main .watch-channel-shell .media-main-feed {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/* v0.1.957: Watch page Channel Guide belongs above Latest Video. */
.watch-channel-shell .watch-channel-guide-layout {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

.watch-channel-shell .watch-channel-guide-layout .media-rail-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.watch-channel-shell .watch-channel-guide-layout .media-guide-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
  gap: .75rem !important;
}

.ga-page--studio-layout .ga-studio-layout-main .watch-channel-shell .watch-channel-guide-layout,
.ga-page--studio-layout .ga-studio-layout-main .watch-channel-shell .watch-channel-guide-layout .media-rail-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/* v0.1.958: Correct centered video play button rendering. */
.ga-video-play-control {
  width: clamp(54px, 7vw, 76px) !important;
  height: clamp(54px, 7vw, 76px) !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255,255,255,.20) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  box-shadow: 0 18px 42px rgba(2,6,23,.32), inset 0 1px 0 rgba(255,255,255,.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1 !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

.ga-video-play-triangle {
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  margin-left: .18rem !important;
  border-top: .62rem solid transparent !important;
  border-bottom: .62rem solid transparent !important;
  border-left: .95rem solid #ffffff !important;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35)) !important;
}

.ga-video-play-label {
  display: block !important;
  max-width: calc(100% - 1rem) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .72rem !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.media-play-burst {
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
}

.media-play-burst::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: .16rem;
  border-top: .5rem solid transparent;
  border-bottom: .5rem solid transparent;
  border-left: .78rem solid currentColor;
}

.media-play-burst {
  font-size: 0 !important;
}


/* v0.1.959: Admin Studio sidebar must not run under the footer. */
.ga-studio-layout-shell {
  align-items: start !important;
  padding-bottom: clamp(3rem, 6vw, 6rem) !important;
}

.ga-studio-layout-shell .studio-sidebar-pro {
  position: sticky !important;
  top: 104px !important;
  max-height: calc(100dvh - 142px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  overscroll-behavior: contain !important;
  z-index: 2 !important;
}

.ga-studio-layout-shell .studio-sidebar-pro::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.ga-studio-layout-main {
  min-height: 0 !important;
}

body.ga-light-theme > footer {
  position: relative !important;
  z-index: 5 !important;
  clear: both !important;
  margin-top: clamp(1rem, 2vw, 2rem) !important;
}

body.ga-light-theme > footer .ga-card {
  position: relative !important;
  z-index: 6 !important;
}

@media (max-width: 1100px) {
  .ga-studio-layout-shell .studio-sidebar-pro {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* v0.1.968: Facility public sites and admin facility/location pages are sidebar-safe and non-redundant. */
.ga-page--studio-layout .ga-studio-layout-main .facility-admin-shell,
.ga-page--studio-layout .ga-studio-layout-main .branded-hub-shell {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

.ga-page--studio-layout .ga-studio-layout-main .facility-admin-shell {
  padding-right: clamp(1rem, 2vw, 2rem);
}

.branded-hub-shell {
  width: min(100%, 1480px);
  max-width: 100%;
  margin-inline: auto;
  padding-inline: clamp(1rem, 2vw, 2rem);
  box-sizing: border-box;
}

.branded-facility-location-directory {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.branded-facility-location-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 1rem;
}

.branded-facility-location-card {
  display: block;
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 22px;
  background: rgba(255, 255, 255, .92);
  padding: 1rem;
  text-decoration: none;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.08);
}

.branded-facility-location-card strong,
.branded-facility-location-card span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.branded-facility-location-card strong {
  font-weight: 1000;
}

.branded-facility-location-card span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 800;
  margin-top: .3rem;
}

.branded-facility-location-card--single {
  max-width: 560px;
}


/* v0.1.976: Branded facility sites stay inside sidebar/content gutters. */
.branded-hub-shell {
  width: 100% !important;
  max-width: min(100%, 1180px) !important;
  margin-inline: auto !important;
  padding-inline: clamp(.85rem, 1.8vw, 1.5rem) !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

.ga-studio-layout-main .branded-hub-shell,
.ga-studio-layout-shell .branded-hub-shell,
body:has(.studio-sidebar-pro) .branded-hub-shell {
  max-width: min(100%, calc(100vw - 340px)) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.branded-site-topnav,
.branded-hub-hero,
.branded-hub-section,
.branded-hub-grid,
.branded-facility-location-directory,
.branded-facility-location-grid {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.branded-hub-grid {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
}

.branded-facility-location-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
}

.branded-facility-location-card {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 1200px) {
  .ga-studio-layout-main .branded-hub-shell,
  .ga-studio-layout-shell .branded-hub-shell,
  body:has(.studio-sidebar-pro) .branded-hub-shell {
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  .branded-hub-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .branded-site-topnav,
  .branded-site-topnav-links {
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  .branded-hub-hero {
    padding: clamp(1rem, 4vw, 1.35rem) !important;
  }
}


/* v0.1.978: Venue facility public pages use consistent gutters and sidebar-safe width. */
.branded-hub-shell.branded-hub-shell--venue {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #edf2f7 !important;
  overflow-x: clip !important;
}

.branded-hub-shell.branded-hub-shell--venue > .branded-hub-inner {
  width: min(100%, 1280px) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  padding-inline: clamp(1.25rem, 3vw, 2rem) !important;
  padding-block: clamp(1rem, 2vw, 1.5rem) !important;
  box-sizing: border-box !important;
}

.ga-studio-layout-main .branded-hub-shell.branded-hub-shell--venue > .branded-hub-inner,
.ga-studio-layout-shell .branded-hub-shell.branded-hub-shell--venue > .branded-hub-inner {
  width: 100% !important;
  max-width: min(100%, 1280px) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.branded-hub-shell.branded-hub-shell--venue .branded-site-topnav,
.branded-hub-shell.branded-hub-shell--venue .branded-hub-hero,
.branded-hub-shell.branded-hub-shell--venue .branded-hub-section,
.branded-hub-shell.branded-hub-shell--venue .branded-hub-grid,
.branded-hub-shell.branded-hub-shell--venue .branded-facility-location-directory {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.branded-hub-shell.branded-hub-shell--venue .branded-facility-location-directory {
  padding-inline: 0 !important;
}

.branded-hub-shell.branded-hub-shell--venue .branded-facility-location-grid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch !important;
}

.branded-hub-shell.branded-hub-shell--venue .branded-facility-location-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.branded-hub-shell.branded-hub-shell--venue .branded-hub-grid {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
  align-items: start !important;
}

@media (max-width: 1100px) {
  .branded-hub-shell.branded-hub-shell--venue > .branded-hub-inner {
    padding-inline: clamp(1rem, 4vw, 1.25rem) !important;
  }

  .branded-hub-shell.branded-hub-shell--venue .branded-hub-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 1500px) {
  .branded-hub-shell.branded-hub-shell--venue > .branded-hub-inner {
    width: min(100%, 1360px) !important;
  }
}


/* v0.1.979: Facility/venue pages use readable title sizing for long names. */
.branded-hub-shell.branded-hub-shell--venue .branded-hub-hero h1 {
  font-size: clamp(2.35rem, 5.2vw, 5.25rem) !important;
  line-height: .95 !important;
  letter-spacing: -.055em !important;
  max-width: min(100%, 980px) !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-wrap: balance !important;
}

.branded-hub-shell.branded-hub-shell--venue .branded-hub-hero p {
  max-width: min(100%, 760px) !important;
  font-size: clamp(.98rem, 1.25vw, 1.12rem) !important;
  line-height: 1.45 !important;
  color: rgba(226, 232, 240, .78) !important;
}

.branded-hub-shell.branded-hub-shell--venue .branded-hub-hero {
  min-height: clamp(320px, 38vw, 560px) !important;
  align-items: flex-end !important;
}

.branded-hub-shell.branded-hub-shell--venue .branded-hub-identity {
  min-width: 0 !important;
  width: 100% !important;
}

.branded-hub-shell.branded-hub-shell--venue .branded-hub-identity > div,
.branded-hub-shell.branded-hub-shell--venue .branded-hub-identity .branded-hub-title-block {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Activity/feed cards should not use poster-sized titles for facility names. */
.branded-hub-shell.branded-hub-shell--venue .branded-spotlight-card h2,
.branded-hub-shell.branded-hub-shell--venue .branded-feature-card h2,
.branded-hub-shell.branded-hub-shell--venue .branded-feature-card h3,
.branded-hub-shell.branded-hub-shell--venue #media h2,
.branded-hub-shell.branded-hub-shell--venue #media h3 {
  font-size: clamp(2rem, 4vw, 4.1rem) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  overflow-wrap: anywhere !important;
  text-wrap: balance !important;
}

.branded-hub-shell.branded-hub-shell--venue .branded-empty-state h2,
.branded-hub-shell.branded-hub-shell--venue .branded-empty-state h3 {
  font-size: clamp(1.8rem, 3.4vw, 3.25rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 900px) {
  .branded-hub-shell.branded-hub-shell--venue .branded-hub-hero h1 {
    font-size: clamp(2rem, 10vw, 3.35rem) !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
  }

  .branded-hub-shell.branded-hub-shell--venue .branded-hub-hero {
    min-height: 300px !important;
  }

  .branded-hub-shell.branded-hub-shell--venue .branded-spotlight-card h2,
  .branded-hub-shell.branded-hub-shell--venue .branded-feature-card h2,
  .branded-hub-shell.branded-hub-shell--venue .branded-feature-card h3,
  .branded-hub-shell.branded-hub-shell--venue #media h2,
  .branded-hub-shell.branded-hub-shell--venue #media h3 {
    font-size: clamp(1.85rem, 9vw, 2.8rem) !important;
    line-height: 1.02 !important;
  }
}


/* v0.1.980: Non-branded facility pages use the normal public navigation. */
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--normal-nav {
  padding-top: clamp(1rem, 2vw, 1.5rem) !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--normal-nav > .branded-hub-inner {
  padding-top: clamp(.75rem, 1.8vw, 1.25rem) !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--normal-nav .branded-hub-hero {
  margin-top: 0 !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--normal-nav .branded-site-topnav {
  display: none !important;
}


/* v0.1.981: Default/non-branded facility pages use normal dashboard typography. */
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-hero {
  min-height: clamp(240px, 28vw, 380px) !important;
  padding: clamp(1.15rem, 2.5vw, 2rem) !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-hero h1 {
  font-size: clamp(2rem, 3.6vw, 3.85rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  max-width: min(100%, 920px) !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-hero p {
  font-size: clamp(.95rem, 1vw, 1.05rem) !important;
  line-height: 1.5 !important;
  max-width: 680px !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-directory {
  margin-top: clamp(.65rem, 1.4vw, 1rem) !important;
  margin-bottom: clamp(.65rem, 1.4vw, 1rem) !important;
  padding-top: 0 !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-directory .branded-section-heading,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-section-heading {
  margin-bottom: .55rem !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-directory h2,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-section-heading h2 {
  font-size: clamp(1.45rem, 2.1vw, 2.05rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -.025em !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-directory p {
  margin-bottom: .75rem !important;
  font-size: .98rem !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-grid {
  gap: .75rem !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-card {
  padding: .85rem 1rem !important;
  border-radius: 18px !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-card strong {
  font-size: .98rem !important;
  line-height: 1.2 !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-card span {
  font-size: .9rem !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-network-board {
  margin-top: .75rem !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-activity-title {
  font-size: clamp(1.85rem, 3vw, 3rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand #news h2,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-section-heading h2,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-live-board h2 {
  font-size: clamp(1.45rem, 2.2vw, 2.15rem) !important;
  line-height: 1.12 !important;
}

@media (max-width: 900px) {
  .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-hero h1 {
    font-size: clamp(1.75rem, 8vw, 2.8rem) !important;
  }

  .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-activity-title {
    font-size: clamp(1.65rem, 7vw, 2.45rem) !important;
  }
}


/* v0.1.982: Strategic public advertising placements for non-branded pages. */
.ga-public-ad-slot {
  position: relative;
  display: grid;
  gap: .65rem;
  min-width: 0;
  border-radius: 24px;
  border: 1px solid rgba(148, 163, 184, .36);
  background:
    radial-gradient(circle at 12% 10%, rgba(14,165,233,.12), transparent 32%),
    radial-gradient(circle at 92% 0%, rgba(245,158,11,.14), transparent 34%),
    rgba(255,255,255,.94);
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.10);
  padding: clamp(.9rem, 1.6vw, 1.25rem);
  overflow: hidden;
}

.ga-public-ad-slot::after {
  content: "";
  position: absolute;
  inset: auto -12% -45% 38%;
  height: 90%;
  background: linear-gradient(120deg, transparent, rgba(11,92,255,.12));
  transform: rotate(-8deg);
  pointer-events: none;
}

.ga-public-ad-slot__badge {
  width: fit-content;
  border-radius: 999px;
  background: #0f172a;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: .32rem .62rem;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .68rem;
  font-weight: 1000;
}

.ga-public-ad-slot__content {
  position: relative;
  z-index: 1;
  display: grid;
  gap: .25rem;
}

.ga-public-ad-slot__content strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: clamp(1.05rem, 1.55vw, 1.55rem);
  line-height: 1.05;
  letter-spacing: -.025em;
  font-weight: 1000;
}

.ga-public-ad-slot__content span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 800;
  line-height: 1.35;
}

.ga-public-ad-slot__cta {
  position: relative;
  z-index: 1;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #0b5cff;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: .5rem .78rem;
  text-decoration: none;
  font-weight: 1000;
  box-shadow: 0 12px 28px rgba(11,92,255,.22);
}

.ga-public-ad-slot--hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  margin: clamp(.75rem, 1.5vw, 1.25rem) 0;
  background:
    radial-gradient(circle at 10% 10%, rgba(11,92,255,.20), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #eef6ff 55%, #fff7ed 100%);
}

.ga-public-ad-slot--hero .ga-public-ad-slot__badge { grid-column: 1 / -1; }

.ga-public-ad-slot--rail {
  position: sticky;
  top: 96px;
  align-self: start;
}

.ga-public-ad-slot--inline {
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

.ga-public-ad-slot--footer {
  margin-top: clamp(1.25rem, 2.5vw, 2rem);
}

.ga-public-ad-slot--compact {
  padding: .85rem;
  border-radius: 18px;
}

.ga-public-ad-slot--compact .ga-public-ad-slot__content strong {
  font-size: 1.05rem;
}

.ga-public-ad-slot--compact .ga-public-ad-slot__content span {
  font-size: .9rem;
}

.ga-public-ad-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: clamp(1rem, 2vw, 1.35rem);
  align-items: start;
}

.ga-public-ad-main {
  min-width: 0;
}

.ga-public-ad-rail {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

@media (max-width: 1100px) {
  .ga-public-ad-grid {
    grid-template-columns: 1fr;
  }

  .ga-public-ad-rail {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  }

  .ga-public-ad-slot--rail {
    position: relative;
    top: auto;
  }
}

@media (max-width: 720px) {
  .ga-public-ad-slot--hero {
    grid-template-columns: 1fr;
  }
}


/* v0.1.983: Public ad slots yield to nav/sidebar/page gutters. */
.ga-public-ad-slot {
  width: min(100%, 1280px) !important;
  max-width: calc(100vw - clamp(2rem, 6vw, 5rem)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.ga-public-ad-slot--hero {
  margin-top: clamp(.75rem, 1.6vw, 1.25rem) !important;
  margin-bottom: clamp(.75rem, 1.6vw, 1.25rem) !important;
}

/* When ads are rendered inside a page shell, use that shell's width instead of viewport width. */
.team-public-refresh > .ga-public-ad-slot,
.league-public-refresh + .ga-public-ad-slot,
.tournament-public-refresh + .ga-public-ad-slot,
.organization-hub-shell + .ga-public-ad-slot,
.location-show-shell + .ga-public-ad-slot,
.branded-hub-inner > .ga-public-ad-slot,
.directory-channel-shell + .ga-public-ad-slot,
.ga-public-ad-main > .ga-public-ad-slot {
  width: 100% !important;
  max-width: 100% !important;
}

/* Default facility pages: keep ad inventory inside the same content column as hero/cards. */
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-inner > .ga-public-ad-slot {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  margin-top: 0 !important;
  margin-bottom: clamp(.85rem, 1.8vw, 1.2rem) !important;
}

/* If a studio/sidebar layout is present, ads must live inside the main column, never span beneath the sidebar. */
.ga-studio-layout-main .ga-public-ad-slot,
.ga-studio-layout-shell .ga-public-ad-slot,
body:has(.studio-sidebar-pro) .ga-public-ad-slot {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ga-studio-layout-main > .ga-public-ad-slot,
.ga-studio-layout-shell > .ga-public-ad-slot,
body:has(.studio-sidebar-pro) > .ga-public-ad-slot {
  margin-left: var(--studio-content-offset, 0) !important;
}

/* On narrow screens, ad slots can use the available viewport width with standard gutters. */
@media (max-width: 760px) {
  .ga-public-ad-slot {
    max-width: calc(100vw - 1.25rem) !important;
  }

  .ga-public-ad-slot--hero {
    grid-template-columns: 1fr !important;
  }
}


/* v0.1.984: Default facility pages get a real internal sidebar menu, smaller typography, and working sponsor CTAs. */
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner {
  display: grid !important;
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
  align-items: start !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner > .branded-site-topnav {
  grid-column: 1 / -1 !important;
}

.default-facility-side-menu {
  position: sticky !important;
  top: 110px !important;
  z-index: 5 !important;
  display: grid !important;
  gap: .45rem !important;
  align-self: start !important;
  border-radius: 24px !important;
  border: 1px solid rgba(148,163,184,.34) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 18px 44px rgba(15,23,42,.08) !important;
  padding: .75rem !important;
}

.default-facility-side-menu a {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  border-radius: 14px !important;
  padding: .48rem .62rem !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-decoration: none !important;
  font-size: .88rem !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
}

.default-facility-side-menu a:hover,
.default-facility-side-menu a:focus-visible {
  background: #e0f2fe !important;
  color: #0b5cff !important;
  -webkit-text-fill-color: #0b5cff !important;
}

.default-facility-side-menu ~ .branded-hub-hero,
.default-facility-side-menu ~ .branded-facility-location-directory,
.default-facility-side-menu ~ .branded-network-board,
.default-facility-side-menu ~ .branded-hub-grid,
.default-facility-side-menu ~ .branded-hub-section,
.default-facility-side-menu ~ .ga-public-ad-slot,
.default-facility-side-menu ~ [id] {
  grid-column: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Practical typography for default facility pages. */
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand h1 {
  font-size: clamp(1.9rem, 3vw, 3.1rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand h2 {
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand h3 {
  font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -.015em !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-hero {
  min-height: 260px !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-activity-title {
  font-size: clamp(1.5rem, 2.35vw, 2.35rem) !important;
  line-height: 1.08 !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand #media,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-media-center,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .media-center {
  font-size: 1rem !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand #media h2,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand #media h3,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-media-center h2,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-media-center h3,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .media-center h2,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .media-center h3 {
  font-size: clamp(1.35rem, 2.1vw, 2.2rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -.025em !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand #media .ga-kicker,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .media-center .ga-kicker {
  font-size: .72rem !important;
}

.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-section-card h3,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-stat-card h3,
.branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-content-card h3 {
  font-size: clamp(1.1rem, 1.75vw, 1.65rem) !important;
}

@media (max-width: 1100px) {
  .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner {
    grid-template-columns: 1fr !important;
  }

  .default-facility-side-menu {
    position: relative !important;
    top: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    grid-column: 1 !important;
  }

  .default-facility-side-menu ~ .branded-hub-hero,
  .default-facility-side-menu ~ .branded-facility-location-directory,
  .default-facility-side-menu ~ .branded-network-board,
  .default-facility-side-menu ~ .branded-hub-grid,
  .default-facility-side-menu ~ .branded-hub-section,
  .default-facility-side-menu ~ .ga-public-ad-slot,
  .default-facility-side-menu ~ [id] {
    grid-column: 1 !important;
  }
}


/* v0.1.985: Global sponsorship/advertising landing page. */
.ga-advertise-page {
  width: min(100%, 1320px);
  margin: 0 auto;
  padding: clamp(1rem, 3vw, 2rem);
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.ga-advertise-hero {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  background:
    radial-gradient(circle at 12% 10%, rgba(11,92,255,.20), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(245,158,11,.22), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #eff6ff 52%, #fff7ed 100%);
  border: 1px solid rgba(148,163,184,.32);
  box-shadow: 0 30px 90px rgba(15,23,42,.14);
  padding: clamp(1.5rem, 5vw, 4rem);
}

.ga-advertise-hero h1 {
  max-width: 980px;
  font-size: clamp(2.25rem, 5vw, 5.25rem);
  line-height: .95;
  letter-spacing: -.06em;
  font-weight: 1000;
  margin: .45rem 0 0;
}

.ga-advertise-hero p {
  max-width: 820px;
  margin: 1rem 0 0;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: clamp(1rem, 1.4vw, 1.22rem);
  line-height: 1.55;
  font-weight: 850;
}

.ga-advertise-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.25rem;
}

.ga-advertise-primary,
.ga-advertise-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: .72rem 1rem;
  text-decoration: none;
  font-weight: 1000;
}

.ga-advertise-primary {
  background: #0b5cff;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 30px rgba(11,92,255,.25);
}

.ga-advertise-secondary {
  background: #e2e8f0;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.ga-advertise-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.ga-advertise-grid article,
.ga-advertise-packages {
  border-radius: 28px;
  border: 1px solid rgba(148,163,184,.30);
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 46px rgba(15,23,42,.08);
  padding: clamp(1rem, 2vw, 1.35rem);
}

.ga-advertise-grid article span {
  display: inline-flex;
  border-radius: 999px;
  background: #0f172a;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: .28rem .55rem;
  font-weight: 1000;
  margin-bottom: .75rem;
}

.ga-advertise-grid h2,
.ga-advertise-packages h2 {
  font-size: clamp(1.35rem, 2.2vw, 2.25rem);
  line-height: 1.05;
  letter-spacing: -.035em;
  font-weight: 1000;
}

.ga-advertise-grid p,
.ga-advertise-packages span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 800;
  line-height: 1.45;
}

.ga-advertise-packages {
  margin-top: 1rem;
}

.ga-advertise-packages > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
  margin-top: 1rem;
}

.ga-advertise-packages article {
  border-radius: 20px;
  background: #f8fafc;
  border: 1px solid rgba(148,163,184,.28);
  padding: 1rem;
}

.ga-advertise-packages strong,
.ga-advertise-packages span {
  display: block;
}

.ga-advertise-packages strong {
  font-weight: 1000;
}

@media (max-width: 900px) {
  .ga-advertise-grid,
  .ga-advertise-packages > div {
    grid-template-columns: 1fr;
  }
}


/* v0.1.986: Flat-rate and CPM sponsorship package cards. */
.ga-sponsor-package-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  gap: 1rem !important;
  margin-top: 1rem !important;
}

.ga-sponsor-package-card {
  display: grid !important;
  gap: .85rem !important;
  align-content: start !important;
  border-radius: 26px !important;
  border: 1px solid rgba(148,163,184,.32) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.09) !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
}

.ga-sponsor-package-card--flat {
  background:
    radial-gradient(circle at 12% 10%, rgba(11,92,255,.12), transparent 32%),
    rgba(255,255,255,.96) !important;
}

.ga-sponsor-package-card--cpm {
  background:
    radial-gradient(circle at 12% 10%, rgba(245,158,11,.15), transparent 32%),
    rgba(255,255,255,.96) !important;
}

.ga-sponsor-package-card__top {
  display: flex !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  align-items: center !important;
}

.ga-sponsor-package-card__top span {
  display: inline-flex !important;
  border-radius: 999px !important;
  background: #0f172a !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: .32rem .58rem !important;
  font-size: .72rem !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  font-weight: 1000 !important;
}

.ga-sponsor-package-card__top strong {
  color: #0b5cff !important;
  -webkit-text-fill-color: #0b5cff !important;
  font-size: clamp(1.05rem, 1.6vw, 1.45rem) !important;
  font-weight: 1000 !important;
}

.ga-sponsor-package-card h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  font-weight: 1000 !important;
  margin: 0 !important;
}

.ga-sponsor-package-card p,
.ga-sponsor-package-card li {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 800 !important;
  line-height: 1.42 !important;
}

.ga-sponsor-package-card ul {
  display: grid !important;
  gap: .35rem !important;
  margin: 0 !important;
  padding-left: 1.1rem !important;
}


/* v0.1.987: Non-branded facilities/surfaces use the common signed-in sidebar, not a custom facility sidebar. */
.default-facility-side-menu {
  display: none !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand {
  width: 100% !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-hero,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-directory,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-network-board,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-grid,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-section,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .ga-public-ad-slot {
  grid-column: auto !important;
  max-width: 100% !important;
}


/* v0.1.988: Pre-roll and game-break video ad package styling. */
.ga-advertise-packages--video {
  background:
    radial-gradient(circle at 12% 8%, rgba(11,92,255,.12), transparent 32%),
    radial-gradient(circle at 90% 0%, rgba(239,68,68,.12), transparent 30%),
    rgba(255,255,255,.96) !important;
}

.ga-advertise-section-lede {
  max-width: 920px;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
  line-height: 1.5;
  margin: .5rem 0 0;
}

.ga-sponsor-package-card--video {
  border-color: rgba(11,92,255,.24) !important;
  background:
    radial-gradient(circle at 14% 8%, rgba(11,92,255,.12), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(245,158,11,.14), transparent 30%),
    rgba(255,255,255,.97) !important;
}

.ga-sponsor-package-card--video .ga-sponsor-package-card__top span {
  background: linear-gradient(135deg, #0b5cff, #ef4444) !important;
}


/* v0.1.989: Package cards collect sponsor details and start Stripe checkout. */
.ga-sponsor-package-form {
  display: grid !important;
  gap: .55rem !important;
  margin-top: .35rem !important;
}

.ga-sponsor-package-form input[type="text"],
.ga-sponsor-package-form input[type="email"],
.ga-sponsor-package-form input[type="url"] {
  width: 100% !important;
  border-radius: 14px !important;
  border: 1px solid rgba(148,163,184,.42) !important;
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  padding: .62rem .72rem !important;
  font-weight: 850 !important;
}

.ga-sponsor-package-form input::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

.ga-sponsor-package-form input[type="submit"].ga-advertise-primary {
  border: 0 !important;
  cursor: pointer !important;
  width: 100% !important;
}


/* v0.1.990: Consistent gutters/margins for non-branded facility and schedulable-surface pages. */
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner {
  --ga-facility-content-max: 1280px;
  --ga-facility-content-gutter: clamp(1rem, 2vw, 1.5rem);
  width: min(100%, var(--ga-facility-content-max)) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  padding-inline: var(--ga-facility-content-gutter) !important;
  padding-block: clamp(.75rem, 1.5vw, 1.25rem) !important;
  box-sizing: border-box !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-hero,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-directory,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-network-board,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-grid,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-section {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-hero {
  margin-top: 0 !important;
  margin-bottom: clamp(.85rem, 1.6vw, 1.15rem) !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot {
  margin-top: 0 !important;
  margin-bottom: clamp(.85rem, 1.6vw, 1.15rem) !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-directory {
  padding-inline: 0 !important;
  margin-top: 0 !important;
  margin-bottom: clamp(.85rem, 1.6vw, 1.15rem) !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-network-board {
  margin-top: 0 !important;
  margin-bottom: clamp(1rem, 1.8vw, 1.3rem) !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-section,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-grid {
  margin-top: 0 !important;
  margin-bottom: clamp(1rem, 1.8vw, 1.3rem) !important;
}

/* Keep the live/news two-column board from becoming narrower than the rest of the page. */
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-live-board--with-news {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .9fr) !important;
  gap: clamp(1rem, 2vw, 1.25rem) !important;
  align-items: stretch !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-network-board__lead,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-network-board__side,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-featured-game-panel {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Media center should align to the same column, not appear offset/narrowed. */
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand #media,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-media-center,
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .media-center {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Undo older viewport-based ad constraints inside default facility pages. */
.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .ga-public-ad-slot {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

@media (max-width: 1100px) {
  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-live-board--with-news {
    grid-template-columns: 1fr !important;
  }

  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner {
    padding-inline: clamp(.75rem, 3vw, 1rem) !important;
  }
}


/* v0.1.991: Use facility whitespace as strategic right-rail ad inventory. */
@media (min-width: 1200px) {
  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 336px) !important;
    column-gap: clamp(1rem, 2vw, 1.5rem) !important;
    align-items: start !important;
  }

  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--hero,
  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-hub-hero,
  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-facility-location-directory,
  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .branded-network-board {
    grid-column: 1 / -1 !important;
  }

  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] {
    grid-column: 2 !important;
    grid-row: span 4 !important;
    align-self: start !important;
    position: sticky !important;
    top: 110px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 clamp(1rem, 1.8vw, 1.3rem) !important;
    min-height: 520px !important;
  }

  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] ~ .branded-hub-section,
  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] ~ .branded-hub-grid {
    grid-column: 1 !important;
  }

  /* Media center is a high-value wide section; let it return to full width after the rail area. */
  .ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] ~ #media {
    grid-column: 1 / -1 !important;
  }
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] .ga-public-ad-slot__content strong {
  font-size: clamp(1.4rem, 2vw, 2.05rem) !important;
}

.ga-page--studio-layout .branded-hub-shell.branded-hub-shell--venue.branded-hub-shell--default-brand .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] .ga-public-ad-slot__content span {
  font-size: .98rem !important;
}


/* v0.1.992: Major non-branded Facility / Field Location page cleanup.
   These pages should behave like signed-in public/studio pages, not branded microsites. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand {
  --facility-page-max: 1180px;
  --facility-gap: clamp(1rem, 1.8vw, 1.35rem);
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner {
  width: min(100%, var(--facility-page-max)) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
  gap: var(--facility-gap) !important;
  align-items: start !important;
}

/* Primary top blocks use the full studio content width. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--hero,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-hero,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-facility-location-directory,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-network-board {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Sponsor hero should feel like a page module, not a full billboard. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--hero {
  min-height: 88px !important;
  padding: 1rem 1.15rem !important;
  border-radius: 22px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--hero .ga-public-ad-slot__content strong {
  font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important;
  letter-spacing: -.02em !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--hero .ga-public-ad-slot__content span {
  font-size: .9rem !important;
}

/* Practical facility hero. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-hero {
  min-height: 250px !important;
  border-radius: 28px !important;
  padding: clamp(1.25rem, 2.6vw, 2.25rem) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: end !important;
  box-shadow: 0 22px 64px rgba(15,23,42,.16) !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-identity {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 760px !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-identity h1 {
  font-size: clamp(2.1rem, 3.35vw, 4rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
  max-width: 820px !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand.facility-studio-page--surface .branded-hub-identity h1 {
  font-size: clamp(1.9rem, 3vw, 3.4rem) !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-identity p {
  max-width: 680px !important;
  font-size: .98rem !important;
  line-height: 1.45 !important;
}

/* Directory / parent facility module. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-facility-location-directory {
  padding: 0 !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-facility-location-directory .branded-section-heading {
  margin-bottom: .55rem !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-facility-location-directory h2 {
  font-size: clamp(1.35rem, 1.9vw, 1.85rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -.025em !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-facility-location-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  gap: .75rem !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-facility-location-card {
  border-radius: 18px !important;
  padding: .85rem 1rem !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.06) !important;
}

/* Top activity/news board aligns and uses normal proportions. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-live-board--with-news {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .9fr) !important;
  gap: var(--facility-gap) !important;
  align-items: stretch !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-network-board__lead,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-network-board__side {
  border-radius: 26px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-activity-title {
  font-size: clamp(1.45rem, 2.15vw, 2.35rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -.032em !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-network-board__side h2,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-network-board__side h3 {
  font-size: clamp(1.35rem, 2vw, 2.05rem) !important;
  line-height: 1.08 !important;
}

/* Lower page creates a real main column + ad rail. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] {
  grid-column: 2 !important;
  grid-row: span 4 !important;
  position: sticky !important;
  top: 104px !important;
  align-self: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 440px !important;
  margin: 0 !important;
  border-radius: 26px !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] ~ .branded-hub-section,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] ~ .branded-hub-grid {
  grid-column: 1 !important;
}

/* All normal lower content cards should be consistent page modules. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-section,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-grid {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-section {
  border-radius: 24px !important;
  padding: clamp(1rem, 1.9vw, 1.35rem) !important;
  box-shadow: 0 14px 40px rgba(15,23,42,.07) !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-section h2 {
  font-size: clamp(1.4rem, 2vw, 2rem) !important;
  line-height: 1.1 !important;
}

/* Media center becomes a full-width finishing module and uses sane heading sizes. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #media,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-media-center,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .media-center {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #media h2,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-media-center h2,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .media-center h2 {
  font-size: clamp(1.6rem, 2.6vw, 2.65rem) !important;
  line-height: 1.05 !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #media h3,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-media-center h3,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .media-center h3 {
  font-size: clamp(1.25rem, 2vw, 2rem) !important;
  line-height: 1.08 !important;
}

/* Remove older conflicting v0.991/v0.990 large right gutter behavior. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .ga-public-ad-slot {
  box-sizing: border-box !important;
}

@media (max-width: 1199px) {
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    padding-inline: clamp(.75rem, 3vw, 1rem) !important;
  }

  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--hero,
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-hero,
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-facility-location-directory,
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-network-board,
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-section,
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-grid,
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"],
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #media {
    grid-column: 1 !important;
  }

  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] {
    position: relative !important;
    top: auto !important;
    min-height: auto !important;
  }

  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-live-board--with-news {
    grid-template-columns: 1fr !important;
  }
}


/* v0.1.993: Street map module for Facility and Field Location show pages. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 26px !important;
  padding: clamp(1rem, 1.9vw, 1.35rem) !important;
  background:
    radial-gradient(circle at 14% 4%, rgba(11,92,255,.10), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 60%, #eef6ff 100%) !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.08) !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-frame {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  border: 1px solid rgba(148,163,184,.34) !important;
  background: #e2e8f0 !important;
  min-height: clamp(260px, 31vw, 420px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-frame iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem .75rem !important;
  margin-top: .75rem !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: .88rem !important;
  font-weight: 800 !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: .25rem !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  padding: .38rem .62rem !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-meta strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000 !important;
}


/* v0.1.994: Facility / Field Location show layout refinement.
   Compact map, proper right utility rail, and wider useful main content. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand {
  --facility-page-max: 1240px;
  --facility-rail-width: clamp(280px, 25vw, 340px);
  --facility-gap: clamp(1rem, 1.8vw, 1.35rem);
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner {
  width: min(100%, var(--facility-page-max)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--facility-rail-width) !important;
  gap: var(--facility-gap) !important;
  align-items: start !important;
}

/* Full-width summary/top area. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--hero,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-hero,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-facility-location-directory,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-network-board {
  grid-column: 1 / -1 !important;
}

/* The utility rail starts after the activity/news board. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"],
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .facility-street-map-card {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] {
  position: relative !important;
  top: auto !important;
  min-height: 260px !important;
  padding: 1rem !important;
  border-radius: 24px !important;
  order: 50;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .facility-street-map-card {
  order: 51;
}

/* Main lower content stays in the wide left column. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] ~ .branded-hub-section,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] ~ .branded-hub-grid {
  grid-column: 1 !important;
}

/* Keep map in the right rail instead of a giant finishing section. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-card {
  padding: 1rem !important;
  border-radius: 24px !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-card .branded-section-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: .65rem !important;
  margin-bottom: .7rem !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-card .branded-section-heading h2 {
  font-size: clamp(1.25rem, 1.8vw, 1.6rem) !important;
  line-height: 1.08 !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-card .branded-section-heading .btn,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-card .branded-section-heading a.btn {
  width: fit-content !important;
  padding: .45rem .72rem !important;
  font-size: .86rem !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-frame {
  min-height: 210px !important;
  height: 230px !important;
  border-radius: 18px !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-meta {
  display: grid !important;
  gap: .4rem !important;
  margin-top: .65rem !important;
  font-size: .78rem !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-meta span {
  display: block !important;
  border-radius: 12px !important;
  padding: .45rem .55rem !important;
  overflow-wrap: anywhere !important;
}

/* Make status cards usable in the main column. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #status .branded-stat-grid,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #status .row,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #status [style*="grid-template-columns"] {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #status .branded-stat-card,
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #status .admin-object-card {
  min-width: 0 !important;
}

/* More consistent lower section typography. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-section .ga-kicker {
  font-size: .72rem !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .branded-hub-section h2 {
  font-size: clamp(1.35rem, 1.95vw, 1.85rem) !important;
}

/* Media should be wide only when it starts after the lower rail stack. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #media {
  grid-column: 1 / -1 !important;
  margin-top: .35rem !important;
}

/* Hide oversized rail ad circle treatment on this utility rail. */
.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"]::after {
  opacity: .35 !important;
}

.ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] .ga-public-ad-slot__cta {
  width: 100% !important;
  justify-content: center !important;
  border-radius: 16px !important;
  padding: .7rem .8rem !important;
}

@media (max-width: 1199px) {
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner {
    grid-template-columns: 1fr !important;
  }

  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"],
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .facility-street-map-card,
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] ~ .branded-hub-section,
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand > .branded-hub-inner > .ga-public-ad-slot--rail[data-ad-context="default_facility_right_rail"] ~ .branded-hub-grid,
  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand #media {
    grid-column: 1 !important;
  }

  .ga-page--studio-layout .facility-studio-page.branded-hub-shell--default-brand .facility-street-map-frame {
    height: 260px !important;
  }
}


/* v0.1.995: Purpose-built sports-hub layout for non-branded Facility / Field Location show pages. */
.facility-hub-redesign-v995 {
  width: min(100%, 1220px);
  margin: 0 auto;
  padding: clamp(1rem, 2vw, 1.35rem);
  display: grid;
  gap: clamp(1rem, 1.8vw, 1.35rem);
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.facility-hub-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  gap: 1rem;
  align-items: stretch;
  border-radius: 28px;
  background:
    radial-gradient(circle at 12% 12%, rgba(11,92,255,.14), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 58%, #eef6ff 100%);
  border: 1px solid rgba(148,163,184,.30);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  padding: clamp(1.15rem, 2.6vw, 2rem);
}

.facility-hub-header__main h1 {
  margin: .25rem 0 .4rem;
  font-size: clamp(2rem, 3.4vw, 4rem);
  line-height: 1;
  letter-spacing: -.052em;
  font-weight: 1000;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.facility-hub-header__main p {
  max-width: 760px;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
  line-height: 1.45;
}

.facility-hub-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .75rem;
}

.facility-hub-pills span,
.facility-hub-count-pill {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  background: #e0f2fe;
  border: 1px solid #bfdbfe;
  color: #0b5cff !important;
  -webkit-text-fill-color: #0b5cff !important;
  padding: .4rem .64rem;
  font-weight: 1000;
  font-size: .86rem;
}

.facility-hub-header__status {
  border-radius: 22px;
  background: #0f172a;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 1rem;
  display: grid;
  align-content: center;
  gap: .25rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.facility-hub-header__status span,
.facility-hub-header__status small {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-weight: 850;
}

.facility-hub-header__status strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
  font-weight: 1000;
}

.facility-hub-ad-strip .ga-public-ad-slot {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  min-height: 82px !important;
  border-radius: 22px !important;
  padding: 1rem 1.15rem !important;
}

.facility-hub-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: clamp(1rem, 1.8vw, 1.35rem);
  align-items: start;
}

.facility-hub-main,
.facility-hub-rail {
  display: grid;
  gap: clamp(1rem, 1.8vw, 1.35rem);
  min-width: 0;
}

.facility-hub-rail {
  position: sticky;
  top: 104px;
}

.facility-hub-card {
  border-radius: 26px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(148,163,184,.28);
  box-shadow: 0 16px 44px rgba(15,23,42,.08);
  padding: clamp(1rem, 1.8vw, 1.35rem);
  min-width: 0;
}

.facility-hub-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: .85rem;
}

.facility-hub-section-head h2,
.facility-hub-card h2 {
  margin: .2rem 0 0;
  font-size: clamp(1.45rem, 2.15vw, 2.2rem);
  line-height: 1.05;
  letter-spacing: -.035em;
  font-weight: 1000;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.facility-hub-card h3 {
  font-size: clamp(1.2rem, 1.8vw, 1.8rem);
  line-height: 1.08;
  letter-spacing: -.03em;
  font-weight: 1000;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.facility-hub-location-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: .75rem;
  margin-top: .75rem;
}

.facility-hub-location-card,
.facility-hub-list-row {
  display: grid;
  gap: .15rem;
  border-radius: 18px;
  background: #f8fafc;
  border: 1px solid rgba(148,163,184,.28);
  padding: .85rem 1rem;
  text-decoration: none;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.facility-hub-location-card strong,
.facility-hub-list-row strong {
  font-weight: 1000;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.facility-hub-location-card span,
.facility-hub-list-row span {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 850;
}

.facility-hub-card--activity {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .8fr);
  gap: 1rem;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.facility-hub-activity-panel,
.facility-hub-news-panel {
  border-radius: 26px;
  padding: clamp(1rem, 2vw, 1.35rem);
  min-width: 0;
  box-shadow: 0 16px 44px rgba(15,23,42,.09);
}

.facility-hub-activity-panel {
  background:
    radial-gradient(circle at 12% 8%, rgba(245,158,11,.24), transparent 30%),
    radial-gradient(circle at 86% 10%, rgba(11,92,255,.30), transparent 34%),
    linear-gradient(135deg, #111827 0%, #172554 100%);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.facility-hub-activity-panel h2,
.facility-hub-activity-panel p,
.facility-hub-activity-panel .ga-kicker {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.facility-hub-activity-panel h2 {
  font-size: clamp(1.45rem, 2.4vw, 2.45rem);
}

.facility-hub-news-panel {
  background: #ffffff;
  border: 1px solid rgba(148,163,184,.28);
}

.facility-hub-metric-grid,
.facility-hub-media-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}

.facility-hub-metric-grid > div,
.facility-hub-media-grid > section {
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.28);
  background: #f8fafc;
  padding: .9rem 1rem;
  min-width: 0;
}

.facility-hub-metric-grid span {
  display: block;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 850;
}

.facility-hub-metric-grid strong {
  display: block;
  margin-top: .2rem;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
}

.facility-hub-metric-grid small {
  display: block;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 800;
}

.facility-hub-list {
  display: grid;
  gap: .65rem;
}

.facility-hub-rail .ga-public-ad-slot {
  position: relative !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-radius: 24px !important;
  padding: 1rem !important;
}

.facility-hub-rail .ga-public-ad-slot .ga-public-ad-slot__content strong {
  font-size: clamp(1.25rem, 2vw, 1.8rem) !important;
}

.facility-hub-rail .ga-public-ad-slot .ga-public-ad-slot__cta {
  width: 100%;
  justify-content: center;
  border-radius: 16px;
}

.facility-hub-map-frame {
  position: relative;
  overflow: hidden;
  height: 230px;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.32);
  background: #e2e8f0;
}

.facility-hub-map-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.facility-hub-map-address {
  margin: .75rem 0 0;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
  line-height: 1.35;
}

.facility-hub-media-card {
  grid-column: 1 / -1;
}

.facility-hub-media-grid h3 {
  margin: .25rem 0 .35rem;
}

.facility-hub-media-grid p {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 850;
}

@media (max-width: 1200px) {
  .facility-hub-grid,
  .facility-hub-header,
  .facility-hub-card--activity {
    grid-template-columns: 1fr;
  }

  .facility-hub-rail {
    position: relative;
    top: auto;
  }

  .facility-hub-metric-grid,
  .facility-hub-media-grid {
    grid-template-columns: 1fr;
  }
}


/* v0.1.996: Remove extra left gutter from non-branded Facility / Field Location hub pages. */
.ga-studio-layout-main .facility-hub-redesign-v995,
.ga-page--studio-layout .facility-hub-redesign-v995 {
  margin-left: 0 !important;
  margin-right: auto !important;
  padding-left: 0 !important;
}

.ga-studio-layout-main .facility-hub-redesign-v995 {
  width: min(100%, 1220px) !important;
  max-width: 100% !important;
}

/* Keep a small right/bottom breathing room without creating a left inset. */
.ga-studio-layout-main .facility-hub-redesign-v995,
.ga-page--studio-layout .facility-hub-redesign-v995 {
  padding-right: clamp(.75rem, 1.8vw, 1.25rem) !important;
  padding-top: clamp(.75rem, 1.6vw, 1rem) !important;
  padding-bottom: clamp(1rem, 2vw, 1.35rem) !important;
}

/* Any sponsor/footer ad rendered outside the hub should also align to the main content edge. */
.ga-studio-layout-main > .ga-public-ad-slot,
.ga-page--studio-layout .ga-studio-layout-main > .ga-public-ad-slot {
  margin-left: 0 !important;
  margin-right: auto !important;
}


/* v0.1.997: Remove extra right gutter from non-branded Facility / Field Location hub pages. */
.ga-studio-layout-main .facility-hub-redesign-v995,
.ga-page--studio-layout .facility-hub-redesign-v995 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ga-studio-layout-main .facility-hub-redesign-v995 .facility-hub-header,
.ga-studio-layout-main .facility-hub-redesign-v995 .facility-hub-ad-strip,
.ga-studio-layout-main .facility-hub-redesign-v995 .facility-hub-grid,
.ga-studio-layout-main .facility-hub-redesign-v995 .facility-hub-media-card,
.ga-page--studio-layout .facility-hub-redesign-v995 .facility-hub-header,
.ga-page--studio-layout .facility-hub-redesign-v995 .facility-hub-ad-strip,
.ga-page--studio-layout .facility-hub-redesign-v995 .facility-hub-grid,
.ga-page--studio-layout .facility-hub-redesign-v995 .facility-hub-media-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Let the main/rail layout use the whole available studio main area. */
.ga-studio-layout-main .facility-hub-redesign-v995 .facility-hub-grid,
.ga-page--studio-layout .facility-hub-redesign-v995 .facility-hub-grid {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
}

/* Keep mobile stacking clean after removing horizontal gutters. */
@media (max-width: 1200px) {
  .ga-studio-layout-main .facility-hub-redesign-v995,
  .ga-page--studio-layout .facility-hub-redesign-v995 {
    padding-inline: 0 !important;
  }

  .ga-studio-layout-main .facility-hub-redesign-v995 .facility-hub-grid,
  .ga-page--studio-layout .facility-hub-redesign-v995 .facility-hub-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.0.1003: Compact surface/facility map labels and address-first map behavior. */
.facility-hub-map-card .facility-hub-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: .75rem !important;
}

.facility-hub-map-card .facility-hub-section-head h2 {
  font-size: clamp(1.2rem, 1.45vw, 1.55rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.025em !important;
  max-width: 100% !important;
}

.facility-hub-map-card .facility-hub-section-head .ga-kicker {
  font-size: .68rem !important;
  line-height: 1.1 !important;
  letter-spacing: .14em !important;
  white-space: normal !important;
}

.facility-hub-map-card .facility-hub-section-head .btn,
.facility-hub-map-card .facility-hub-section-head a.btn {
  padding: .46rem .7rem !important;
  min-height: 36px !important;
  font-size: .9rem !important;
  line-height: 1 !important;
}

.facility-hub-map-address {
  font-size: .9rem !important;
  line-height: 1.28 !important;
  overflow-wrap: anywhere !important;
}


/* v0.0.1004: Split surface header into parent facility and surface name lines. */
.facility-hub-header__main .facility-hub-split-title {
  display: grid !important;
  gap: .12rem !important;
  max-width: 100% !important;
}

.facility-hub-split-title__parent,
.facility-hub-split-title__surface {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.facility-hub-split-title__parent {
  font-size: clamp(2rem, 3.25vw, 3.85rem) !important;
  line-height: .98 !important;
  letter-spacing: -.052em !important;
}

.facility-hub-split-title__surface {
  width: fit-content !important;
  border-radius: 18px !important;
  background: #e0f2fe !important;
  border: 1px solid #bfdbfe !important;
  color: #0b5cff !important;
  -webkit-text-fill-color: #0b5cff !important;
  padding: .32rem .55rem .42rem !important;
  font-size: clamp(1.35rem, 2.25vw, 2.45rem) !important;
  line-height: 1 !important;
  letter-spacing: -.035em !important;
  margin-top: .25rem !important;
}

@media (max-width: 900px) {
  .facility-hub-split-title__parent {
    font-size: clamp(1.8rem, 8vw, 3rem) !important;
  }

  .facility-hub-split-title__surface {
    font-size: clamp(1.2rem, 6vw, 2rem) !important;
  }
}


/* v0.0.1005: Facility status appears before directory/location context. */
.facility-hub-main > #status:first-child {
  background:
    radial-gradient(circle at 12% 8%, rgba(34,197,94,.10), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 62%, #eef6ff 100%) !important;
}

.facility-hub-main > #status:first-child .facility-hub-metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}


/* v0.0.1006: Location Hub interactive directory redesign. */
.location-directory-command--redesign {
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(11,92,255,.16), transparent 32%),
    radial-gradient(circle at 90% 0%, rgba(245,158,11,.16), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 58%, #eef6ff 100%) !important;
  border: 1px solid rgba(148,163,184,.32) !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.10) !important;
  padding: clamp(1rem, 2.5vw, 1.6rem) !important;
  margin-bottom: 1.15rem !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.location-directory-command__hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(300px,420px);
  gap: clamp(1rem, 2vw, 1.25rem);
  align-items: stretch;
  margin-bottom: 1rem;
}

.location-directory-eyebrow {
  display: inline-flex;
  border-radius: 999px;
  background: #0f172a !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: .35rem .7rem;
  font-size: .7rem;
  font-weight: 1000;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.location-directory-command__hero h2 {
  margin: .55rem 0 .35rem;
  font-size: clamp(2rem, 4vw, 4.2rem);
  line-height: .95;
  letter-spacing: -.06em;
  font-weight: 1000;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.location-directory-command__hero p {
  max-width: 850px;
  margin: 0;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
  line-height: 1.45;
}

.location-directory-search-panel {
  display: grid;
  align-content: center;
  gap: .55rem;
  border-radius: 26px;
  background: #0f172a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
  padding: 1rem;
}

.location-directory-search-panel label,
.location-directory-search-panel small {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-weight: 900;
}

.location-directory-search-panel label {
  color: #f5c451 !important;
  -webkit-text-fill-color: #f5c451 !important;
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.location-directory-search-panel input {
  width: 100%;
  border-radius: 18px;
  background: #fff !important;
  border: 1px solid rgba(255,255,255,.72);
  padding: .85rem 1rem;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 900;
  outline: none;
}

.location-directory-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: .6rem;
  margin-bottom: .85rem;
}

.location-directory-metric {
  border: 1px solid rgba(148,163,184,.30);
  background: rgba(255,255,255,.86);
  border-radius: 20px;
  padding: .75rem .85rem;
  text-align: left;
  display: flex;
  justify-content: space-between;
  gap: .8rem;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(15,23,42,.06);
}

.location-directory-metric span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: .78rem;
  font-weight: 950;
}

.location-directory-metric strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 1.35rem;
  font-weight: 1000;
}

.location-directory-tools {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-bottom: 1rem;
}

.location-directory-command--redesign .location-directory-filter {
  border: 1px solid rgba(148,163,184,.42);
  background: rgba(255,255,255,.78);
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-radius: 999px;
  padding: .52rem .78rem;
  font-weight: 1000;
  letter-spacing: .01em;
}

.location-directory-command--redesign .location-directory-filter span {
  color: #0b5cff !important;
  -webkit-text-fill-color: #0b5cff !important;
  margin-left: .25rem;
}

.location-directory-command--redesign .location-directory-filter.is-active {
  background: #0b5cff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #0b5cff !important;
}

.location-directory-command--redesign .location-directory-filter.is-active span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.location-directory-lanes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem;
}

.location-directory-lane {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  border-radius: 26px;
  background: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(148,163,184,.30);
  box-shadow: 0 16px 40px rgba(15,23,42,.08);
  overflow: hidden;
  min-width: 0;
}

.location-directory-lane--priority {
  grid-column: span 1;
  border-color: rgba(11,92,255,.28);
  background:
    radial-gradient(circle at 10% 0%, rgba(11,92,255,.08), transparent 28%),
    rgba(255,255,255,.95) !important;
}

.location-directory-lane__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(148,163,184,.22);
}

.location-directory-lane__head span {
  display: block;
  color: #0b5cff !important;
  -webkit-text-fill-color: #0b5cff !important;
  font-size: .68rem;
  font-weight: 1000;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.location-directory-lane__head h3 {
  margin: .16rem 0 .2rem;
  font-size: clamp(1.2rem, 1.7vw, 1.75rem);
  line-height: 1.05;
  letter-spacing: -.035em;
  font-weight: 1000;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.location-directory-lane__head p {
  margin: 0;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-size: .84rem;
  font-weight: 850;
  line-height: 1.35;
}

.location-directory-lane__head > strong {
  align-self: flex-start;
  border-radius: 999px;
  background: #0f172a !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: .42rem .68rem;
  font-weight: 1000;
}

.location-directory-lane__body {
  display: grid;
  align-content: start;
  gap: .55rem;
  max-height: 520px;
  overflow: auto;
  padding: .85rem;
}

.location-directory-item {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  gap: .72rem;
  align-items: center;
  text-decoration: none;
  border-radius: 18px;
  background: #f8fafc !important;
  border: 1px solid rgba(148,163,184,.30);
  padding: .72rem .78rem;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.location-directory-item:hover {
  transform: translateY(-1px);
  border-color: rgba(11,92,255,.42);
  box-shadow: 0 12px 28px rgba(15,23,42,.08);
}

.location-directory-item__icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #e0f2fe !important;
  color: #0b5cff !important;
  -webkit-text-fill-color: #0b5cff !important;
  font-size: .78rem;
  font-weight: 1000;
}

.location-directory-item--surface .location-directory-item__icon {
  background: #dcfce7 !important;
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
}

.location-directory-item__main {
  min-width: 0;
  display: grid;
  gap: .12rem;
}

.location-directory-item__main strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
  line-height: 1.12;
}

.location-directory-item__main small,
.location-directory-item__main em {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-size: .82rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.25;
}

.location-directory-item__action {
  border-radius: 999px;
  border: 1px solid rgba(11,92,255,.25);
  background: #fff !important;
  color: #0b5cff !important;
  -webkit-text-fill-color: #0b5cff !important;
  padding: .34rem .55rem;
  font-size: .78rem;
  font-weight: 1000;
}

.location-directory-lane__more,
.location-directory-empty {
  border-radius: 16px;
  background: #f8fafc !important;
  border: 1px dashed rgba(148,163,184,.50);
  padding: .85rem;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
}

.location-directory-empty {
  display: grid;
  gap: .18rem;
}

.location-directory-empty strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

[data-location-directory-section].is-hidden,
[data-location-directory-item].is-hidden {
  display: none !important;
}

@media (min-width: 1280px) {
  .location-directory-lane--priority {
    grid-column: span 1;
  }
}

@media (max-width: 980px) {
  .location-directory-command__hero,
  .location-directory-lanes {
    grid-template-columns: 1fr;
  }

  .location-directory-item {
    grid-template-columns: 38px minmax(0,1fr);
  }

  .location-directory-item__action {
    grid-column: 2;
    width: fit-content;
  }
}




/* v0.0.1008: Remove redundant Location Hub metric button row. */
.location-directory-command--redesign .location-directory-tools {
  margin-top: .85rem !important;
  padding-top: .85rem !important;
  border-top: 1px solid rgba(148,163,184,.24) !important;
}

.location-directory-command--redesign .location-directory-filter {
  box-shadow: 0 10px 22px rgba(15,23,42,.05) !important;
}

/* Legacy metric styles remain harmless if older cached fragments render, but the row is no longer emitted. */
.location-directory-command--redesign .location-directory-overview {
  display: none !important;
}




/* v0.0.1010: Remove final stale Field locations group from Location Hub directory. */
.location-directory-command--redesign .location-directory-tools {
  gap: .5rem !important;
}


/* v0.0.1013: Fan Home gameboard uses scoreboard cards instead of full-width rows. */
.fan-scoreboard-card-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  gap: .85rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

.fan-scoreboard-card {
  display: grid !important;
  gap: .78rem !important;
  min-width: 0 !important;
  border-radius: 22px !important;
  padding: .95rem !important;
  text-decoration: none !important;
  background:
    radial-gradient(circle at 95% 4%, rgba(11,92,255,.11), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid #dbe6f3 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.06) !important;
}

.fan-scoreboard-card--live {
  border-color: rgba(11,92,255,.38) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(11,92,255,.18), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
}

.fan-scoreboard-card--final {
  background:
    radial-gradient(circle at 92% 0%, rgba(15,23,42,.09), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}

.fan-scoreboard-card__top,
.fan-scoreboard-card__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .65rem !important;
  min-width: 0 !important;
}

.fan-scoreboard-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  font-size: .66rem !important;
  font-weight: 1000 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  padding: .34rem .62rem !important;
  white-space: nowrap !important;
}

.fan-scoreboard-card--live .fan-scoreboard-status {
  background: #fee2e2 !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

.fan-scoreboard-card__top small,
.fan-scoreboard-card__footer small,
.fan-scoreboard-card__footer span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 900 !important;
  font-size: .78rem !important;
  line-height: 1.2 !important;
}

.fan-scoreboard-card__top small {
  white-space: nowrap !important;
}

.fan-scoreboard-card__footer {
  border-top: 1px solid rgba(148,163,184,.22) !important;
  padding-top: .65rem !important;
}

.fan-scoreboard-card__footer small {
  text-align: right !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}

.fan-scoreboard-teams {
  display: grid !important;
  gap: .4rem !important;
}

.fan-scoreboard-team {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .75rem !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  padding: .62rem .72rem !important;
  min-width: 0 !important;
}

.fan-scoreboard-team span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000 !important;
  line-height: 1.08 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.fan-scoreboard-team strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: clamp(1.45rem, 2.3vw, 2.2rem) !important;
  line-height: .95 !important;
  font-weight: 1000 !important;
  min-width: 2ch !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

@media (min-width: 1500px) {
  .fan-scoreboard-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .fan-scoreboard-card__top,
  .fan-scoreboard-card__footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .fan-scoreboard-card__footer small {
    text-align: left !important;
    white-space: normal !important;
  }
}


/* v0.0.1014: Fan Home For You section moved directly under hero. */
.fan-home-v2 > #updates.fan-panel-v2--updates {
  margin-top: clamp(1rem, 1.8vw, 1.25rem) !important;
  margin-bottom: 1rem !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(11,92,255,.10), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}

.fan-home-v2 > #updates .fan-update-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
}

.fan-home-v2 > #updates .fan-update-card--lead {
  grid-column: span 2 !important;
}

.fan-main-grid-v2--saved-explore {
  grid-template-columns: 1fr !important;
}

.fan-main-grid-v2--saved-explore .fan-side-stack-v2 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  gap: 1rem !important;
}

@media (max-width: 760px) {
  .fan-home-v2 > #updates .fan-update-card--lead {
    grid-column: span 1 !important;
  }
}


/* v0.0.1015: Race / cross country Fan Home cards do not show team score rows. */
.fan-scoreboard-card--race {
  background:
    radial-gradient(circle at 92% 0%, rgba(34,197,94,.16), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%) !important;
  border-color: rgba(34,197,94,.34) !important;
}

.fan-scoreboard-card--race .fan-scoreboard-status {
  background: #dcfce7 !important;
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
}

.fan-scoreboard-card--race.fan-scoreboard-card--live .fan-scoreboard-status {
  background: #fee2e2 !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

.fan-raceboard-card__body {
  display: grid !important;
  gap: .55rem !important;
}

.fan-raceboard-card__meet,
.fan-raceboard-card__focus {
  display: grid !important;
  gap: .2rem !important;
  border-radius: 16px !important;
  border: 1px solid rgba(34,197,94,.24) !important;
  background: rgba(255,255,255,.82) !important;
  padding: .68rem .78rem !important;
  min-width: 0 !important;
}

.fan-raceboard-card__meet span,
.fan-raceboard-card__focus span {
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
  font-size: .68rem !important;
  font-weight: 1000 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

.fan-raceboard-card__meet strong,
.fan-raceboard-card__focus strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000 !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}

.fan-raceboard-card__focus strong {
  font-size: clamp(1.05rem, 1.6vw, 1.35rem) !important;
}

.fan-raceboard-card__focus small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 900 !important;
  line-height: 1.24 !important;
}


/* v0.0.1016: Customer-facing cross country meet card messaging. */
.ga-xc-meetcard__results span strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.ga-xc-meetcard__results {
  line-height: 1.35 !important;
}


/* v0.0.1017: Racer profile horizontal layout, section spacing, and no-scroll results preview. */
.player-public-refresh .network-card,
.player-public-refresh .season-switcher,
.player-public-refresh .player-training-private-section,
.player-public-refresh section.mb-4 {
  margin-bottom: 1rem !important;
}

.player-public-refresh .row.g-4 {
  --bs-gutter-y: 1rem !important;
}

.player-profile-detail-grid--racer {
  align-items: start !important;
}

.player-profile-detail-grid--racer > main {
  min-width: 0 !important;
}

.player-profile-detail-grid--racer .schedule-board {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)) !important;
  gap: .85rem !important;
}

.player-profile-detail-grid--racer .network-card {
  border-radius: 26px !important;
}

.player-profile-detail-grid--racer .fan-metric {
  min-height: 0 !important;
}

.racer-pr-grid,
.racer-result-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr)) !important;
  gap: .75rem !important;
  width: 100% !important;
}

.racer-preview-block {
  display: grid !important;
  gap: .55rem !important;
}

.racer-result-card {
  display: grid !important;
  gap: .58rem !important;
  text-decoration: none !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 95% 0%, rgba(34,197,94,.10), transparent 32%),
    #f8fafc !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  padding: .85rem !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  min-width: 0 !important;
}

.racer-result-card__top,
.racer-result-card__footer {
  display: flex !important;
  justify-content: space-between !important;
  gap: .6rem !important;
  align-items: center !important;
}

.racer-result-card__top span {
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
  font-size: .72rem !important;
  font-weight: 1000 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
}

.racer-result-card__top strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 1.28rem !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.racer-result-card__meta {
  display: grid !important;
  gap: .15rem !important;
}

.racer-result-card__meta small,
.racer-result-card__footer span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.racer-result-card__footer {
  flex-wrap: wrap !important;
  border-top: 1px solid rgba(148,163,184,.22) !important;
  padding-top: .5rem !important;
}

.racer-result-card__footer strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.racer-result-card--empty {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 900 !important;
}


/* v0.0.1018: Player/Racer analysis tools live in Studio, not public profile. */
.player-studio-analysis-tools {
  background:
    radial-gradient(circle at 95% 0%, rgba(245,158,11,.12), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}

.player-studio-analysis-tools .analysis-link-card {
  display: grid !important;
  gap: .35rem !important;
  border-radius: 18px !important;
  border: 1px solid rgba(148,163,184,.30) !important;
  background: #ffffff !important;
  padding: 1rem !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.06) !important;
}

.player-studio-analysis-tools .analysis-link-card strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000 !important;
}

.player-studio-analysis-tools .analysis-link-card small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

.player-studio-analysis-tools .analysis-link-card--development {
  background: #fff7ed !important;
  border-color: rgba(245,158,11,.34) !important;
}


/* v0.0.1019: Public racer results header uses fan-facing count, not implementation copy. */
.racer-preview-block > .d-flex .ga-chip {
  background: #e0f2fe !important;
  border: 1px solid #bfdbfe !important;
  color: #075ec7 !important;
  -webkit-text-fill-color: #075ec7 !important;
  font-weight: 1000 !important;
}

/* v0.0.1020: Racer profile uses full-width public layout instead of wasting the right rail. */
.player-profile-detail-grid--racer {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.player-profile-detail-grid--racer > main {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.player-profile-detail-grid--racer .schedule-board {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)) !important;
  align-items: stretch !important;
}

.player-profile-detail-grid--racer .schedule-board .ga-gamecard,
.player-profile-detail-grid--racer .schedule-board .ga-xc-meetcard {
  height: 100% !important;
}

.racer-snapshot-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
  gap: 1rem !important;
  align-items: stretch !important;
}

.racer-snapshot-metrics {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(120px, 1fr)) !important;
  gap: .75rem !important;
  min-width: 0 !important;
}

.racer-metric-card {
  padding: .95rem !important;
  border-radius: 22px !important;
}

.racer-metric-card strong {
  font-size: clamp(1.85rem, 2.4vw, 2.45rem) !important;
}

.racer-bio-inline {
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.10), transparent 30%),
    #f8fafc !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  padding: 1rem !important;
  min-width: 0 !important;
}

.racer-bio-inline h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 1.2rem !important;
  font-weight: 1000 !important;
  margin: .55rem 0 .65rem !important;
}

.racer-bio-inline .bio-card-row {
  border-bottom-color: rgba(148,163,184,.28) !important;
  padding: .58rem 0 !important;
}

.player-profile-detail-grid--racer .racer-pr-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
}

.player-profile-detail-grid--racer .racer-result-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 285px), 1fr)) !important;
}

.player-profile-detail-grid--racer .racer-result-card {
  min-height: 156px !important;
}

@media (max-width: 1199.98px) {
  .racer-snapshot-grid {
    grid-template-columns: 1fr !important;
  }

  .racer-snapshot-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  .racer-snapshot-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v0.0.1021: Racer profile vertical rhythm and unified performance section. */
.player-public-refresh .network-card,
.player-public-refresh .season-switcher,
.player-public-refresh .player-training-private-section,
.player-public-refresh .player-profile-detail-grid--racer > main > section,
.player-public-refresh > .sport-stat-hub {
  margin-bottom: 1.75rem !important;
}

.player-public-refresh .player-profile-detail-grid--racer {
  display: grid !important;
  gap: 1.75rem !important;
}

.player-public-refresh .racer-performance-profile {
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 98% 0%, rgba(37,99,235,.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

.player-public-refresh .racer-performance-profile .racer-preview-block {
  border-top: 1px solid rgba(148,163,184,.22) !important;
  padding-top: 1.15rem !important;
}

.player-public-refresh .racer-meet-context-block {
  border-radius: 24px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  padding: 1rem !important;
}

.player-public-refresh .sport-stat-hub--embedded {
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.player-public-refresh .sport-stat-hub--embedded > .d-flex:first-child {
  margin-bottom: 1rem !important;
}

.player-public-refresh .sport-stat-hub--embedded .row.g-3 {
  --bs-gutter-x: .85rem !important;
  --bs-gutter-y: .85rem !important;
}

.player-public-refresh main > section.network-card {
  overflow: hidden !important;
}

.player-public-refresh .media-grid-pro {
  margin-top: .25rem !important;
}

/* v0.0.1022: Cross country racer profile details are gated behind authenticated runner, guardian, coach, team admin, organization admin, or site admin access. */

/* v0.0.1023: Player and racer profiles support restricted access plus cross country detailed-results privacy controls. */

/* v0.0.1025: fan home hero race cards should show race context, never team scores. */
.fan-score-strip--race {
  grid-template-columns: minmax(0, 1fr);
  gap: .25rem;
}

.fan-score-strip--race span {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .72rem;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

.fan-score-strip--race strong {
  font-size: clamp(1rem, 2.4cqi, 1.35rem);
  line-height: 1.05;
}

.fan-score-strip--race small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850;
}

/* v0.0.1026: Global page rhythm and gutter normalization.
   Keep sections from touching and give public/admin pages a shared spacing scale. */
:root {
  --ga-space-xs: clamp(.5rem, .7vw, .65rem);
  --ga-space-sm: clamp(.75rem, 1vw, 1rem);
  --ga-space-md: clamp(1rem, 1.35vw, 1.35rem);
  --ga-space-lg: clamp(1.35rem, 2vw, 2rem);
  --ga-space-xl: clamp(1.9rem, 3vw, 3rem);
  --ga-page-gutter: clamp(1rem, 2.75vw, 2.25rem);
  --ga-section-radius: clamp(22px, 2.2vw, 34px);
}

.ga-page {
  padding-inline: var(--ga-page-gutter) !important;
  padding-top: var(--ga-space-lg) !important;
  padding-bottom: clamp(3rem, 5vw, 5.5rem) !important;
}

.ga-page > .container,
.ga-page > .container-lg,
.ga-page > .container-xl,
.ga-page > .container-xxl {
  padding-inline: 0 !important;
}

.ga-page > * + *,
.home-channel-shell > * + *,
.player-public-refresh > * + *,
.branded-hub-inner > * + *,
.ga-admin-shell > main > * + *,
.ga-admin-shell > .ga-card + .ga-card,
.public-index-shell > * + *,
.public-show-shell > * + * {
  margin-top: var(--ga-space-lg) !important;
}

.ga-hero,
.fan-hero-v2,
.athlete-hero,
.branded-hub-hero,
.team-hero,
.league-hero,
.tournament-hero,
.gamecast-topper,
.studio-config-hero {
  margin-bottom: var(--ga-space-xl) !important;
  border-radius: var(--ga-section-radius) !important;
}

.ga-card,
.network-card,
.club-card,
.player-card,
.fan-panel-v2,
.season-switcher,
.player-training-private-section,
.branded-hub-section,
.ga-tournament-builder,
.studio-form-section,
.builder-panel {
  border-radius: var(--ga-section-radius) !important;
}

.ga-card,
.network-card,
.club-card,
.player-card,
.fan-panel-v2,
.season-switcher,
.player-training-private-section,
.branded-hub-section,
.ga-tournament-builder,
.studio-form-section,
.builder-panel,
.ga-panel {
  padding: clamp(1rem, 1.8vw, 1.55rem) !important;
}

.ga-card > *:last-child,
.network-card > *:last-child,
.club-card > *:last-child,
.player-card > *:last-child,
.fan-panel-v2 > *:last-child,
.season-switcher > *:last-child,
.player-training-private-section > *:last-child,
.branded-hub-section > *:last-child,
.ga-tournament-builder > *:last-child,
.studio-form-section > *:last-child,
.builder-panel > *:last-child,
.ga-panel > *:last-child {
  margin-bottom: 0 !important;
}

.ga-section-title,
.section-title,
.fan-section-head,
.branded-section-heading,
.facility-hub-section-head,
.studio-config-hero,
.builder-panel > h2:first-child,
.network-card > .d-flex:first-child,
.ga-card > .d-flex:first-child {
  margin-bottom: var(--ga-space-md) !important;
}

.fan-section-head,
.branded-section-heading,
.facility-hub-section-head,
.ga-card > .d-flex:first-child,
.network-card > .d-flex:first-child {
  gap: var(--ga-space-sm) !important;
}

.row.g-2,
.row.g-3,
.row.g-4,
.row.g-5 {
  --bs-gutter-x: var(--ga-space-md) !important;
  --bs-gutter-y: var(--ga-space-md) !important;
}

.fan-main-grid-v2,
.fan-team-card-grid,
.fan-update-grid,
.fan-scoreboard-grid,
.fan-side-stack-v2,
.media-grid-pro,
.schedule-board,
.racer-pr-grid,
.racer-result-grid,
.studio-toggle-grid,
.studio-module-grid,
.builder-mode-strip,
.branded-hub-grid,
.facility-hub-main-grid,
.facility-hub-media-grid,
.ga-command-grid {
  gap: var(--ga-space-md) !important;
}

.fan-home-v2,
.player-public-refresh,
.branded-hub-shell,
.home-channel-shell {
  width: 100% !important;
  max-width: none !important;
}

.player-public-refresh .network-card,
.player-public-refresh .season-switcher,
.player-public-refresh .player-training-private-section,
.player-public-refresh .player-profile-detail-grid--racer > main > section,
.player-public-refresh > .sport-stat-hub {
  margin-bottom: var(--ga-space-xl) !important;
}

.player-public-refresh .player-profile-detail-grid--racer,
.player-public-refresh .racer-preview-block,
.player-public-refresh .racer-meet-context-block,
.player-public-refresh .sport-stat-hub--embedded,
.player-public-refresh main,
.fan-home-v2,
.fan-panel-v2,
.home-channel-shell {
  display: grid;
  gap: var(--ga-space-lg) !important;
}

.player-public-refresh .racer-performance-profile .racer-preview-block,
.player-public-refresh .sport-stat-hub--embedded .row.g-3,
.player-public-refresh .media-grid-pro,
.player-public-refresh .schedule-board,
.player-public-refresh .racer-pr-grid,
.player-public-refresh .racer-result-grid {
  gap: var(--ga-space-md) !important;
}

.fan-home-v2 > #updates.fan-panel-v2--updates,
.player-public-refresh .athlete-hero,
.player-public-refresh .player-training-private-section,
.player-public-refresh main > section.network-card {
  margin-top: 0 !important;
}

@media (max-width: 767.98px) {
  .ga-page {
    padding-inline: clamp(.75rem, 4vw, 1rem) !important;
    padding-top: 1rem !important;
  }

  .ga-card,
  .network-card,
  .club-card,
  .player-card,
  .fan-panel-v2,
  .season-switcher,
  .player-training-private-section,
  .branded-hub-section,
  .ga-tournament-builder,
  .studio-form-section,
  .builder-panel,
  .ga-panel {
    padding: 1rem !important;
  }
}

/* v0.0.1026 correction: rhythm shells use gap as the source of truth. */
.home-channel-shell > *,
.fan-home-v2 > *,
.player-public-refresh > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.player-public-refresh .network-card,
.player-public-refresh .season-switcher,
.player-public-refresh .player-training-private-section,
.player-public-refresh .player-profile-detail-grid--racer > main > section,
.player-public-refresh > .sport-stat-hub {
  margin-bottom: 0 !important;
}

.player-public-refresh .player-profile-detail-grid--racer > main,
.player-public-refresh .player-profile-detail-grid--racer {
  display: grid !important;
  gap: var(--ga-space-lg) !important;
}


/* GAMEACTION360_V0_0_1027 SPORT-AWARE PLAYER/TEAM FACELIFT
   Shared page rhythm, horizontal card grids, and sport-context styling for baseball,
   softball, basketball, football, soccer, and hockey public player/team pages. */
.ga-sport-facelift {
  --ga-page-gutter: clamp(1rem, 3vw, 2.5rem);
  --ga-section-gap: clamp(1.15rem, 2.3vw, 2.15rem);
  --ga-card-pad: clamp(1.05rem, 2.1vw, 1.65rem);
  --ga-card-radius: 28px;
  --ga-sport-a: #0f172a;
  --ga-sport-b: #2563eb;
  --ga-sport-c: #f8fafc;
  width: 100%;
  display: grid;
  gap: var(--ga-section-gap);
  padding-inline: max(var(--ga-page-gutter), calc(50vw - 760px)) !important;
  padding-block: clamp(.75rem, 1.6vw, 1.4rem) clamp(2rem, 4vw, 4rem);
}
.ga-sport-facelift.ga-sport-baseball,
.ga-sport-facelift.ga-sport-softball { --ga-sport-a:#0f5132; --ga-sport-b:#f59e0b; --ga-sport-c:#ecfdf5; }
.ga-sport-facelift.ga-sport-basketball { --ga-sport-a:#9a3412; --ga-sport-b:#f97316; --ga-sport-c:#fff7ed; }
.ga-sport-facelift.ga-sport-american-football { --ga-sport-a:#14532d; --ga-sport-b:#84cc16; --ga-sport-c:#f7fee7; }
.ga-sport-facelift.ga-sport-soccer { --ga-sport-a:#064e3b; --ga-sport-b:#22c55e; --ga-sport-c:#ecfdf5; }
.ga-sport-facelift.ga-sport-hockey { --ga-sport-a:#0f3f66; --ga-sport-b:#38bdf8; --ga-sport-c:#f0f9ff; }
.ga-sport-facelift > .athlete-hero,
.ga-sport-facelift > .franchise-hero,
.ga-sport-facelift > .season-switcher,
.ga-sport-facelift > .network-card,
.ga-sport-facelift > .row,
.ga-sport-facelift > section,
.ga-sport-facelift > div:not(.row) { margin-block: 0 !important; }
.ga-sport-facelift .athlete-hero,
.ga-sport-facelift .franchise-hero {
  min-height: clamp(330px, 34vw, 520px);
  display: grid;
  align-items: center;
  border-radius: clamp(28px, 3vw, 42px) !important;
}
.ga-sport-facelift .athlete-hero::after,
.ga-sport-facelift .franchise-hero::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.78), transparent 72%);
}
.ga-sport-facelift.ga-sport-basketball .athlete-hero::after,
.ga-sport-facelift.ga-sport-basketball .franchise-hero::after { background-size: 64px 64px; }
.ga-sport-facelift.ga-sport-hockey .athlete-hero::after,
.ga-sport-facelift.ga-sport-hockey .franchise-hero::after { background-size: 88px 34px; }
.ga-sport-command-panel {
  border-radius: var(--ga-card-radius) !important;
  padding: var(--ga-card-pad) !important;
  background: linear-gradient(135deg, #fff 0%, var(--ga-sport-c) 100%) !important;
  border: 1px solid color-mix(in srgb, var(--ga-sport-a) 18%, transparent) !important;
  box-shadow: 0 20px 55px rgba(15, 23, 42, .10) !important;
}
.ga-sport-command-copy { max-width: 760px; }
.ga-sport-focus-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(90px, 1fr));
  gap: .65rem;
  width: min(100%, 620px);
}
.ga-sport-focus-strip span {
  display: grid;
  place-items: center;
  min-height: 4.25rem;
  border-radius: 20px;
  padding: .7rem .8rem;
  background: #fff !important;
  border: 1px solid color-mix(in srgb, var(--ga-sport-a) 16%, transparent) !important;
  color: var(--ga-sport-a) !important;
  -webkit-text-fill-color: var(--ga-sport-a) !important;
  font-weight: 1000;
  text-align: center;
  line-height: 1.05;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 24px rgba(15, 23, 42, .07);
}
.ga-sport-facelift .season-switcher,
.ga-sport-facelift .network-card {
  padding: var(--ga-card-pad) !important;
  border-radius: var(--ga-card-radius) !important;
}
.ga-sport-facelift .network-card + .network-card,
.ga-sport-facelift section + section,
.ga-sport-facelift .row + .network-card,
.ga-sport-facelift .network-card + .row { margin-top: 0 !important; }
.ga-top-stat-grid { --bs-gutter-x: .95rem; --bs-gutter-y: .95rem; }
.ga-sport-facelift .fan-metric {
  min-height: 126px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .45rem;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .08) !important;
}
.ga-sport-facelift .fan-metric span {
  color: var(--ga-sport-a) !important;
  -webkit-text-fill-color: var(--ga-sport-a) !important;
  letter-spacing: .13em;
  font-size: .72rem;
}
.ga-sport-facelift .fan-metric strong {
  font-size: clamp(1.55rem, 2.4vw, 2.45rem) !important;
  line-height: .95;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.ga-sport-facelift .fan-metric small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
.ga-balanced-detail-grid { --bs-gutter-x: var(--ga-section-gap); --bs-gutter-y: var(--ga-section-gap); }
.ga-sport-facelift .schedule-board,
.ga-sport-facelift .team-news-card,
.ga-sport-facelift .media-grid,
.ga-sport-facelift .roster-grid {
  display: grid;
  gap: .9rem;
}
.ga-sport-facelift .schedule-board {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}
.ga-sport-facelift .roster-grid,
.ga-sport-facelift .media-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}
.ga-sport-facelift .player-profile-detail-grid:not(.player-profile-detail-grid--racer) > main,
.ga-sport-facelift .team-profile-main { min-width: 0; }
.ga-sport-facelift .player-profile-detail-grid:not(.player-profile-detail-grid--racer) > aside,
.ga-sport-facelift .team-profile-sidebar { min-width: 320px; }
.ga-sport-facelift .ga-section-title { letter-spacing: -.04em; }
.ga-sport-facelift .ga-muted { max-width: 72ch; }
.ga-sport-facelift .btn,
.ga-sport-facelift .ga-chip,
.ga-sport-facelift .sport-context-chip,
.ga-sport-facelift .player-season-chip { border-radius: 999px !important; }
@media (min-width: 1200px) {
  .ga-sport-facelift .player-profile-detail-grid:not(.player-profile-detail-grid--racer) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 26vw);
  }
  .ga-sport-facelift .player-profile-detail-grid:not(.player-profile-detail-grid--racer) > main,
  .ga-sport-facelift .player-profile-detail-grid:not(.player-profile-detail-grid--racer) > aside { width: auto; max-width: none; }
}
@media (max-width: 991.98px) {
  .ga-sport-facelift { padding-inline: 1rem !important; }
  .ga-sport-focus-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .ga-sport-focus-strip span { min-height: 3.4rem; }
  .ga-sport-facelift .athlete-title,
  .ga-sport-facelift .franchise-title { font-size: clamp(2.5rem, 13vw, 4.5rem) !important; }
}

/* Game Action 360 v0.0.1032 — Cross country meet facelift */
.xc-meet-page {
  --xc-green: #16a34a;
  --xc-green-dark: #14532d;
  --xc-blue: #0284c7;
  --xc-ink: #0f172a;
  --xc-muted: #475569;
  max-width: 1540px;
  margin: 0 auto;
  padding: var(--ga-page-gutter-y, clamp(1rem, 2.4vw, 2rem)) var(--ga-page-gutter-x, clamp(1rem, 3vw, 2rem));
  display: grid;
  gap: var(--ga-section-gap, clamp(1.1rem, 2vw, 1.65rem));
}
.xc-meet-page .ga-section-shell {
  border-radius: var(--ga-section-radius, 32px) !important;
  padding: var(--ga-section-pad, clamp(1.1rem, 2.5vw, 1.8rem)) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08) !important;
}
.xc-meet-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 31vw);
  align-items: stretch;
  gap: var(--ga-section-gap, clamp(1.1rem, 2vw, 1.65rem));
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background:
    radial-gradient(circle at 15% 15%, rgba(34,197,94,.34), transparent 32%),
    radial-gradient(circle at 88% 8%, rgba(14,165,233,.28), transparent 34%),
    linear-gradient(135deg, #052e16 0%, #0f172a 58%, #111827 100%) !important;
  overflow: hidden;
}
.xc-meet-hero__content,
.xc-meet-hero__panel { min-width: 0; }
.xc-meet-pills,
.xc-meet-meta-row,
.xc-meet-actions,
.xc-race-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}
.xc-meet-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: .42rem .78rem;
  background: rgba(2, 6, 23, .68) !important;
  border: 1px solid rgba(255,255,255,.34);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .72rem;
  font-weight: 1000;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.xc-meet-pill--light {
  background: #fff !important;
  border-color: rgba(255,255,255,.8);
  color: #052e16 !important;
  -webkit-text-fill-color: #052e16 !important;
}
.xc-meet-kicker {
  margin-top: 1rem;
  color: #bbf7d0 !important;
  -webkit-text-fill-color: #bbf7d0 !important;
}
.xc-meet-hero h1 {
  margin: .2rem 0 .85rem;
  max-width: 14ch;
  font-size: clamp(2.45rem, 5vw, 4.8rem);
  line-height: .92;
  font-weight: 1000;
  letter-spacing: -.075em;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 4px 28px rgba(0,0,0,.7);
}
.xc-meet-meta-row {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  font-weight: 900;
  text-shadow: 0 2px 14px rgba(0,0,0,.45);
}
.xc-meet-meta-row span {
  display: inline-flex;
  align-items: center;
  min-height: 2.2rem;
  border-radius: 999px;
  padding: .36rem .72rem;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
}
.xc-meet-hero__panel {
  display: grid;
  align-content: space-between;
  gap: 1rem;
  border-radius: 28px;
  padding: clamp(1rem, 2vw, 1.35rem);
  background: rgba(255,255,255,.11);
  border: 1px solid rgba(255,255,255,.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 20px 60px rgba(0,0,0,.18);
}
.xc-meet-scoreline span,
.xc-meet-progress-grid span {
  display: block;
  font-size: .74rem;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #bbf7d0 !important;
  -webkit-text-fill-color: #bbf7d0 !important;
}
.xc-meet-scoreline strong {
  display: block;
  margin-top: .2rem;
  font-size: clamp(1.7rem, 3vw, 2.8rem);
  line-height: .95;
  font-weight: 1000;
  letter-spacing: -.055em;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.xc-meet-progress-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}
.xc-meet-progress-grid div {
  border-radius: 20px;
  background: rgba(255,255,255,.94);
  padding: .85rem;
  color: var(--xc-ink) !important;
  -webkit-text-fill-color: var(--xc-ink) !important;
}
.xc-meet-progress-grid strong {
  display: block;
  font-size: 1.85rem;
  line-height: .95;
  font-weight: 1000;
  color: var(--xc-ink) !important;
  -webkit-text-fill-color: var(--xc-ink) !important;
}
.xc-meet-progress-grid div span {
  margin-top: .25rem;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
.xc-meet-actions .btn { flex: 1 1 180px; border-radius: 999px !important; font-weight: 1000 !important; }
.xc-meet-actions .btn-outline-ga {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.5) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.xc-meet-share { margin: 0 !important; }
.xc-meet-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  margin-bottom: clamp(.9rem, 1.6vw, 1.25rem);
}
.xc-meet-section-heading h2,
.xc-race-card h3 {
  margin: 0;
  color: var(--xc-ink) !important;
  -webkit-text-fill-color: var(--xc-ink) !important;
  font-weight: 1000;
  letter-spacing: -.045em;
  line-height: 1;
}
.xc-meet-section-heading h2 { font-size: clamp(1.55rem, 2.7vw, 2.35rem); }
.xc-meet-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ga-card-gap, clamp(.75rem, 1.4vw, 1rem));
}
.xc-meet-stat-card,
.xc-race-card,
.xc-content-row,
.xc-gallery-row {
  border: 1px solid rgba(15,23,42,.10);
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}
.xc-meet-stat-card {
  min-height: 136px;
  border-radius: 24px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .55rem;
}
.xc-meet-stat-card span,
.xc-race-card .ga-kicker {
  color: var(--xc-green) !important;
  -webkit-text-fill-color: var(--xc-green) !important;
}
.xc-meet-stat-card span {
  font-size: .73rem;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.xc-meet-stat-card strong {
  display: block;
  color: var(--xc-ink) !important;
  -webkit-text-fill-color: var(--xc-ink) !important;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: .95;
  font-weight: 1000;
  letter-spacing: -.045em;
}
.xc-meet-stat-card small,
.xc-race-card small,
.xc-content-row small,
.xc-gallery-row small {
  color: var(--xc-muted) !important;
  -webkit-text-fill-color: var(--xc-muted) !important;
  font-weight: 850;
}
.xc-race-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
  gap: var(--ga-card-gap, clamp(.8rem, 1.5vw, 1.1rem));
}
.xc-race-card {
  border-radius: 26px;
  padding: clamp(.95rem, 1.8vw, 1.25rem);
  display: grid;
  gap: .95rem;
}
.xc-race-card__top {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
}
.xc-status-badge,
.xc-action-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: .42rem .72rem;
  font-size: .75rem;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;
}
.xc-status-badge.is-live { background: #dcfce7 !important; border: 1px solid #86efac; color: #14532d !important; -webkit-text-fill-color: #14532d !important; }
.xc-status-badge.is-final { background: #f0fdf4 !important; border: 1px solid #bbf7d0; color: #14532d !important; -webkit-text-fill-color: #14532d !important; }
.xc-status-badge.is-upcoming { background: #eef2ff !important; border: 1px solid #c7d2fe; color: #3730a3 !important; -webkit-text-fill-color: #3730a3 !important; }
.xc-race-card__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: .55rem;
}
.xc-race-card__metrics span {
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  padding: .7rem;
  color: var(--xc-muted) !important;
  -webkit-text-fill-color: var(--xc-muted) !important;
  font-weight: 900;
}
.xc-race-card__metrics strong {
  display: block;
  color: var(--xc-ink) !important;
  -webkit-text-fill-color: var(--xc-ink) !important;
  font-size: 1.2rem;
  font-weight: 1000;
}
.xc-top-finishers { display: grid; gap: .5rem; }
.xc-finisher-row {
  display: flex;
  justify-content: space-between;
  gap: .85rem;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  padding: .7rem .8rem;
}
.xc-finisher-row a,
.xc-gallery-row,
.xc-content-row { color: var(--xc-ink) !important; -webkit-text-fill-color: var(--xc-ink) !important; }
.xc-finisher-row small { display: block; }
.xc-finisher-row span {
  font-weight: 1000;
  color: var(--xc-green-dark) !important;
  -webkit-text-fill-color: var(--xc-green-dark) !important;
  white-space: nowrap;
}
.xc-empty-copy { margin: 0 !important; }
.xc-action-link { background: #ecfdf5; border: 1px solid #86efac; color: #14532d !important; -webkit-text-fill-color: #14532d !important; }
.xc-action-link--primary { background: #0f172a; border-color: #0f172a; color: #fff !important; -webkit-text-fill-color: #fff !important; }
.xc-meet-details-grid,
.xc-media-story-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: var(--ga-section-gap, clamp(1.1rem, 2vw, 1.65rem));
}
.xc-operations-list,
.xc-content-list { display: grid; gap: .7rem; }
.xc-operations-list span {
  border-radius: 18px;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  padding: .8rem;
  color: var(--xc-muted) !important;
  -webkit-text-fill-color: var(--xc-muted) !important;
  font-weight: 900;
}
.xc-operations-list strong { color: var(--xc-ink) !important; -webkit-text-fill-color: var(--xc-ink) !important; }
.xc-registration-table { border-radius: 22px; overflow: hidden; }
.xc-content-row,
.xc-gallery-row {
  display: grid;
  gap: .22rem;
  border-radius: 20px;
  padding: .85rem;
  text-decoration: none !important;
}
.xc-content-row strong,
.xc-gallery-row strong { font-weight: 1000; line-height: 1.08; }
.xc-content-row span { color: var(--xc-green-dark) !important; -webkit-text-fill-color: var(--xc-green-dark) !important; font-weight: 1000; }
.xc-gallery-row {
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  column-gap: .8rem;
}
.xc-gallery-row img,
.xc-gallery-row > span:first-child {
  width: 76px;
  height: 58px;
  border-radius: 16px;
  object-fit: cover;
  grid-row: span 2;
}
.xc-gallery-row > span:first-child {
  display: grid;
  place-items: center;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 1000;
  background: linear-gradient(135deg, var(--xc-green-dark), var(--xc-blue));
}
@media (max-width: 1199.98px) {
  .xc-meet-hero { grid-template-columns: 1fr; }
  .xc-meet-hero h1 { max-width: 100%; }
  .xc-meet-snapshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .xc-meet-page { padding-inline: 1rem; }
  .xc-meet-page .ga-section-shell { border-radius: 24px !important; }
  .xc-meet-hero h1 { font-size: clamp(2.25rem, 13vw, 3.5rem); }
  .xc-meet-section-heading,
  .xc-race-card__top { align-items: stretch; flex-direction: column; }
  .xc-meet-snapshot-grid,
  .xc-meet-progress-grid { grid-template-columns: 1fr; }
  .xc-gallery-row { grid-template-columns: 64px minmax(0, 1fr); }
  .xc-gallery-row img,
  .xc-gallery-row > span:first-child { width: 64px; height: 52px; }
}

/* v0.0.1033: RaceCenter/GameCenter section rhythm correction.
   Use grid gaps, not stacked Bootstrap margin utilities, so large rounded sections never touch. */
.gamecenter-hero {
  margin-bottom: clamp(1.75rem, 3vw, 3rem) !important;
}

.gamecenter-hero + .ad-slot,
.gamecenter-hero + [class*="ad-slot"] {
  margin-bottom: clamp(1.25rem, 2.3vw, 2.25rem) !important;
}

.ga-share-outside-hero {
  margin-top: clamp(1.25rem, 2.3vw, 2.25rem) !important;
  margin-bottom: clamp(1.75rem, 3vw, 3rem) !important;
}

.gamecenter-detail-grid {
  --gamecenter-section-gap: clamp(1.75rem, 3vw, 3rem);
  --bs-gutter-x: var(--gamecenter-section-gap) !important;
  --bs-gutter-y: var(--gamecenter-section-gap) !important;
  align-items: start !important;
  margin-top: 0 !important;
}

.gamecenter-detail-grid > [class*="col-"] {
  display: grid !important;
  gap: var(--gamecenter-section-gap) !important;
  align-content: start !important;
  min-width: 0 !important;
}

.gamecenter-detail-grid > [class*="col-"] > .network-card,
.gamecenter-detail-grid > [class*="col-"] > .sport-stat-hub,
.gamecenter-detail-grid > [class*="col-"] > .sponsor-panel,
.gamecenter-detail-grid > [class*="col-"] > section,
.gamecenter-detail-grid > [class*="col-"] > aside,
.gamecenter-detail-grid > [class*="col-"] > div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.gamecenter-detail-grid .network-card,
.gamecenter-detail-grid .sport-stat-hub,
.gamecenter-detail-grid .sponsor-panel {
  border-radius: clamp(26px, 3vw, 38px) !important;
}

.racecenter-detail-grid {
  --gamecenter-section-gap: clamp(2rem, 3.2vw, 3.35rem);
}

.racecenter-detail-grid .network-card,
.racecenter-detail-grid .sport-stat-hub,
.racecenter-detail-grid .sponsor-panel {
  box-shadow: 0 22px 60px rgba(15, 23, 42, .08) !important;
}

.racecenter-detail-grid .gamecenter-live-card,
.racecenter-detail-grid .gamecenter-live-feed,
.racecenter-detail-grid .sport-stat-hub {
  padding: clamp(1.25rem, 2.5vw, 2rem) !important;
}

@media (max-width: 767.98px) {
  .gamecenter-hero,
  .ga-share-outside-hero,
  .gamecenter-detail-grid,
  .racecenter-detail-grid {
    --gamecenter-section-gap: 1.35rem;
  }

  .gamecenter-detail-grid > [class*="col-"] {
    gap: var(--gamecenter-section-gap) !important;
  }
}

/* v0.0.1048: Use the facility map rail as a useful local information stack instead of leaving empty vertical space below the map. */
.facility-hub-rail-card {
  display: grid;
  gap: .85rem;
}

.facility-hub-rail-summary {
  display: grid;
  grid-template-columns: 1fr;
  gap: .55rem;
}

.facility-hub-rail-summary span,
.facility-hub-rail-event {
  display: grid;
  gap: .16rem;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid rgba(148,163,184,.28);
  padding: .72rem .82rem;
  text-decoration: none;
  min-width: 0;
}

.facility-hub-rail-summary small,
.facility-hub-rail-event span {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 850;
  line-height: 1.25;
}

.facility-hub-rail-summary strong,
.facility-hub-rail-event strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000;
  line-height: 1.08;
}

.facility-hub-rail-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
}

.facility-hub-rail-actions .btn {
  min-width: 0;
  padding-inline: .45rem !important;
  justify-content: center;
}

.facility-hub-rail-list {
  display: grid;
  gap: .55rem;
}

.facility-hub-rail-event:hover {
  transform: translateY(-1px);
  border-color: rgba(11,92,255,.32);
  box-shadow: 0 10px 22px rgba(15,23,42,.07);
}

@media (max-width: 1200px) {
  .facility-hub-rail-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .facility-hub-rail-summary,
  .facility-hub-rail-actions {
    grid-template-columns: 1fr;
  }
}

/* Game Action 360 v0.0.1049 — Cross country meet share rhythm
   Keep the RaceCenter share control available without turning it into a large spacer between the hero and meet snapshot. */
.xc-meet-page > .ga-share-outside-hero.xc-meet-share {
  margin-top: -0.95rem !important;
  margin-bottom: -0.45rem !important;
  padding-left: clamp(.15rem, .6vw, .35rem) !important;
  padding-right: clamp(.15rem, .6vw, .35rem) !important;
}

.xc-meet-page > .ga-share-outside-hero.xc-meet-share .ga-social-share.ga-social-share--tucked {
  margin: 0 !important;
}

.xc-meet-page > .ga-share-outside-hero.xc-meet-share .ga-social-share--tucked .ga-social-share__trigger {
  min-height: 34px;
  padding: .42rem .68rem;
  box-shadow: 0 8px 18px rgba(15,23,42,.08) !important;
}

@media (max-width: 760px) {
  .xc-meet-page > .ga-share-outside-hero.xc-meet-share {
    margin-top: -.6rem !important;
    margin-bottom: -.2rem !important;
  }
}


/* Game Action 360 v0.0.1063 — RaceCenter post-hero spacing
   Keep the Share RaceCenter utility close to the hero/sponsor stack instead of creating a large empty row. */
.xc-meet-post-hero-stack {
  display: grid;
  gap: clamp(.7rem, 1.1vw, 1rem);
  margin-top: calc(-1 * clamp(.45rem, .9vw, .75rem));
  margin-bottom: 0;
}

.xc-meet-post-hero-stack > .ga-share-outside-hero.xc-meet-share {
  margin: 0 !important;
  padding-inline: clamp(.15rem, .6vw, .35rem) !important;
}

.xc-meet-post-hero-stack > .xc-meet-sponsor-after-hero {
  margin: 0 !important;
}

.xc-meet-post-hero-stack > .xc-meet-sponsor-after-hero .ga-public-ad-slot {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.xc-meet-post-hero-stack .ga-social-share.ga-social-share--tucked {
  margin: 0 !important;
}

.xc-meet-post-hero-stack .ga-social-share--tucked .ga-social-share__trigger {
  min-height: 34px;
  padding: .42rem .68rem;
  box-shadow: 0 8px 18px rgba(15,23,42,.08) !important;
}

@media (max-width: 760px) {
  .xc-meet-post-hero-stack {
    gap: .65rem;
    margin-top: -.35rem;
  }
}


/* Game Action 360 v0.0.1064 — GameCenter/RaceCenter post-hero share rhythm
   The share utility should not create its own large row. It now sits in a tight
   post-hero stack above the sponsor showcase, with the sponsor and next content
   section carrying the page rhythm. */
.gamecenter-post-hero-stack {
  display: grid;
  gap: clamp(.55rem, 1vw, .85rem);
  margin-top: calc(-1 * clamp(.65rem, 1.2vw, 1rem));
  margin-bottom: clamp(1.15rem, 2vw, 1.7rem);
}

.gamecenter-post-hero-stack > .ga-share-outside-hero.gamecenter-share-after-hero {
  margin: 0 !important;
  padding-left: clamp(.15rem, .6vw, .35rem) !important;
  padding-right: clamp(.15rem, .6vw, .35rem) !important;
}

.gamecenter-post-hero-stack .ga-social-share.ga-social-share--tucked {
  margin: 0 !important;
}

.gamecenter-post-hero-stack .ga-social-share--tucked .ga-social-share__trigger {
  min-height: 34px;
  padding: .42rem .68rem;
  box-shadow: 0 8px 18px rgba(15,23,42,.08) !important;
}

.gamecenter-post-hero-stack > .gamecenter-sponsor-after-hero {
  margin: 0 !important;
}

.gamecenter-post-hero-stack > .gamecenter-sponsor-after-hero .ga-public-ad-slot {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.gamecenter-post-hero-stack + .gamecenter-detail-grid {
  margin-top: 0 !important;
}

.racecenter-post-hero-stack {
  gap: clamp(.5rem, .85vw, .75rem);
}

@media (max-width: 760px) {
  .gamecenter-post-hero-stack {
    gap: .55rem;
    margin-top: -.45rem;
    margin-bottom: 1rem;
  }
}

/* v0.0.1073 GLOBAL FORM CHECKBOX / SWITCH POLISH */
.form-check,
.studio-check-line,
.auto-clip-feed-check,
.system-studio-switch {
  min-height: 0;
}

.form-check:not(.form-switch),
.studio-check-line,
.auto-clip-feed-check {
  display: flex !important;
  align-items: flex-start !important;
  gap: .65rem !important;
  padding: .72rem .82rem !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 16px !important;
  background: rgba(248, 250, 252, .88) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  line-height: 1.25 !important;
}

.form-check:not(.form-switch):has(.form-check-input:checked),
.studio-check-line:has(.form-check-input:checked),
.auto-clip-feed-check:has(.form-check-input:checked) {
  border-color: rgba(37, 99, 235, .46) !important;
  background: linear-gradient(135deg, rgba(239, 246, 255, .96), rgba(248, 250, 252, .96)) !important;
  box-shadow: 0 10px 28px rgba(37, 99, 235, .08) !important;
}

.form-check-input[type="checkbox"],
.studio-check-line .form-check-input[type="checkbox"],
.auto-clip-feed-check .form-check-input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 1.18rem !important;
  height: 1.18rem !important;
  min-width: 1.18rem !important;
  margin: .05rem 0 0 0 !important;
  border-radius: .38rem !important;
  border: 2px solid rgba(100, 116, 139, .72) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .08) !important;
  position: relative !important;
}

.form-check-input[type="checkbox"]:checked,
.studio-check-line .form-check-input[type="checkbox"]:checked,
.auto-clip-feed-check .form-check-input[type="checkbox"]:checked,
body.ga-light-theme .form-check-input[type="checkbox"]:checked {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  background-image: none !important;
}

.form-check-input[type="checkbox"]:checked::after,
.studio-check-line .form-check-input[type="checkbox"]:checked::after,
.auto-clip-feed-check .form-check-input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: .31rem;
  top: .12rem;
  width: .36rem;
  height: .64rem;
  border: solid #ffffff;
  border-width: 0 .15rem .15rem 0;
  transform: rotate(45deg);
}

.form-check-input[type="radio"] {
  width: 1.18rem !important;
  height: 1.18rem !important;
  min-width: 1.18rem !important;
  margin: .05rem 0 0 0 !important;
  border: 2px solid rgba(100, 116, 139, .72) !important;
  background-color: #ffffff !important;
}

.form-check-input[type="radio"]:checked,
body.ga-light-theme .form-check-input[type="radio"]:checked {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}

.form-check-label,
.form-check span,
.studio-check-line span,
.auto-clip-feed-check span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

.form-check small,
.studio-check-line small,
.auto-clip-feed-check small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

.form-switch {
  display: flex !important;
  align-items: center !important;
  gap: .7rem !important;
  padding: .72rem .82rem !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 999px !important;
  background: rgba(248, 250, 252, .9) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.form-switch .form-check-input {
  width: 2.85rem !important;
  height: 1.45rem !important;
  min-width: 2.85rem !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 2px solid rgba(100, 116, 139, .48) !important;
  background-color: #cbd5e1 !important;
  background-image: none !important;
  position: relative !important;
}

.form-switch .form-check-input::before {
  content: "";
  position: absolute;
  width: .95rem;
  height: .95rem;
  left: .17rem;
  top: .16rem;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .22);
  transition: transform .16s ease;
}

.form-switch .form-check-input:checked,
body.ga-light-theme .form-switch .form-check-input:checked {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  background-image: none !important;
}

.form-switch .form-check-input:checked::before {
  transform: translateX(1.35rem);
}

.form-check-input:focus,
.form-switch .form-check-input:focus,
.studio-check-line .form-check-input:focus,
body.ga-light-theme .form-check-input:focus {
  outline: none !important;
  box-shadow: 0 0 0 .22rem rgba(37, 99, 235, .20) !important;
}

.ga-admin-shell .form-check,
.ga-admin-shell .studio-check-line,
.ga-admin-shell .form-switch {
  width: 100%;
}

@media (max-width: 575.98px) {
  .form-check:not(.form-switch),
  .studio-check-line,
  .auto-clip-feed-check,
  .form-switch {
    padding: .65rem .72rem !important;
    border-radius: 14px !important;
  }
}


/* v0.0.1093: Studio sidebar can be hidden when the page needs more workspace. */
.ga-studio-layout-shell {
  position: relative !important;
}

.ga-studio-sidebar-toggle {
  position: sticky !important;
  top: 76px !important;
  z-index: 30 !important;
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.94) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.12) !important;
  padding: .52rem .78rem !important;
  font-weight: 1000 !important;
  font-size: .78rem !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  margin-bottom: calc(-1 * clamp(.45rem, 1vw, .75rem)) !important;
  cursor: pointer !important;
}

.ga-studio-sidebar-toggle:hover,
.ga-studio-sidebar-toggle:focus-visible {
  border-color: #93c5fd !important;
  box-shadow: 0 16px 38px rgba(37,99,235,.18) !important;
  outline: none !important;
}

.ga-studio-sidebar-toggle-icon {
  width: 1.45rem !important;
  height: 1.45rem !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .78rem !important;
}

.ga-studio-layout-shell.is-sidebar-hidden {
  grid-template-columns: minmax(0, 1fr) !important;
}

.ga-studio-layout-shell.is-sidebar-hidden > .studio-sidebar-pro {
  display: none !important;
}

.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-layout-main {
  grid-column: 1 / -1 !important;
}

@media (min-width: 1101px) {
  .ga-studio-layout-shell:not(.is-sidebar-hidden) > .ga-studio-sidebar-toggle {
    margin-left: .1rem !important;
  }
}

@media (max-width: 1100px) {
  .ga-studio-sidebar-toggle {
    position: relative !important;
    top: auto !important;
    margin-bottom: -.35rem !important;
  }
  .ga-studio-layout-shell.is-sidebar-hidden > .studio-sidebar-pro {
    display: none !important;
  }
}


/* v0.0.1095: Studio sidebar toggle belongs inside the sidebar, not above it. */
.ga-sidebar-action-row {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin: 0 0 .75rem !important;
}

.ga-studio-sidebar-toggle.ga-studio-sidebar-toggle--inside {
  position: static !important;
  top: auto !important;
  grid-column: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
  padding: .44rem .64rem !important;
  font-size: .72rem !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.10) !important;
  background: #f8fafc !important;
}

.ga-studio-sidebar-toggle.ga-studio-sidebar-show-tab {
  position: sticky !important;
  top: 76px !important;
  z-index: 35 !important;
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  margin: 0 0 -.35rem !important;
}

.ga-studio-layout-shell:not(.is-sidebar-hidden) > .ga-studio-sidebar-show-tab {
  display: none !important;
}

.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  display: inline-flex !important;
}

.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab[hidden] {
  display: none !important;
}

@media (max-width: 1100px) {
  .ga-studio-sidebar-toggle.ga-studio-sidebar-show-tab {
    position: relative !important;
    top: auto !important;
  }
}


/* v0.0.1098: Keep the collapsed Studio sidebar show control from consuming page height. */
.ga-studio-layout-shell.is-sidebar-hidden {
  position: relative !important;
}

.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  position: absolute !important;
  top: clamp(.55rem, 1.2vw, .9rem) !important;
  left: clamp(.75rem, 1.5vw, 1.15rem) !important;
  z-index: 40 !important;
  grid-column: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
  transform: none !important;
}

.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-layout-main {
  grid-row: 1 !important;
  grid-column: 1 / -1 !important;
}

.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-layout-main > :first-child {
  margin-top: 0 !important;
}

@media (max-width: 1100px) {
  .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
    position: absolute !important;
    top: .55rem !important;
    left: .75rem !important;
  }
}


/* v0.0.1101: tighten hidden Studio menu tab, wider news grids, and remove Watch/Photos badge vertical space. */
.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  top: calc(-1 * clamp(2rem, 3.2vw, 2.9rem)) !important;
  left: clamp(.65rem, 1.2vw, 1rem) !important;
}

.news-page-shell {
  width: min(100%, 1880px) !important;
  padding-inline: clamp(.8rem, 2vw, 2.2rem) !important;
}

.news-page-shell .news-channel-hero .row > .col-xl-7 {
  flex: 0 0 auto !important;
  width: 62% !important;
}

.news-page-shell .news-channel-hero .row > .col-xl-5 {
  flex: 0 0 auto !important;
  width: 38% !important;
}

.news-page-shell .news-channel-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 330px) !important;
  gap: clamp(.85rem, 1.5vw, 1.35rem) !important;
}

.news-page-shell .news-story-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)) !important;
  gap: clamp(.75rem, 1.1vw, 1rem) !important;
  align-items: stretch !important;
}

.news-page-shell .news-story-grid-item {
  min-width: 0 !important;
}

.news-page-shell .news-story-grid-item--full {
  grid-column: 1 / -1 !important;
}

.news-page-shell .news-story-card {
  height: 100% !important;
}

.news-page-shell .news-story-image {
  min-height: clamp(145px, 12vw, 180px) !important;
}

.news-page-shell .news-story-body {
  padding: clamp(.85rem, 1vw, 1rem) !important;
}

.news-page-shell .news-story-body h3 {
  font-size: clamp(1.05rem, 1.15vw, 1.28rem) !important;
  line-height: 1.02 !important;
}

.media-channel-shell .media-channel-hero {
  padding-top: 0 !important;
}

@media (min-width: 1700px) {
  .news-page-shell .news-story-grid {
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)) !important;
  }
}

@media (max-width: 1199.98px) {
  .news-page-shell .news-channel-hero .row > .col-xl-7,
  .news-page-shell .news-channel-hero .row > .col-xl-5 {
    width: 100% !important;
  }
}

@media (max-width: 991.98px) {
  .news-page-shell .news-channel-grid {
    grid-template-columns: 1fr !important;
  }
  .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
    top: -2.2rem !important;
  }
}

/* v0.0.1102: Responsive top nav collapse and Studio show-menu tab positioning. */
.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  top: clamp(.55rem, 1vw, .85rem) !important;
  left: clamp(.55rem, 1vw, .95rem) !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 991.98px) {
  .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
    top: .5rem !important;
    left: .65rem !important;
    transform: none !important;
  }

  .ga-navbar .ga-ticker--nav,
  .ga-navbar .ga-ticker--games,
  .ga-navbar .ga-ticker-all {
    display: none !important;
  }

  .ga-navbar .navbar-collapse {
    overflow: hidden !important;
  }

  .ga-navbar .ga-navbar-menu-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
    min-width: 0 !important;
  }

  .ga-navbar .ga-public-nav-groups {
    width: 100% !important;
    margin-left: 0 !important;
    min-width: 0 !important;
  }

  .ga-navbar .ga-public-nav-media {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    border-radius: 22px !important;
    padding: .35rem !important;
    gap: .35rem !important;
    min-width: 0 !important;
  }

  .ga-navbar .ga-public-nav-media .nav-item,
  .ga-navbar .ga-public-nav-media .nav-link {
    min-width: 0 !important;
    width: 100% !important;
    text-align: center !important;
  }

  .ga-navbar .ga-public-nav-media .nav-link {
    padding: .55rem .4rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ga-navbar .ga-public-nav-directory {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    width: 100% !important;
    gap: .35rem !important;
    min-width: 0 !important;
  }

  .ga-navbar .ga-public-nav-directory .nav-link {
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    text-align: center !important;
    padding: .55rem .65rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ga-navbar .ga-public-nav-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .ga-navbar .ga-public-nav-actions .btn,
  .ga-navbar .ga-public-nav-actions form,
  .ga-navbar .ga-public-nav-actions form .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}

@media (max-width: 480px) {
  .ga-navbar .ga-public-nav-media {
    grid-template-columns: 1fr !important;
  }
  .ga-navbar .ga-public-nav-directory {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* v0.0.1103: Collapse the public navigation before right-side actions can layer over links,
   and keep the hidden Studio menu tab out of hero content. */
@media (min-width: 1400px) {
  .ga-navbar .ga-navbar-menu-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: clamp(.5rem, 1vw, .9rem) !important;
    align-items: center !important;
  }

  .ga-navbar .ga-public-nav-directory .nav-link,
  .ga-navbar .ga-public-nav-media .nav-link {
    padding-inline: clamp(.42rem, .65vw, .72rem) !important;
    font-size: clamp(.86rem, .88vw, .98rem) !important;
    white-space: nowrap !important;
  }

  .ga-navbar .ga-public-nav-actions {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  .ga-navbar .ga-public-nav-actions .btn,
  .ga-navbar .ga-public-nav-actions form .btn {
    padding-inline: clamp(.72rem, .9vw, 1.05rem) !important;
  }
}

@media (max-width: 1399.98px) {
  .ga-navbar .ga-ticker--nav,
  .ga-navbar .ga-ticker--games,
  .ga-navbar .ga-ticker-all {
    display: none !important;
  }

  .ga-navbar .navbar-collapse {
    overflow: hidden !important;
  }

  .ga-navbar .ga-navbar-menu-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .ga-navbar .ga-public-nav-groups {
    width: 100% !important;
    margin-left: 0 !important;
    min-width: 0 !important;
  }

  .ga-navbar .ga-public-nav-media {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    border-radius: 22px !important;
    padding: .35rem !important;
    gap: .35rem !important;
    min-width: 0 !important;
  }

  .ga-navbar .ga-public-nav-media .nav-item,
  .ga-navbar .ga-public-nav-media .nav-link {
    min-width: 0 !important;
    width: 100% !important;
    text-align: center !important;
  }

  .ga-navbar .ga-public-nav-media .nav-link {
    padding: .55rem .4rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ga-navbar .ga-public-nav-directory {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    width: 100% !important;
    gap: .35rem !important;
    min-width: 0 !important;
  }

  .ga-navbar .ga-public-nav-directory .nav-link {
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    text-align: center !important;
    padding: .55rem .65rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ga-navbar .ga-public-nav-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .ga-navbar .ga-public-nav-actions .btn,
  .ga-navbar .ga-public-nav-actions form,
  .ga-navbar .ga-public-nav-actions form .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}

.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  position: fixed !important;
  top: clamp(7.1rem, 9vh, 8.4rem) !important;
  left: clamp(.45rem, .8vw, .75rem) !important;
  transform: none !important;
  z-index: 60 !important;
  margin: 0 !important;
}

@media (max-width: 1399.98px) {
  .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
    top: clamp(6.2rem, 8vh, 7.4rem) !important;
    left: .5rem !important;
  }
}

@media (max-width: 720px) {
  .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
    top: 5.25rem !important;
    left: .45rem !important;
  }

  .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab span[data-studio-sidebar-toggle-text] {
    display: none !important;
  }
}


/* v0.0.1104: Hard stop top navigation overlap and move hidden Studio menu tab away from page heroes. */
@media (max-width: 1799.98px) {
  html body .ga-navbar.navbar-expand-xxl .navbar-toggler,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-toggler {
    display: block !important;
  }

  html body .ga-navbar.navbar-expand-xxl .navbar-collapse,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-collapse {
    display: none !important;
    flex-basis: 100% !important;
    width: 100% !important;
  }

  html body .ga-navbar.navbar-expand-xxl .navbar-collapse.show,
  html body .ga-navbar.navbar-expand-xxl .navbar-collapse.collapsing,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-collapse.show,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-collapse.collapsing {
    display: block !important;
  }

  html body .ga-navbar .container-fluid,
  html body.ga-light-theme .ga-navbar .container-fluid {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    flex-wrap: wrap !important;
  }

  html body .ga-navbar .ga-navbar-content,
  html body.ga-light-theme .ga-navbar .ga-navbar-content {
    margin-top: .75rem !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-ticker--nav,
  html body .ga-navbar .ga-ticker--games,
  html body .ga-navbar .ga-ticker-label,
  html body .ga-navbar .ga-ticker-track,
  html body .ga-navbar .ga-ticker-all,
  html body.ga-light-theme .ga-navbar .ga-ticker--nav,
  html body.ga-light-theme .ga-navbar .ga-ticker--games,
  html body.ga-light-theme .ga-navbar .ga-ticker-label,
  html body.ga-light-theme .ga-navbar .ga-ticker-track,
  html body.ga-light-theme .ga-navbar .ga-ticker-all {
    display: none !important;
  }

  html body .ga-navbar .ga-navbar-menu-row,
  html body.ga-light-theme .ga-navbar .ga-navbar-menu-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: .75rem !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-public-nav-groups,
  html body.ga-light-theme .ga-navbar .ga-public-nav-groups {
    width: 100% !important;
    margin-left: 0 !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: .35rem !important;
    border-radius: 22px !important;
  }

  html body .ga-navbar .ga-public-nav-media .nav-item,
  html body .ga-navbar .ga-public-nav-media .nav-link,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media .nav-item,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media .nav-link {
    min-width: 0 !important;
    width: 100% !important;
    text-align: center !important;
  }

  html body .ga-navbar .ga-public-nav-media .nav-link,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media .nav-link {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .ga-navbar .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important;
    width: 100% !important;
    gap: .45rem !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory .nav-link {
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    padding: .6rem .75rem !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .ga-navbar .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    width: 100% !important;
    gap: .5rem !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-public-nav-actions .btn,
  html body .ga-navbar .ga-public-nav-actions form,
  html body .ga-navbar .ga-public-nav-actions form .btn,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions .btn,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions form,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions form .btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (min-width: 1800px) {
  html body .ga-navbar .ga-navbar-menu-row,
  html body.ga-light-theme .ga-navbar .ga-navbar-menu-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) max-content !important;
    gap: clamp(.65rem, 1vw, 1rem) !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-public-nav-groups,
  html body.ga-light-theme .ga-navbar .ga-public-nav-groups {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .ga-navbar .ga-public-nav-directory .nav-link,
  html body .ga-navbar .ga-public-nav-media .nav-link,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media .nav-link {
    white-space: nowrap !important;
  }

  html body .ga-navbar .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    min-width: max-content !important;
  }
}

html body .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab,
html body.ga-light-theme .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  position: fixed !important;
  top: 50vh !important;
  left: .65rem !important;
  transform: translateY(-50%) !important;
  z-index: 1050 !important;
  margin: 0 !important;
  box-shadow: 0 16px 34px rgba(15,23,42,.16) !important;
}

@media (max-width: 720px) {
  html body .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab,
  html body.ga-light-theme .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
    top: auto !important;
    bottom: 1rem !important;
    left: .75rem !important;
    transform: none !important;
  }
}


/* v0.0.1105: Navigation hard reset.
   The public header now has one breakpoint source of truth: a full desktop layout only
   when the viewport is genuinely wide enough, and a contained collapsed menu before
   actions/ticker can overlap links. The hidden Studio menu trigger is a small bottom
   corner control so it never collides with the top nav or page hero. */
@media (max-width: 2099.98px) {
  html body .ga-navbar.navbar-expand-xxl .navbar-toggler,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-toggler {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3rem !important;
    height: 3rem !important;
    margin-left: auto !important;
    border-radius: .8rem !important;
    border: 1px solid #cbd5e1 !important;
    background: rgba(248,250,252,.92) !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.08) !important;
  }

  html body .ga-navbar.navbar-expand-xxl .navbar-collapse:not(.show):not(.collapsing),
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-collapse:not(.show):not(.collapsing) {
    display: none !important;
    visibility: hidden !important;
  }

  html body .ga-navbar.navbar-expand-xxl .navbar-collapse.show,
  html body .ga-navbar.navbar-expand-xxl .navbar-collapse.collapsing,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-collapse.show,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-collapse.collapsing {
    display: block !important;
    visibility: visible !important;
    flex-basis: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: .85rem !important;
    overflow: hidden !important;
  }

  html body .ga-navbar .ga-ticker--nav,
  html body .ga-navbar .ga-ticker--games,
  html body .ga-navbar .ga-ticker-label,
  html body .ga-navbar .ga-ticker-track,
  html body .ga-navbar .ga-ticker-all,
  html body.ga-light-theme .ga-navbar .ga-ticker--nav,
  html body.ga-light-theme .ga-navbar .ga-ticker--games,
  html body.ga-light-theme .ga-navbar .ga-ticker-label,
  html body.ga-light-theme .ga-navbar .ga-ticker-track,
  html body.ga-light-theme .ga-navbar .ga-ticker-all {
    display: none !important;
  }

  html body .ga-navbar > .container-fluid,
  html body.ga-light-theme .ga-navbar > .container-fluid {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: .85rem !important;
    width: calc(100% - clamp(.75rem, 2vw, 1.5rem)) !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  html body .ga-navbar .ga-navbar-content,
  html body.ga-light-theme .ga-navbar .ga-navbar-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body .ga-navbar .ga-navbar-menu-row,
  html body.ga-light-theme .ga-navbar .ga-navbar-menu-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: .7rem !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body .ga-navbar .ga-public-nav-groups,
  html body.ga-light-theme .ga-navbar .ga-public-nav-groups {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .65rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html body .ga-navbar .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: .4rem !important;
    padding: .35rem !important;
    box-sizing: border-box !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  html body .ga-navbar .ga-public-nav-media .nav-item,
  html body .ga-navbar .ga-public-nav-media .nav-link,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media .nav-item,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media .nav-link {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .ga-navbar .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: .45rem !important;
    overflow: hidden !important;
  }

  html body .ga-navbar .ga-public-nav-directory .nav-item,
  html body .ga-navbar .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory .nav-item,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory .nav-link {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  html body .ga-navbar .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory .nav-link {
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    padding: .55rem .72rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .ga-navbar .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: .55rem !important;
    overflow: hidden !important;
  }

  html body .ga-navbar .ga-public-nav-actions .btn,
  html body .ga-navbar .ga-public-nav-actions form,
  html body .ga-navbar .ga-public-nav-actions form .btn,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions .btn,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions form,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions form .btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (min-width: 2100px) {
  html body .ga-navbar.navbar-expand-xxl .navbar-toggler,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-toggler {
    display: none !important;
  }

  html body .ga-navbar.navbar-expand-xxl .navbar-collapse,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    visibility: visible !important;
    flex-basis: auto !important;
    width: auto !important;
  }

  html body .ga-navbar .ga-navbar-menu-row,
  html body.ga-light-theme .ga-navbar .ga-navbar-menu-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) max-content !important;
    gap: clamp(.65rem, 1vw, 1rem) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-public-nav-groups,
  html body.ga-light-theme .ga-navbar .ga-public-nav-groups {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .ga-navbar .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    min-width: max-content !important;
  }
}

@media (max-width: 620px) {
  html body .ga-navbar .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media {
    grid-template-columns: 1fr !important;
  }

  html body .ga-navbar .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory {
    grid-template-columns: 1fr 1fr !important;
  }

  html body .ga-navbar .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions {
    grid-template-columns: 1fr !important;
  }
}

html body .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab,
html body.ga-light-theme .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  position: fixed !important;
  left: .75rem !important;
  bottom: .85rem !important;
  top: auto !important;
  transform: none !important;
  z-index: 1040 !important;
  width: 2.55rem !important;
  height: 2.55rem !important;
  padding: 0 !important;
  border-radius: 999px !important;
  justify-content: center !important;
  box-shadow: 0 14px 32px rgba(15,23,42,.16) !important;
}

html body .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab span[data-studio-sidebar-toggle-text],
html body.ga-light-theme .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab span[data-studio-sidebar-toggle-text] {
  display: none !important;
}


/* v0.0.1107: Move the hidden Studio sidebar trigger to the top-left corner.
   Keep it compact and fixed so it does not reserve layout space or sit at the bottom. */
html body .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab,
html body.ga-light-theme .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  position: fixed !important;
  top: max(.75rem, env(safe-area-inset-top)) !important;
  left: max(.75rem, env(safe-area-inset-left)) !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 1040 !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

html body .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab span[data-studio-sidebar-toggle-text],
html body.ga-light-theme .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab span[data-studio-sidebar-toggle-text] {
  display: none !important;
}

@media (max-width: 720px) {
  html body .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab,
  html body.ga-light-theme .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
    top: max(.6rem, env(safe-area-inset-top)) !important;
    left: max(.6rem, env(safe-area-inset-left)) !important;
    bottom: auto !important;
  }
}


/* v0.0.1108: Center the Game Action 360 logo when the top navigation is in collapsed mode.
   Use a three-column shell so the brand remains visually centered while the hamburger stays right-aligned. */
@media (max-width: 2099px) {
  html body .ga-navbar.navbar-expand-xxl > .container-fluid,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl > .container-fluid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: start !important;
    gap: .75rem !important;
    width: 100% !important;
  }

  html body .ga-navbar.navbar-expand-xxl .ga-brand-pro,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .ga-brand-pro {
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 0 !important;
    width: auto !important;
  }

  html body .ga-navbar.navbar-expand-xxl .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .ga-brand-logo-wrap {
    margin-inline: auto !important;
  }

  html body .ga-navbar.navbar-expand-xxl .navbar-toggler,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-toggler {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: start !important;
    margin-top: .55rem !important;
  }

  html body .ga-navbar.navbar-expand-xxl .navbar-collapse,
  html body.ga-light-theme .ga-navbar.navbar-expand-xxl .navbar-collapse {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* v0.0.1109: Use a real 1200px navigation breakpoint.
   Desktop nav stays visible at >=1200px; below that it collapses and hides the score ticker. */
@media (min-width: 1200px) {
  html body .ga-navbar.navbar-expand-xl > .container-fluid,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl > .container-fluid {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(.65rem, 1vw, 1rem) !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.navbar-expand-xl .navbar-toggler,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .navbar-toggler {
    display: none !important;
  }

  html body .ga-navbar.navbar-expand-xl .navbar-collapse,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
    visibility: visible !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-navbar-menu-row,
  html body.ga-light-theme .ga-navbar .ga-navbar-menu-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: clamp(.45rem, .8vw, .85rem) !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-public-nav-groups,
  html body.ga-light-theme .ga-navbar .ga-public-nav-groups {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    gap: .45rem !important;
  }

  html body .ga-navbar .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    padding: .25rem .42rem !important;
    gap: .12rem !important;
  }

  html body .ga-navbar .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    flex-wrap: nowrap !important;
    gap: .02rem !important;
  }

  html body .ga-navbar .ga-public-nav-directory .nav-link,
  html body.ga-navbar .ga-public-nav-media .nav-link,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media .nav-link {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: clamp(.72rem, .66vw, .88rem) !important;
    padding: .44rem clamp(.34rem, .38vw, .58rem) !important;
    max-width: 100% !important;
  }

  html body .ga-navbar .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: max-content !important;
    flex-wrap: nowrap !important;
    gap: .35rem !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  html body .ga-navbar .ga-public-nav-actions .btn,
  html body .ga-navbar .ga-public-nav-actions form .btn,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions .btn,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions form .btn {
    white-space: nowrap !important;
    padding-inline: .65rem !important;
  }
}

@media (max-width: 1199.98px) {
  html body .ga-navbar.navbar-expand-xl > .container-fluid,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl > .container-fluid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: start !important;
    gap: .65rem !important;
    width: 100% !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-brand-pro,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-brand-pro {
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 0 !important;
    width: auto !important;
  }

  html body .ga-navbar.navbar-expand-xl .navbar-toggler,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .navbar-toggler {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: start !important;
    margin-top: .55rem !important;
    display: inline-flex !important;
  }

  html body .ga-navbar.navbar-expand-xl .navbar-collapse,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .navbar-collapse {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-ticker.ga-ticker--nav,
  html body .ga-navbar .ga-ticker--games,
  html body .ga-navbar .ga-ticker-all,
  html body.ga-light-theme .ga-navbar .ga-ticker.ga-ticker--nav,
  html body.ga-light-theme .ga-navbar .ga-ticker--games,
  html body.ga-light-theme .ga-navbar .ga-ticker-all {
    display: none !important;
  }

  html body .ga-navbar .ga-public-nav-groups,
  html body.ga-light-theme .ga-navbar .ga-public-nav-groups {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .55rem !important;
    margin: .65rem 0 0 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .ga-navbar .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar .ga-public-nav-media {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 22px !important;
    padding: .45rem !important;
    gap: .45rem !important;
  }

  html body .ga-navbar .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar .ga-public-nav-directory {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: .45rem !important;
  }

  html body .ga-navbar .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: .5rem !important;
    margin-top: .55rem !important;
  }

  html body .ga-navbar .ga-public-nav-actions .btn,
  html body .ga-navbar .ga-public-nav-actions form,
  html body .ga-navbar .ga-public-nav-actions form .btn,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions .btn,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions form,
  html body.ga-light-theme .ga-navbar .ga-public-nav-actions form .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* v0.0.1109: Remove the boxed treatment around the Game Action 360 navigation logo.
   The brand link and logo wrapper now render transparent/no-border so only the logo artwork is visible. */
html body .ga-navbar .navbar-brand.ga-brand-pro,
html body.ga-light-theme .ga-navbar .navbar-brand.ga-brand-pro,
html body .ga-navbar .ga-brand-pro,
html body.ga-light-theme .ga-navbar .ga-brand-pro {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 0 !important;
}

html body .ga-navbar .ga-brand-logo-wrap,
html body.ga-light-theme .ga-navbar .ga-brand-logo-wrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 0 !important;
}

/* v0.0.1110: Optimize public navigation button sizing.
   Keep desktop nav buttons compact and content-aware while preserving larger tap targets
   only for collapsed/mobile navigation. */
@media (min-width: 1200px) {
  html body .ga-navbar.navbar-expand-xl > .container-fluid,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl > .container-fluid {
    min-height: 104px !important;
    align-items: center !important;
    gap: clamp(.75rem, 1.2vw, 1.35rem) !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-brand-pro,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-brand-pro {
    flex: 0 0 auto !important;
    margin-right: clamp(.8rem, 1.5vw, 1.4rem) !important;
    padding: 0 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-navbar-content,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-navbar-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-navbar-menu-row,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-navbar-menu-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: clamp(.7rem, 1vw, 1.1rem) !important;
    align-items: center !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-groups,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-groups {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(.55rem, .9vw, .9rem) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    overflow: visible !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-media {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: auto !important;
    max-width: max-content !important;
    padding: .22rem .32rem !important;
    gap: .1rem !important;
    border-radius: 999px !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-media .nav-link,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-media .nav-link {
    min-height: 34px !important;
    padding: .38rem .58rem !important;
    font-size: clamp(.82rem, .78vw, .94rem) !important;
    line-height: 1.05 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-directory {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .36rem !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-directory .nav-item,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-directory .nav-item {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-directory .nav-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: clamp(5.8rem, 6.4vw, 8.2rem) !important;
    max-width: 11.5rem !important;
    min-height: 36px !important;
    padding: .42rem .76rem !important;
    border-radius: 999px !important;
    font-size: clamp(.78rem, .74vw, .9rem) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .38rem !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    margin-top: 0 !important;
    overflow: visible !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-actions form,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-actions form {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: inline-flex !important;
    margin: 0 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-actions .btn,
  html body .ga-navbar.navbar-expand-xl .ga-public-nav-actions form .btn,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-actions .btn,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-actions form .btn {
    width: auto !important;
    min-width: 5.7rem !important;
    max-width: 8.4rem !important;
    min-height: 38px !important;
    padding: .48rem .85rem !important;
    border-radius: 999px !important;
    font-size: clamp(.8rem, .74vw, .92rem) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1200px) and (max-width: 1540px) {
  html body .ga-navbar.navbar-expand-xl .ga-navbar-menu-row,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-navbar-menu-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-actions {
    justify-content: flex-start !important;
  }
}

@media (min-width: 1200px) and (max-width: 1320px) {
  html body .ga-navbar.navbar-expand-xl .ga-public-nav-groups,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-groups {
    grid-template-columns: 1fr !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-media {
    max-width: 100% !important;
  }
}


/* v0.0.1113: Desktop public top navigation redesign.
   Mobile/collapsed behavior below 1200px is intentionally left alone. On desktop,
   use a compact brand / navigation / actions layout that avoids giant button rows. */
@media (min-width: 1200px) {
  html body .ga-navbar.navbar-expand-xl,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl {
    padding-block: .38rem !important;
  }

  html body .ga-navbar.navbar-expand-xl > .container-fluid,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl > .container-fluid {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(.8rem, 1.2vw, 1.35rem) !important;
    min-height: 86px !important;
    width: min(calc(100% - clamp(1rem, 2vw, 2rem)), 1880px) !important;
    max-width: 1880px !important;
    margin-inline: auto !important;
    padding: .55rem clamp(.8rem, 1.25vw, 1.35rem) !important;
    border-radius: 28px !important;
    overflow: visible !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-brand-pro,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-brand-pro {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: clamp(130px, 9vw, 168px) !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-brand-logo-wrap {
    width: clamp(126px, 8.2vw, 158px) !important;
    flex-basis: clamp(126px, 8.2vw, 158px) !important;
    margin: 0 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-brand-logo,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-brand-logo {
    max-height: 76px !important;
  }

  html body .ga-navbar.navbar-expand-xl .navbar-collapse,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .navbar-collapse {
    grid-column: 2 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-navbar-content,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-navbar-content {
    margin-top: 0 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-navbar-menu-row,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-navbar-menu-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: clamp(.65rem, 1vw, 1rem) !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-groups,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-groups {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(.45rem, .75vw, .8rem) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-media {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    max-width: max-content !important;
    padding: .18rem .28rem !important;
    gap: .08rem !important;
    border-radius: 999px !important;
    align-items: center !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-media .nav-link,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-media .nav-link {
    min-height: 32px !important;
    padding: .34rem .56rem !important;
    border-radius: 999px !important;
    font-size: clamp(.78rem, .7vw, .9rem) !important;
    line-height: 1.05 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-directory {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .18rem !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-directory .nav-item,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-directory .nav-item {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-directory .nav-link {
    min-width: 0 !important;
    width: auto !important;
    max-width: clamp(6rem, 8.4vw, 9.6rem) !important;
    min-height: 34px !important;
    padding: .38rem clamp(.5rem, .62vw, .76rem) !important;
    border-radius: 999px !important;
    font-size: clamp(.76rem, .68vw, .9rem) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-actions {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .36rem !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: max-content !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-actions form,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-actions form {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-actions .btn,
  html body .ga-navbar.navbar-expand-xl .ga-public-nav-actions form .btn,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-actions .btn,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-actions form .btn {
    width: auto !important;
    min-width: 5.35rem !important;
    max-width: 7.75rem !important;
    min-height: 34px !important;
    padding: .4rem .74rem !important;
    border-radius: 999px !important;
    font-size: clamp(.76rem, .68vw, .88rem) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-ticker.ga-ticker--nav,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-ticker.ga-ticker--nav {
    margin-top: .42rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
  html body .ga-navbar.navbar-expand-xl > .container-fluid,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl > .container-fluid {
    align-items: start !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-navbar-menu-row,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-navbar-menu-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .55rem !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-groups,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-groups {
    grid-template-columns: 1fr !important;
    gap: .45rem !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-media,
  html body .ga-navbar.navbar-expand-xl .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-actions {
    justify-self: start !important;
  }

  html body .ga-navbar.navbar-expand-xl .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.navbar-expand-xl .ga-public-nav-directory {
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
}

/* v0.0.1114: Full desktop top-navigation reset.
   This intentionally stops iterating on the prior pill-row approach. Desktop gets a
   purpose-built broadcast header: brand rail, command row, directory rail, and score ticker.
   Collapsed/mobile navigation stays tap-friendly and close to the working mobile pattern. */
html body .ga-navbar.ga-navbar--hub,
html body.ga-light-theme .ga-navbar.ga-navbar--hub {
  background: linear-gradient(135deg, rgba(244, 249, 255, .97), rgba(235, 243, 252, .94)) !important;
  border: 1px solid rgba(147, 197, 253, .42) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08) !important;
  backdrop-filter: blur(14px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell {
  width: min(calc(100% - clamp(1rem, 2vw, 2.4rem)), 1880px) !important;
  max-width: 1880px !important;
  margin-inline: auto !important;
  min-width: 0 !important;
}

html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel,
html body .ga-navbar.ga-navbar--hub .ga-nav-directory-label,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-label {
  display: none !important;
}

html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .ga-navbar.ga-navbar--hub .ga-nav-toggle,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-toggle {
  border-radius: 999px !important;
  border: 1px solid rgba(30, 64, 175, .22) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .12) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-media,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .ga-navbar.ga-navbar--hub .ga-nav-command-row,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-command-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .6rem !important;
  margin-top: .75rem !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-media,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .45rem !important;
  padding: .45rem !important;
  border-radius: 22px !important;
  background: rgba(226, 239, 255, .9) !important;
  border: 1px solid rgba(37, 99, 235, .17) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: .45rem !important;
  width: 100% !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .04) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: .5rem !important;
  width: 100% !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions form,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions .btn,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions form .btn,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions form,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions .btn,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions form .btn {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px !important;
  border-radius: 999px !important;
}

html body .ga-navbar.ga-navbar--hub .ga-nav-welcome,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-welcome {
  color: #334155 !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub {
    padding: .55rem 0 !important;
    border-radius: 0 0 30px 30px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell {
    display: block !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar {
    display: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .navbar-collapse,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .navbar-collapse {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    display: grid !important;
    grid-template-columns: clamp(138px, 10vw, 190px) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: clamp(.75rem, 1.2vw, 1.4rem) !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 124px !important;
    padding: .35rem .4rem !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 35% 30%, rgba(134, 239, 172, .42), transparent 34%),
      linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(224, 242, 254, .54)) !important;
    border: 1px solid rgba(147, 197, 253, .34) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 16px 34px rgba(15, 23, 42, .07) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap {
    width: clamp(126px, 8.6vw, 166px) !important;
    flex-basis: clamp(126px, 8.6vw, 166px) !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo {
    max-height: 86px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-main,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-main {
    display: grid !important;
    grid-template-rows: auto auto minmax(34px, auto) !important;
    align-content: center !important;
    gap: .58rem !important;
    min-width: 0 !important;
    padding: .12rem 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-command-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-command-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: clamp(.65rem, 1vw, 1.15rem) !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    grid-template-columns: none !important;
    gap: .22rem !important;
    width: auto !important;
    max-width: max-content !important;
    padding: .23rem !important;
    border-radius: 999px !important;
    background: #eaf2ff !important;
    border: 1px solid rgba(37, 99, 235, .16) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link {
    width: auto !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: .4rem .82rem !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(.82rem, .76vw, .96rem) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link:hover,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link:hover,
  html body .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link:focus,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link:focus {
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .42rem !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: max-content !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions form,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions form {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions .btn,
  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions form .btn,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions .btn,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions form .btn {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 34px !important;
    padding: .42rem .9rem !important;
    font-size: clamp(.8rem, .72vw, .92rem) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .68rem !important;
    min-width: 0 !important;
    padding: .42rem .48rem .42rem .64rem !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .66) !important;
    border: 1px solid rgba(148, 163, 184, .24) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74), 0 12px 26px rgba(15, 23, 42, .04) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-label,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: .28rem .72rem !important;
    border-radius: 999px !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: .72rem !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    letter-spacing: .16em !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .24rem !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-item,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-item {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link {
    width: auto !important;
    max-width: clamp(5.8rem, 8.4vw, 10.4rem) !important;
    min-width: 0 !important;
    min-height: 32px !important;
    padding: .35rem clamp(.48rem, .64vw, .82rem) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: clamp(.76rem, .68vw, .91rem) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus {
    background: rgba(219, 234, 254, .92) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: .6rem !important;
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: .24rem .32rem .24rem .56rem !important;
    border-radius: 18px !important;
    background: linear-gradient(90deg, #07111f, #123a78 45%, #2456d6) !important;
    border: 1px solid rgba(96, 165, 250, .36) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .12) !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker-label,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker-label {
    flex: none !important;
    padding: .24rem .58rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.13) !important;
    color: #dbeafe !important;
    font-size: .7rem !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    letter-spacing: .14em !important;
    white-space: nowrap !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker-track,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker-track {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker-game,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker-game {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker-all,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker-all {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: .28rem .62rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.94) !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: .75rem !important;
    font-weight: 1000 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-welcome,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-welcome {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: .42rem .8rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(148, 163, 184, .24) !important;
    color: #334155 !important;
    font-size: .9rem !important;
    font-weight: 900 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1439.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    grid-template-columns: clamp(118px, 9.2vw, 150px) minmax(0, 1fr) !important;
    gap: .75rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel {
    min-height: 112px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap {
    width: clamp(110px, 8vw, 136px) !important;
    flex-basis: clamp(110px, 8vw, 136px) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-command-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-command-row {
    grid-template-columns: 1fr !important;
    gap: .42rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions {
    justify-content: flex-start !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row {
    grid-template-columns: 1fr !important;
    gap: .32rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-label,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-label {
    justify-self: start !important;
    min-height: 24px !important;
    padding: .18rem .55rem !important;
    font-size: .64rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory {
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
}

@media (max-width: 1199.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    display: block !important;
    width: 100% !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-main,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-main {
    display: grid !important;
    gap: .65rem !important;
    width: 100% !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row {
    display: grid !important;
    gap: .5rem !important;
  }
}


/* v0.0.1115: desktop top navigation rebuild hardening.
   The header is constrained to the viewport, uses a smaller brand column, and makes
   the score ticker render actual score chips instead of an empty gradient rail. */
html body .ga-navbar.ga-navbar--hub,
html body.ga-light-theme .ga-navbar.ga-navbar--hub {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100vw !important;
  overflow: clip !important;
}

html body .ga-navbar.ga-navbar--hub *,
html body.ga-light-theme .ga-navbar.ga-navbar--hub * {
  box-sizing: border-box !important;
}

@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub {
    padding: .42rem 0 .5rem !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 0 24px 24px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell {
    width: 100% !important;
    max-width: 1920px !important;
    margin: 0 auto !important;
    padding-inline: clamp(.75rem, 1.1vw, 1.35rem) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    grid-template-columns: clamp(96px, 7vw, 132px) minmax(0, 1fr) !important;
    gap: clamp(.62rem, .9vw, 1rem) !important;
    align-items: center !important;
    width: 100% !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel {
    min-height: 92px !important;
    height: 100% !important;
    padding: .38rem !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap {
    width: clamp(86px, 6.1vw, 116px) !important;
    flex-basis: clamp(86px, 6.1vw, 116px) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo {
    max-width: 100% !important;
    max-height: 72px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-main,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-main {
    grid-template-rows: auto auto auto !important;
    gap: .44rem !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-command-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-command-row {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    gap: .62rem !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-media,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media {
    min-width: 0 !important;
    max-width: max-content !important;
    padding: .18rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link {
    min-height: 30px !important;
    padding: .3rem clamp(.58rem, .7vw, .8rem) !important;
    font-size: clamp(.78rem, .66vw, .88rem) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions {
    min-width: 0 !important;
    max-width: none !important;
    gap: .34rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions .btn,
  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions form .btn,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions .btn,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions form .btn {
    min-height: 30px !important;
    padding: .34rem .72rem !important;
    font-size: clamp(.76rem, .64vw, .86rem) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: .44rem !important;
    padding: .25rem .35rem !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-label,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-label {
    min-height: 26px !important;
    padding: .18rem .54rem !important;
    font-size: .62rem !important;
    letter-spacing: .14em !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: .18rem !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-item,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-item {
    min-width: 0 !important;
    width: 100% !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link {
    width: 100% !important;
    max-width: none !important;
    min-height: 28px !important;
    padding: .25rem .38rem !important;
    font-size: clamp(.68rem, .58vw, .82rem) !important;
    text-align: center !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    min-height: 38px !important;
    padding: .22rem .28rem .22rem .42rem !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-label,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-label {
    padding: .2rem .46rem !important;
    font-size: .58rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-rail,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-rail {
    display: inline-flex !important;
    align-items: center !important;
    gap: .42rem !important;
    min-width: max-content !important;
    width: max-content !important;
    animation: gaTicker 44s linear infinite !important;
    will-change: transform !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track:hover .ga-ticker-rail,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track:hover .ga-ticker-rail {
    animation-play-state: paused !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-game,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-game {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-height: 30px !important;
    max-width: clamp(210px, 17vw, 320px) !important;
    padding: .24rem .32rem .24rem .42rem !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid rgba(191, 219, 254, .55) !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    box-shadow: 0 8px 18px rgba(2, 6, 23, .14) !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-status,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-status {
    flex: 0 0 auto !important;
    padding: .16rem .36rem !important;
    background: #e2e8f0 !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-size: .54rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-status.is-live,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-status.is-live {
    background: #fee2e2 !important;
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-matchup,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-matchup {
    min-width: 0 !important;
    max-width: clamp(92px, 10vw, 190px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: clamp(.68rem, .56vw, .78rem) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-score,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-score {
    flex: 0 0 auto !important;
    padding: .12rem .34rem !important;
    border-radius: 999px !important;
    background: #0f172a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: .68rem !important;
    font-weight: 1000 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-separator,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-separator {
    flex: 0 0 auto !important;
    width: 1px !important;
    height: 20px !important;
    background: rgba(255, 255, 255, .22) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-all,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-all {
    min-height: 28px !important;
    padding: .22rem .52rem !important;
    font-size: .64rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1439.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    grid-template-columns: 92px minmax(0, 1fr) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel {
    min-height: 84px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap {
    width: 78px !important;
    flex-basis: 78px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-command-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-command-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions {
    justify-content: flex-start !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-label,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-label {
    display: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* v0.0.1116: Public top navigation correction pass.
   This version stops using the heavy framed desktop masthead treatment. The logo is
   free-standing, the action buttons share one sizing system, the ticker is a calm
   score strip with the All Scores action outside the scrolling viewport, and the
   collapsed bar places the logo in the middle with the menu control on the left. */
@media (max-width: 1199.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: .5rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-toggle,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-toggle {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-brand,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-brand {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    margin: 0 !important;
    width: auto !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-brand-logo-wrap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
}

@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub {
    padding: .38rem 0 .46rem !important;
    border-radius: 0 0 22px 22px !important;
    overflow: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    grid-template-columns: clamp(84px, 6.5vw, 116px) minmax(0, 1fr) !important;
    gap: clamp(.75rem, 1.15vw, 1.25rem) !important;
    align-items: center !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-link,
  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap {
    width: clamp(76px, 5.4vw, 104px) !important;
    flex-basis: clamp(76px, 5.4vw, 104px) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo {
    max-height: 72px !important;
    filter: drop-shadow(0 8px 14px rgba(15, 23, 42, .18)) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-command-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-command-row {
    grid-template-columns: auto max-content !important;
    align-items: center !important;
    margin-top: 0 !important;
    gap: .75rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .44rem !important;
    width: auto !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions form,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions form {
    display: contents !important;
    width: auto !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions .btn,
  html body .ga-navbar.ga-navbar--hub .ga-public-nav-actions form .btn,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions .btn,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-actions form .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 86px !important;
    max-width: none !important;
    min-height: 34px !important;
    padding: .38rem .86rem !important;
    border-radius: 999px !important;
    font-size: clamp(.82rem, .68vw, .95rem) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row {
    margin-top: .42rem !important;
    padding: .3rem .38rem !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .72) !important;
    border: 1px solid rgba(191, 219, 254, .78) !important;
    box-shadow: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-label,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-label {
    min-height: 30px !important;
    padding: .28rem .72rem !important;
    border-radius: 999px !important;
    font-size: .72rem !important;
    letter-spacing: .18em !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory {
    gap: .34rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link {
    min-height: 32px !important;
    padding: .34rem .5rem !important;
    font-size: clamp(.82rem, .68vw, .98rem) !important;
    font-weight: 950 !important;
    letter-spacing: -.015em !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover {
    background: rgba(219, 234, 254, .78) !important;
    border-color: rgba(147, 197, 253, .5) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .45rem !important;
    min-height: 36px !important;
    margin-top: .42rem !important;
    padding: .28rem .42rem !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .76) !important;
    border: 1px solid rgba(191, 219, 254, .75) !important;
    box-shadow: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-label,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-label {
    padding: .22rem .55rem !important;
    border-radius: 999px !important;
    background: rgba(15, 23, 42, .92) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: .64rem !important;
    letter-spacing: .13em !important;
    white-space: nowrap !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-all,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-all {
    position: static !important;
    z-index: 3 !important;
    min-height: 28px !important;
    padding: .28rem .64rem !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid rgba(148, 163, 184, .38) !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: .74rem !important;
    font-weight: 1000 !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .08) !important;
    white-space: nowrap !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track {
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: rgba(241, 245, 249, .84) !important;
    border: 1px solid rgba(226, 232, 240, .85) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-game,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-game {
    min-height: 28px !important;
    max-width: clamp(220px, 18vw, 340px) !important;
    padding: .22rem .34rem .22rem .36rem !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-status,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-status {
    background: rgba(226, 232, 240, .95) !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-status.is-live,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-status.is-live {
    background: rgba(254, 226, 226, .95) !important;
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-matchup,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-matchup {
    font-size: clamp(.72rem, .6vw, .84rem) !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-score,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-score {
    background: #1e293b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: .7rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-separator,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-separator {
    background: rgba(148, 163, 184, .45) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1439.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap {
    width: 70px !important;
    flex-basis: 70px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link {
    font-size: .86rem !important;
  }
}


/* v0.0.1117: Navigation polish pass.
   Puts the collapsed menu control on the right, keeps the mobile logo truly centered,
   gives the desktop shell real breathing room inside its border, and normalizes the
   score ticker corner radius with the rest of the navigation containers. */
@media (max-width: 1199.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 64px !important;
    padding: .35rem 3.35rem .35rem 3.35rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-brand,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-brand {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
    justify-self: center !important;
    margin: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-toggle,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-toggle {
    position: absolute !important;
    right: .75rem !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    justify-self: end !important;
    margin: 0 !important;
  }
}

@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub {
    padding: .5rem .65rem .62rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell {
    padding: .55rem .7rem !important;
    border-radius: 22px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    padding: .08rem .18rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav {
    border-radius: 20px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track {
    border-radius: 16px !important;
  }
}

/* v0.0.1118: Collapsed/desktop nav alignment repair.
   Keeps the Studio/sidebar show control out of the nav composition, centers the
   brand against the full collapsed nav shell, places the nav hamburger on the
   right edge, makes the logo more prominent in both modes, and unifies ticker
   radii with the other top-nav containers. */
html body .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab,
html body.ga-light-theme .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  top: max(1.05rem, env(safe-area-inset-top)) !important;
  left: max(1.05rem, env(safe-area-inset-left)) !important;
}

@media (max-width: 1199.98px) {
  html body .ga-navbar.ga-navbar--hub,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub {
    padding: .58rem .72rem .68rem !important;
    overflow: visible !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: .42rem .55rem !important;
    min-width: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: clamp(96px, 13vw, 132px) !important;
    padding: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-brand,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-brand {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    max-width: min(44vw, 260px) !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-brand-logo-wrap {
    width: clamp(158px, 24vw, 230px) !important;
    flex-basis: clamp(158px, 24vw, 230px) !important;
    max-width: min(44vw, 260px) !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-brand-logo,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-brand-logo {
    width: 100% !important;
    max-height: clamp(80px, 11vw, 112px) !important;
    object-fit: contain !important;
    filter: drop-shadow(0 10px 18px rgba(15, 23, 42, .18)) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-toggle,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-toggle {
    position: absolute !important;
    right: clamp(1.05rem, 2.25vw, 1.65rem) !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body .ga-navbar.ga-navbar--hub .navbar-collapse.ga-navbar-content,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .navbar-collapse.ga-navbar-content {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub {
    padding: .62rem .82rem .74rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell {
    padding: .78rem .92rem !important;
    border-radius: 24px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    grid-template-columns: clamp(130px, 8.4vw, 170px) minmax(0, 1fr) !important;
    gap: clamp(.95rem, 1.4vw, 1.55rem) !important;
    padding: .12rem .28rem !important;
    align-items: center !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel {
    justify-content: center !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap {
    width: clamp(118px, 7.3vw, 154px) !important;
    flex-basis: clamp(118px, 7.3vw, 154px) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo {
    max-height: clamp(92px, 6vw, 118px) !important;
    width: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 10px 18px rgba(15, 23, 42, .18)) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav {
    border-radius: 22px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav {
    padding: .34rem .46rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track {
    border-radius: 18px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1439.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    grid-template-columns: 116px minmax(0, 1fr) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-brand-panel .ga-brand-logo-wrap {
    width: 108px !important;
    flex-basis: 108px !important;
  }
}


/* v0.0.1119: Explore nav decoration and hidden-sidebar control offset.
   Keeps the top-nav logo work intact, moves the sidemenu reveal control farther
   from the top-left corner, and gives Explore destinations a clearer, higher
   contrast button treatment instead of plain text links. */
html body .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab,
html body.ga-light-theme .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  top: max(1.48rem, calc(env(safe-area-inset-top) + 1.15rem)) !important;
  left: max(1.42rem, calc(env(safe-area-inset-left) + 1.05rem)) !important;
}

@media (max-width: 720px) {
  html body .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab,
  html body.ga-light-theme .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
    left: max(1.18rem, calc(env(safe-area-inset-left) + .9rem)) !important;
    bottom: max(1.18rem, calc(env(safe-area-inset-bottom) + .9rem)) !important;
  }
}

html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(241,247,255,.95)) !important;
  border: 1px solid rgba(148, 163, 184, .32) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 26px rgba(15,23,42,.055) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-nav-directory-label,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #061226, #13294b) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.18) !important;
  letter-spacing: .18em !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory {
  gap: clamp(.5rem, .7vw, .78rem) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link {
  position: relative !important;
  isolation: isolate !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  font-weight: 1000 !important;
  font-size: clamp(.92rem, .72vw, 1.04rem) !important;
  letter-spacing: -.012em !important;
  line-height: 1.05 !important;
  padding: .68rem .88rem !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%) !important;
  border: 1px solid rgba(59, 130, 246, .25) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 8px 18px rgba(15,23,42,.07) !important;
  text-shadow: none !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px auto 5px 7px !important;
  width: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #20d66b, #2088ff) !important;
  opacity: .95 !important;
  z-index: -1 !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #082456 0%, #1457d9 62%, #16a34a 100%) !important;
  border-color: rgba(255,255,255,.38) !important;
  box-shadow: 0 12px 26px rgba(37,99,235,.24) !important;
  transform: translateY(-1px) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover::before,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus::before {
  background: rgba(255,255,255,.72) !important;
}

@media (max-width: 1199.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link {
    font-size: clamp(1rem, 3.2vw, 1.12rem) !important;
    padding: .76rem .9rem !important;
  }
}

/* v0.0.1120: Media nav scale and cleaner score ticker.
   Makes News / Watch / Photos a little more prominent without changing the mobile
   collapse behavior, and removes the visible outline around the score ticker so
   the strip reads as part of the navigation instead of a separate framed box. */
html body .ga-navbar.ga-navbar--hub .ga-public-nav-media,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media {
  min-height: 44px !important;
  padding: .28rem .42rem !important;
  gap: .38rem !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link {
  min-height: 36px !important;
  padding: .5rem 1.08rem !important;
  font-size: clamp(1rem, .78vw, 1.12rem) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  color: #061226 !important;
  -webkit-text-fill-color: #061226 !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link:hover,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link:focus,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link:hover,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link:focus {
  color: #0b4edb !important;
  -webkit-text-fill-color: #0b4edb !important;
}

html body .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker.ga-ticker--nav {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, rgba(239, 246, 255, .72), rgba(255, 255, 255, .66)) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav .ga-ticker-track {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
  background: rgba(255, 255, 255, .58) !important;
}

@media (max-width: 1199.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-media .nav-link {
    font-size: clamp(1.05rem, 3.4vw, 1.18rem) !important;
    padding: .62rem 1rem !important;
  }
}

/* v0.0.1121: Reverse Explore button contrast with black-forward styling.
   Keeps the decorated pill treatment but removes the blue Explore palette so the
   directory links read as high-contrast black controls with white lettering. */
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #182033 0%, #050914 100%) !important;
  border: 1px solid rgba(15, 23, 42, .82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 9px 18px rgba(15,23,42,.16) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.32) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link::before {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(203,213,225,.78)) !important;
  opacity: .95 !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus {
  color: #050914 !important;
  -webkit-text-fill-color: #050914 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border-color: rgba(15, 23, 42, .5) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 12px 24px rgba(15,23,42,.18) !important;
  text-shadow: none !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover::before,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus::before {
  background: #050914 !important;
}

/* v0.0.1122: Explore buttons keep light-on-black during hover/focus.
   This prevents the controls from flashing to a light state while preserving
   strong contrast and the black-forward desktop navigation palette. */
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus-visible,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #0f172a 0%, #020617 100%) !important;
  border-color: rgba(2, 6, 23, .96) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 12px 24px rgba(2,6,23,.24) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.4) !important;
  transform: translateY(-1px) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover::before,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus::before,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus-visible::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus-visible::before {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(203,213,225,.86)) !important;
  opacity: 1 !important;
}

/* v0.0.1123: Explore buttons use light normal state with dark text.
   Hover and focus remain light-on-black, matching the requested active state
   while making the resting controls less visually heavy in the desktop nav. */
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1px solid rgba(15, 23, 42, .24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 8px 16px rgba(15,23,42,.10) !important;
  text-shadow: none !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link::before {
  background: #0f172a !important;
  opacity: 1 !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus-visible,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #111827 0%, #020617 100%) !important;
  border-color: rgba(2, 6, 23, .96) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 12px 24px rgba(2,6,23,.24) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.4) !important;
  transform: translateY(-1px) !important;
}

html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover::before,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus::before,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus-visible::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus-visible::before {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(203,213,225,.86)) !important;
  opacity: 1 !important;
}


/* v0.0.1124: Remove Explore button vertical accent bars.
   The decorated pill buttons keep the requested light normal state and
   light-on-black hover/focus state, but the internal vertical bar accents are
   removed in every state so the row reads cleaner and less busy. */
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link::before,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover::before,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus::before,
html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus-visible::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:hover::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory .nav-link:focus-visible::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
}

/* v0.0.1125: Tighten vertical spacing below the top navigation.
   The header/nav now sits closer to the page body so desktop pages do not show
   a large dead zone between the nav shell and the first content card. */
html body .ga-navbar.ga-navbar--hub,
html body.ga-light-theme .ga-navbar.ga-navbar--hub {
  margin-bottom: 0 !important;
}

html body main.container-fluid.ga-page,
html body.ga-light-theme main.container-fluid.ga-page,
html body.ga-light-theme > main.ga-page,
html body main.ga-page {
  padding-top: clamp(.35rem, .7vw, .75rem) !important;
}

html body main.container-fluid.ga-page.ga-page--studio-layout,
html body.ga-light-theme main.container-fluid.ga-page.ga-page--studio-layout,
html body.ga-light-theme > main.ga-page.ga-page--studio-layout {
  padding-top: 0 !important;
}

html body .ga-studio-layout-shell,
html body.ga-light-theme .ga-studio-layout-shell {
  padding-top: clamp(.35rem, .8vw, .7rem) !important;
}

html body .ga-studio-layout-main > :first-child,
html body.ga-light-theme .ga-studio-layout-main > :first-child {
  margin-top: 0 !important;
}

@media (max-width: 1199.98px) {
  html body main.container-fluid.ga-page,
  html body.ga-light-theme main.container-fluid.ga-page,
  html body main.ga-page,
  html body.ga-light-theme > main.ga-page {
    padding-top: .5rem !important;
  }

  html body .ga-studio-layout-shell,
  html body.ga-light-theme .ga-studio-layout-shell {
    padding-top: .5rem !important;
  }
}


/* v0.0.1126: Remove the greenish inner box inside the navigation header.
   Keep the outer top-nav shell, but make the internal nav wrapper transparent
   and borderless so the header does not render a nested green-tinted panel. */
html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .ga-navbar.ga-navbar--hub .ga-nav-shell::before,
html body .ga-navbar.ga-navbar--hub .ga-nav-shell::after,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell::before,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell::after {
  content: none !important;
  display: none !important;
}

@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
}


/* v0.0.1127: Align signed-in hub content with the visible Studio sidebar.
   Public hub wrappers have their own top padding; inside the sidebar layout that
   created a second vertical offset, making the main content start lower than the
   sidebar. Remove only that top offset when the sidebar grid is visible. */
@media (min-width: 1101px) {
  html body .ga-page--studio-layout .ga-studio-layout-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-shell {
    align-items: start !important;
  }

  html body .ga-page--studio-layout .ga-studio-layout-main,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  html body .ga-page--studio-layout .ga-studio-layout-main > .team-public-refresh,
  html body .ga-page--studio-layout .ga-studio-layout-main > .baseball-team-public-refresh,
  html body .ga-page--studio-layout .ga-studio-layout-main > .league-public-refresh,
  html body .ga-page--studio-layout .ga-studio-layout-main > .tournament-public-refresh,
  html body .ga-page--studio-layout .ga-studio-layout-main > .organization-hub-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .organization-directory-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .locations-index-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .location-show-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .sports-hub-index-page,
  html body .ga-page--studio-layout .ga-studio-layout-main > .sports-public-refresh,
  html body .ga-page--studio-layout .ga-studio-layout-main > .directory-channel-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .league-directory-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .tournament-directory-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .media-channel-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .team-chat-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .cross-country-meet-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .racing-event-shell,
  html body .ga-page--studio-layout .ga-studio-layout-main > .event-show-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .team-public-refresh,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .baseball-team-public-refresh,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .league-public-refresh,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .tournament-public-refresh,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .organization-hub-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .organization-directory-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .locations-index-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .location-show-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .sports-hub-index-page,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .sports-public-refresh,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .directory-channel-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .league-directory-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .tournament-directory-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .media-channel-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .team-chat-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .cross-country-meet-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .racing-event-shell,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > .event-show-shell {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  html body .ga-page--studio-layout .ga-studio-layout-main > :first-child > :first-child,
  html body.ga-light-theme .ga-page--studio-layout .ga-studio-layout-main > :first-child > :first-child {
    margin-top: 0 !important;
  }
}


/* v0.0.1128: Remove the boxed frame around Explore buttons in collapsed/mobile nav.
   Keep the Explore pills themselves, but remove the surrounding container border,
   background, and shadow so the row feels lighter and cleaner. */
@media (max-width: 1199.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0 !important;
    padding: .16rem 0 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-public-nav-directory {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}


/* v0.0.1129: Make sponsor badge and CTA smaller and more discreet. */
.ga-public-ad-slot__badge {
  padding: .22rem .5rem !important;
  font-size: .58rem !important;
  letter-spacing: .16em !important;
  font-weight: 950 !important;
  background: rgba(15, 23, 42, .96) !important;
  box-shadow: none !important;
}

.ga-public-ad-slot__cta {
  min-height: 0 !important;
  padding: .34rem .72rem !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  background: rgba(255, 255, 255, .72) !important;
  color: #3156d3 !important;
  -webkit-text-fill-color: #3156d3 !important;
  border: 1px solid rgba(147, 163, 255, .42) !important;
  box-shadow: none !important;
}

.ga-public-ad-slot__cta:hover,
.ga-public-ad-slot__cta:focus {
  background: rgba(255, 255, 255, .88) !important;
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
  border-color: rgba(99, 102, 241, .42) !important;
  box-shadow: 0 6px 14px rgba(59, 130, 246, .08) !important;
}


/* v0.0.1130: Noticeably reduce sponsor slot header controls.
   v0.0.1129 was too subtle because placement-specific hero styles could still
   make the badge and CTA look prominent. These stronger overrides target both
   the shared sponsor controls and hero sponsor slots. */
html body .ga-public-ad-slot .ga-public-ad-slot__badge,
html body.ga-light-theme .ga-public-ad-slot .ga-public-ad-slot__badge,
html body .ga-public-ad-slot--hero .ga-public-ad-slot__badge,
html body.ga-light-theme .ga-public-ad-slot--hero .ga-public-ad-slot__badge {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 18px !important;
  padding: .16rem .42rem !important;
  border-radius: 999px !important;
  font-size: .46rem !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  font-weight: 850 !important;
  background: rgba(15, 23, 42, .88) !important;
  color: rgba(255, 255, 255, .9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .9) !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body .ga-public-ad-slot .ga-public-ad-slot__cta,
html body.ga-light-theme .ga-public-ad-slot .ga-public-ad-slot__cta,
html body .ga-public-ad-slot--hero .ga-public-ad-slot__cta,
html body.ga-light-theme .ga-public-ad-slot--hero .ga-public-ad-slot__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-width: 0 !important;
  min-height: 24px !important;
  padding: .24rem .56rem !important;
  border-radius: 999px !important;
  font-size: .68rem !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  font-weight: 800 !important;
  background: rgba(255, 255, 255, .58) !important;
  color: rgba(37, 99, 235, .86) !important;
  -webkit-text-fill-color: rgba(37, 99, 235, .86) !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body .ga-public-ad-slot .ga-public-ad-slot__cta:hover,
html body .ga-public-ad-slot .ga-public-ad-slot__cta:focus,
html body.ga-light-theme .ga-public-ad-slot .ga-public-ad-slot__cta:hover,
html body.ga-light-theme .ga-public-ad-slot .ga-public-ad-slot__cta:focus {
  background: rgba(255, 255, 255, .78) !important;
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
  border-color: rgba(59, 130, 246, .32) !important;
  box-shadow: none !important;
}

@media (max-width: 720px) {
  html body .ga-public-ad-slot .ga-public-ad-slot__badge,
  html body.ga-light-theme .ga-public-ad-slot .ga-public-ad-slot__badge {
    font-size: .44rem !important;
    padding: .14rem .36rem !important;
  }

  html body .ga-public-ad-slot .ga-public-ad-slot__cta,
  html body.ga-light-theme .ga-public-ad-slot .ga-public-ad-slot__cta {
    font-size: .64rem !important;
    padding: .22rem .5rem !important;
  }
}


/* v0.0.1132: News page article grids should never exceed four cards per row.
   Wide desktop rows with five or six articles are too dense and hurt readability. */
html body .article-grid,
html body .articles-grid,
html body .news-grid,
html body .public-article-grid,
html body .ga-article-grid,
html body .ga-news-grid,
html body .directory-news-grid,
html body .branded-news-grid,
html body .public-index-grid--articles,
html body .public-index-grid--news,
html body .ga-card-grid--articles,
html body .ga-card-grid--news,
html body.ga-light-theme .article-grid,
html body.ga-light-theme .articles-grid,
html body.ga-light-theme .news-grid,
html body.ga-light-theme .public-article-grid,
html body.ga-light-theme .ga-article-grid,
html body.ga-light-theme .ga-news-grid,
html body.ga-light-theme .directory-news-grid,
html body.ga-light-theme .branded-news-grid,
html body.ga-light-theme .public-index-grid--articles,
html body.ga-light-theme .public-index-grid--news,
html body.ga-light-theme .ga-card-grid--articles,
html body.ga-light-theme .ga-card-grid--news {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
}

@media (min-width: 1200px) {
  html body .article-grid,
  html body .articles-grid,
  html body .news-grid,
  html body .public-article-grid,
  html body .ga-article-grid,
  html body .ga-news-grid,
  html body .directory-news-grid,
  html body .branded-news-grid,
  html body .public-index-grid--articles,
  html body .public-index-grid--news,
  html body .ga-card-grid--articles,
  html body .ga-card-grid--news,
  html body.ga-light-theme .article-grid,
  html body.ga-light-theme .articles-grid,
  html body.ga-light-theme .news-grid,
  html body.ga-light-theme .public-article-grid,
  html body.ga-light-theme .ga-article-grid,
  html body.ga-light-theme .ga-news-grid,
  html body.ga-light-theme .directory-news-grid,
  html body.ga-light-theme .branded-news-grid,
  html body.ga-light-theme .public-index-grid--articles,
  html body.ga-light-theme .public-index-grid--news,
  html body.ga-light-theme .ga-card-grid--articles,
  html body.ga-light-theme .ga-card-grid--news {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1199.98px) {
  html body .article-grid,
  html body .articles-grid,
  html body .news-grid,
  html body .public-article-grid,
  html body .ga-article-grid,
  html body .ga-news-grid,
  html body .directory-news-grid,
  html body .branded-news-grid,
  html body .public-index-grid--articles,
  html body .public-index-grid--news,
  html body .ga-card-grid--articles,
  html body .ga-card-grid--news,
  html body.ga-light-theme .article-grid,
  html body.ga-light-theme .articles-grid,
  html body.ga-light-theme .news-grid,
  html body.ga-light-theme .public-article-grid,
  html body.ga-light-theme .ga-article-grid,
  html body.ga-light-theme .ga-news-grid,
  html body.ga-light-theme .directory-news-grid,
  html body.ga-light-theme .branded-news-grid,
  html body.ga-light-theme .public-index-grid--articles,
  html body.ga-light-theme .public-index-grid--news,
  html body.ga-light-theme .ga-card-grid--articles,
  html body.ga-light-theme .ga-card-grid--news {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
  }
}


/* v0.0.1135: Sponsored ad slots belong below page hero sections.
   Keep post-hero sponsorship visible without appearing as a pre-hero billboard. */
html body .ga-public-ad-slot--hero,
html body.ga-light-theme .ga-public-ad-slot--hero {
  margin-top: clamp(.75rem, 1.35vw, 1.15rem) !important;
  margin-bottom: clamp(1rem, 1.8vw, 1.5rem) !important;
}

html body .facility-hub-ad-strip--below-hero,
html body.ga-light-theme .facility-hub-ad-strip--below-hero {
  margin-top: clamp(.75rem, 1.35vw, 1.15rem) !important;
  margin-bottom: clamp(1rem, 1.8vw, 1.5rem) !important;
}


/* v0.0.1136: Prevent double right-side scrollbars when the top navigation collapses.
   At collapsed/tablet widths, the page should own vertical scrolling. Sidebar shells,
   nav collapse panels, and studio wrappers should not create an additional viewport
   scrollbar beside the browser scrollbar. */
@media (max-width: 1199.98px) {
  html,
  body,
  html body,
  html body.ga-light-theme {
    overflow-x: hidden !important;
  }

  html body .ga-navbar.ga-navbar--hub,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub {
    overflow: visible !important;
    max-height: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .navbar-collapse,
  html body .ga-navbar.ga-navbar--hub .ga-navbar-content,
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-main,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .navbar-collapse,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-navbar-content,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-main {
    overflow-y: visible !important;
    overflow-x: hidden !important;
    max-height: none !important;
  }

  html body .ga-studio-layout-shell,
  html body.ga-light-theme .ga-studio-layout-shell,
  html body .ga-studio-layout-main,
  html body.ga-light-theme .ga-studio-layout-main,
  html body .studio-shell-pro,
  html body.ga-light-theme .studio-shell-pro,
  html body .ga-admin-shell,
  html body.ga-light-theme .ga-admin-shell {
    overflow-y: visible !important;
    overflow-x: hidden !important;
    max-height: none !important;
    height: auto !important;
  }

  html body .studio-sidebar-pro,
  html body.ga-light-theme .studio-sidebar-pro,
  html body [data-studio-sidebar],
  html body.ga-light-theme [data-studio-sidebar],
  html body .ga-admin-shell > aside,
  html body.ga-light-theme .ga-admin-shell > aside {
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    height: auto !important;
    scrollbar-width: none !important;
  }

  html body .studio-sidebar-pro::-webkit-scrollbar,
  html body.ga-light-theme .studio-sidebar-pro::-webkit-scrollbar,
  html body [data-studio-sidebar]::-webkit-scrollbar,
  html body.ga-light-theme [data-studio-sidebar]::-webkit-scrollbar,
  html body .ga-admin-shell > aside::-webkit-scrollbar,
  html body.ga-light-theme .ga-admin-shell > aside::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
}

@media (max-width: 720px) {
  html body .ga-studio-layout-shell,
  html body.ga-light-theme .ga-studio-layout-shell {
    display: block !important;
  }

  html body .studio-sidebar-pro,
  html body.ga-light-theme .studio-sidebar-pro,
  html body [data-studio-sidebar],
  html body.ga-light-theme [data-studio-sidebar] {
    position: relative !important;
    top: auto !important;
  }
}


/* v0.0.1137: Stronger collapsed-width one-scrollbar treatment.
   The prior pass removed many nested scroll containers, but the signed-in public
   shell could still create an inner page scrollbar beside the browser scrollbar.
   At collapsed nav widths, every major shell should be height:auto and overflow
   visible vertically, while the document viewport remains the only vertical scroller. */
@media (max-width: 1199.98px) {
  html {
    height: auto !important;
    min-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.ga-light-theme,
  body {
    height: auto !important;
    min-height: 100% !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    position: relative !important;
  }

  html body .ga-page,
  html body.ga-light-theme .ga-page,
  html body main.ga-page,
  html body.ga-light-theme main.ga-page,
  html body .ga-page--studio-layout,
  html body.ga-light-theme .ga-page--studio-layout,
  html body .container-fluid.ga-page,
  html body.ga-light-theme .container-fluid.ga-page,
  html body .ga-studio-layout-shell,
  html body.ga-light-theme .ga-studio-layout-shell,
  html body [data-studio-layout-shell],
  html body.ga-light-theme [data-studio-layout-shell],
  html body .ga-studio-layout-main,
  html body.ga-light-theme .ga-studio-layout-main,
  html body .team-public-refresh,
  html body.ga-light-theme .team-public-refresh,
  html body .league-public-refresh,
  html body.ga-light-theme .league-public-refresh,
  html body .tournament-public-refresh,
  html body.ga-light-theme .tournament-public-refresh,
  html body .organization-hub-shell,
  html body.ga-light-theme .organization-hub-shell,
  html body .location-show-shell,
  html body.ga-light-theme .location-show-shell,
  html body .directory-channel-shell,
  html body.ga-light-theme .directory-channel-shell {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: clip !important;
  }

  html body .ga-studio-layout-main,
  html body.ga-light-theme .ga-studio-layout-main {
    display: block !important;
  }

  html body .studio-sidebar-pro,
  html body.ga-light-theme .studio-sidebar-pro,
  html body .ga-sidebar,
  html body.ga-light-theme .ga-sidebar,
  html body .ga-admin-shell .ga-sidebar,
  html body.ga-light-theme .ga-admin-shell .ga-sidebar {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body ::-webkit-scrollbar {
    max-width: 12px;
  }
}

/* v0.0.1137: Keep the login form near the top on narrow screens.
   When the nav collapses there is plenty of room above the sign-in card; don't let
   the tall marketing panel push the form down toward the bottom of the viewport. */
@media (max-width: 860px) {
  html body .ga-login-screen,
  html body.ga-light-theme .ga-login-screen {
    min-height: auto !important;
    align-items: start !important;
    justify-items: stretch !important;
    place-items: start stretch !important;
    padding-top: clamp(.75rem, 2.5vw, 1.25rem) !important;
    overflow: visible !important;
  }

  html body .ga-login-grid,
  html body.ga-light-theme .ga-login-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: .75rem !important;
    align-items: stretch !important;
  }

  html body .ga-login-form-card,
  html body.ga-light-theme .ga-login-form-card {
    order: 1 !important;
    justify-content: flex-start !important;
  }

  html body .ga-login-brand-panel,
  html body.ga-light-theme .ga-login-brand-panel {
    order: 2 !important;
    min-height: 0 !important;
  }
}

@media (max-width: 520px) {
  html body .ga-login-brand-panel,
  html body.ga-light-theme .ga-login-brand-panel {
    display: none !important;
  }

  html body .ga-login-screen,
  html body.ga-light-theme .ga-login-screen {
    padding-top: .65rem !important;
  }
}


/* v0.0.1138: Non-authenticated public home becomes a guided, graphic storyboard.
   Keep the content ecosystem intact, but expose it as clear lanes and digest cards
   instead of an overwhelming all-at-once dashboard. */
.public-home-storyboard {
  width: min(100%, 1480px) !important;
  margin: 0 auto !important;
  padding: clamp(1rem, 2.4vw, 2rem) clamp(.85rem, 3vw, 2.4rem) clamp(2.4rem, 5vw, 5rem) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  display: grid !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
}

.public-home-hero-graphic {
  position: relative !important;
  overflow: hidden !important;
  border-radius: clamp(28px, 4vw, 48px) !important;
  background:
    radial-gradient(circle at 12% 14%, rgba(245, 158, 11, .36), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(14, 165, 233, .24), transparent 32%),
    linear-gradient(135deg, #06111f 0%, #0f172a 48%, #172554 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 34px 110px rgba(15, 23, 42, .22) !important;
  padding: clamp(1.35rem, 4vw, 4rem) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr) !important;
  gap: clamp(1.25rem, 4vw, 3rem) !important;
  align-items: center !important;
}

.public-home-hero-copy,
.public-home-hero-copy * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.public-home-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  padding: .42rem .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: .72rem !important;
  font-weight: 1000 !important;
}

.public-home-kicker--blue {
  background: #eaf3ff !important;
  border-color: #bfd7ff !important;
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}

.public-home-hero-copy h1 {
  max-width: 900px !important;
  margin: .85rem 0 .8rem !important;
  font-size: clamp(3rem, 7vw, 7rem) !important;
  line-height: .86 !important;
  letter-spacing: -.08em !important;
  font-weight: 1000 !important;
}

.public-home-hero-copy p {
  max-width: 760px !important;
  margin: 0 !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
  line-height: 1.48 !important;
  font-weight: 850 !important;
}

.public-home-primary-actions,
.public-home-pill-links,
.public-home-network-cloud,
.public-home-sport-strip div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  align-items: center !important;
}

.public-home-primary-actions {
  margin-top: 1.35rem !important;
}

.public-home-btn,
.public-home-pill-links a,
.public-home-network-cloud a,
.public-home-sport-strip a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 1000 !important;
}

.public-home-btn {
  min-height: 46px !important;
  padding: .72rem 1rem !important;
  border: 1px solid rgba(255,255,255,.2) !important;
}

.public-home-btn--gold {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  color: #06111f !important;
  -webkit-text-fill-color: #06111f !important;
}

.public-home-btn--light {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.public-home-btn--ghost {
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.public-home-visual-board {
  min-height: clamp(360px, 34vw, 520px) !important;
  position: relative !important;
  border-radius: 42px !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(14, 165, 233, .20), transparent 34%),
    rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 24px 70px rgba(2,6,23,.28) !important;
  overflow: hidden !important;
}

.public-home-center-mark {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(280px, 58%) !important;
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.92) !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 24px 80px rgba(2,6,23,.35) !important;
}

.public-home-center-mark img {
  width: 78% !important;
  height: auto !important;
  object-fit: contain !important;
}

.public-home-orbit-card {
  position: absolute !important;
  width: min(250px, 48%) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  padding: 1rem !important;
  box-shadow: 0 22px 60px rgba(2,6,23,.20) !important;
}

.public-home-orbit-card span,
.public-home-orbit-card strong {
  display: block !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.public-home-orbit-card span {
  font-size: .68rem !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-weight: 1000 !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

.public-home-orbit-card strong {
  margin-top: .22rem !important;
  font-size: 1.12rem !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
}

.public-home-orbit-card--score { left: 6% !important; top: 9% !important; }
.public-home-orbit-card--media { right: 5% !important; top: 16% !important; }
.public-home-orbit-card--org { left: 18% !important; bottom: 8% !important; }

.public-home-guided-grid,
.public-home-media-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

.public-home-lane-card,
.public-home-media-card,
.public-home-pulse-panel,
.public-home-map-panel,
.public-home-sport-strip {
  background: #ffffff !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.08) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.public-home-lane-card,
.public-home-media-card {
  min-height: 180px !important;
  border-radius: 28px !important;
  padding: 1.15rem !important;
  text-decoration: none !important;
  display: grid !important;
  align-content: space-between !important;
  gap: .85rem !important;
}

.public-home-lane-card span,
.public-home-media-card span {
  width: fit-content !important;
  border-radius: 999px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: .32rem .58rem !important;
  font-size: .66rem !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}

.public-home-lane-card strong,
.public-home-media-card strong,
.public-home-section-copy h2,
.public-home-section-head h2,
.public-home-map-panel h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000 !important;
  letter-spacing: -.05em !important;
  line-height: .98 !important;
}

.public-home-lane-card strong,
.public-home-media-card strong {
  font-size: clamp(1.2rem, 1.8vw, 1.65rem) !important;
}

.public-home-lane-card small,
.public-home-media-card small,
.public-home-section-copy p,
.public-home-map-panel p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850 !important;
  line-height: 1.38 !important;
}

.public-home-pulse-panel,
.public-home-map-panel {
  border-radius: 34px !important;
  padding: clamp(1.15rem, 2.4vw, 2rem) !important;
  display: grid !important;
  grid-template-columns: minmax(0, .8fr) minmax(340px, 1.2fr) !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
  align-items: center !important;
}

.public-home-section-copy h2,
.public-home-section-head h2,
.public-home-map-panel h2 {
  font-size: clamp(2rem, 4vw, 4rem) !important;
  margin: .55rem 0 .5rem !important;
}

.public-home-pulse-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  gap: .85rem !important;
}

.public-home-feature-event {
  display: grid !important;
  gap: .45rem !important;
  min-height: 220px !important;
  border-radius: 28px !important;
  padding: 1.25rem !important;
  text-decoration: none !important;
  align-content: end !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(245, 158, 11, .30), transparent 34%),
    linear-gradient(135deg, #07111f, #102a52) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  overflow: hidden !important;
}

.public-home-feature-event * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.public-home-feature-event span {
  width: fit-content !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.14) !important;
  padding: .3rem .55rem !important;
  text-transform: uppercase !important;
  letter-spacing: .13em !important;
  font-size: .68rem !important;
  font-weight: 1000 !important;
}

.public-home-feature-event strong {
  font-size: clamp(1.5rem, 3vw, 2.4rem) !important;
  line-height: .98 !important;
  font-weight: 1000 !important;
  letter-spacing: -.05em !important;
}

.public-home-feature-event em {
  font-style: normal !important;
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  font-weight: 1000 !important;
}

.public-home-pulse-stats {
  display: grid !important;
  gap: .85rem !important;
}

.public-home-mini-stat {
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  border-radius: 24px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  padding: .85rem !important;
  text-decoration: none !important;
}

.public-home-mini-stat span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

.public-home-mini-stat strong {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: .74rem !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  font-weight: 1000 !important;
}

.public-home-media-digest {
  display: grid !important;
  gap: 1rem !important;
}

.public-home-section-head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
}

.public-home-pill-links a,
.public-home-network-cloud a,
.public-home-sport-strip a {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  padding: .55rem .82rem !important;
}

.public-home-map-panel {
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr) !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(37,99,235,.12), transparent 30%),
    #ffffff !important;
}

.public-home-network-cloud {
  justify-content: flex-end !important;
}

.public-home-sport-strip {
  border-radius: 28px !important;
  padding: 1rem !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.public-home-sport-strip > span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  font-size: .75rem !important;
}

@media (max-width: 1100px) {
  .public-home-hero-graphic,
  .public-home-pulse-panel,
  .public-home-map-panel {
    grid-template-columns: 1fr !important;
  }

  .public-home-guided-grid,
  .public-home-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .public-home-visual-board {
    min-height: 380px !important;
  }

  .public-home-network-cloud {
    justify-content: flex-start !important;
  }
}

@media (max-width: 680px) {
  .public-home-storyboard {
    padding: .75rem .65rem 2rem !important;
  }

  .public-home-hero-graphic {
    border-radius: 28px !important;
  }

  .public-home-hero-copy h1 {
    font-size: clamp(2.6rem, 15vw, 4rem) !important;
  }

  .public-home-guided-grid,
  .public-home-media-grid,
  .public-home-pulse-card {
    grid-template-columns: 1fr !important;
  }

  .public-home-visual-board {
    min-height: 310px !important;
    border-radius: 28px !important;
  }

  .public-home-orbit-card {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    margin: .65rem !important;
  }

  .public-home-center-mark {
    display: none !important;
  }

  .public-home-pulse-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .public-home-mini-stat span {
    font-size: 1.55rem !important;
  }
}


/* v0.0.1139: Apply the graphical storyboard to the marketing home page specifically.
   The fan/public home is restored; these refinements tune the marketing landing page
   so all platform information remains available but is consumed as role lanes,
   workflow steps, digest cards, and a final exploration map. */
.marketing-storyboard-v1139 {
  padding-top: clamp(1.25rem, 3vw, 2.5rem) !important;
}

.marketing-storyboard-v1139 .marketing-audience-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.marketing-storyboard-v1139 .marketing-audience-card {
  min-height: 210px !important;
}

.marketing-workflow-board {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .85rem !important;
}

.marketing-workflow-board article {
  min-height: 190px !important;
  border-radius: 26px !important;
  background: #f8fafc !important;
  border: 1px solid #dbe6f3 !important;
  padding: 1rem !important;
  display: grid !important;
  align-content: space-between !important;
  gap: .7rem !important;
}

.marketing-workflow-board article span {
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 1000 !important;
}

.marketing-workflow-board article strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 1.45rem !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -.04em !important;
}

.marketing-workflow-board article small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

.marketing-final-cta {
  background: linear-gradient(135deg, #07111f, #172554) !important;
  border-color: rgba(255,255,255,.16) !important;
}

.marketing-final-cta > span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.marketing-final-cta a {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.marketing-final-cta a:first-child {
  background: #fbbf24 !important;
  border-color: #fbbf24 !important;
  color: #06111f !important;
  -webkit-text-fill-color: #06111f !important;
}

@media (max-width: 1100px) {
  .marketing-storyboard-v1139 .marketing-audience-grid,
  .marketing-workflow-board {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .marketing-storyboard-v1139 .marketing-audience-grid,
  .marketing-workflow-board {
    grid-template-columns: 1fr !important;
  }
}


/* v0.0.1140: Hide the top navigation logo only on the sign-in page when the
   navigation is in its collapsed/mobile layout. Keep the logo visible at expanded
   desktop widths where the menu is not collapsed. */
@media (max-width: 1199.98px) {
  html body:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-brand,
  html body:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .navbar-brand,
  html body.ga-light-theme:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-brand,
  html body.ga-light-theme:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .navbar-brand {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    flex: 0 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar,
  html body.ga-light-theme:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar {
    min-height: 72px !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-block: .55rem !important;
  }

  html body:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-shell {
    min-height: 0 !important;
  }
}

@media (min-width: 1200px) {
  html body:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-brand,
  html body:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .navbar-brand,
  html body.ga-light-theme:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .ga-nav-brand,
  html body.ga-light-theme:has(.ga-login-screen) .ga-navbar.ga-navbar--hub .ga-nav-mobile-bar .navbar-brand {
    display: inline-flex !important;
    visibility: visible !important;
    width: auto !important;
    flex: initial !important;
  }
}


/* v0.0.1141: Login page one-scrollbar fix.
   The login template itself had a mobile rule that made .ga-login-screen an inner
   scroll container. At minimal widths, that produced a second right-side scrollbar.
   Force the sign-in screen and its immediate wrappers to be non-scroll containers. */
@media (max-width: 1199.98px) {
  html:has(body .ga-login-screen),
  html:has(body.ga-light-theme .ga-login-screen) {
    height: auto !important;
    min-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  html body:has(.ga-login-screen),
  html body.ga-light-theme:has(.ga-login-screen) {
    height: auto !important;
    min-height: 100% !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
  }

  html body:has(.ga-login-screen) .ga-page,
  html body:has(.ga-login-screen) main.ga-page,
  html body:has(.ga-login-screen) .ga-login-screen,
  html body:has(.ga-login-screen) .ga-login-grid,
  html body:has(.ga-login-screen) .ga-login-form-card,
  html body:has(.ga-login-screen) .ga-login-brand-panel,
  html body.ga-light-theme:has(.ga-login-screen) .ga-page,
  html body.ga-light-theme:has(.ga-login-screen) main.ga-page,
  html body.ga-light-theme:has(.ga-login-screen) .ga-login-screen,
  html body.ga-light-theme:has(.ga-login-screen) .ga-login-grid,
  html body.ga-light-theme:has(.ga-login-screen) .ga-login-form-card,
  html body.ga-light-theme:has(.ga-login-screen) .ga-login-brand-panel {
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: clip !important;
  }

  html body:has(.ga-login-screen) .ga-login-screen,
  html body.ga-light-theme:has(.ga-login-screen) .ga-login-screen {
    min-height: auto !important;
    place-items: start stretch !important;
    align-items: start !important;
  }
}

@media (max-width: 860px) {
  html body:has(.ga-login-screen) .ga-login-screen,
  html body.ga-light-theme:has(.ga-login-screen) .ga-login-screen {
    overflow: visible !important;
    padding-bottom: 1rem !important;
  }
}


/* v0.0.1143: Global collapsed-width one-scrollbar pass.
   GameCenter, RaceCenter, authenticated public pages, and Studio pages were still
   capable of creating a nested viewport scrollbar at narrow widths. At collapsed
   navigation sizes, make the document/browser the only visible vertical scroller.
   Local horizontal scrollers remain available, but nested vertical scrollbar tracks
   are suppressed and major viewport-height shells are returned to normal flow. */
@media (max-width: 1199.98px) {
  html {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: auto !important;
  }

  body,
  body.ga-light-theme {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    scrollbar-gutter: auto !important;
  }

  body > main,
  body.ga-light-theme > main,
  body > .container-fluid,
  body.ga-light-theme > .container-fluid,
  body .ga-page,
  body.ga-light-theme .ga-page,
  body main.ga-page,
  body.ga-light-theme main.ga-page,
  body .ga-page--studio-layout,
  body.ga-light-theme .ga-page--studio-layout,
  body .ga-studio-layout-shell,
  body.ga-light-theme .ga-studio-layout-shell,
  body [data-studio-layout-shell],
  body.ga-light-theme [data-studio-layout-shell],
  body .ga-studio-layout-main,
  body.ga-light-theme .ga-studio-layout-main,
  body .studio-shell-pro,
  body.ga-light-theme .studio-shell-pro,
  body .ga-admin-shell,
  body.ga-light-theme .ga-admin-shell,
  body .public-events-index-shell,
  body.ga-light-theme .public-events-index-shell,
  body .gamecenter-post-hero-stack,
  body.ga-light-theme .gamecenter-post-hero-stack,
  body .gamecenter-detail-grid,
  body.ga-light-theme .gamecenter-detail-grid,
  body .racecenter-post-hero-stack,
  body.ga-light-theme .racecenter-post-hero-stack,
  body .racecenter-detail-grid,
  body.ga-light-theme .racecenter-detail-grid,
  body .gamecenter-hero,
  body.ga-light-theme .gamecenter-hero,
  body .scorebook-shell,
  body.ga-light-theme .scorebook-shell,
  body .scorebook-pro,
  body.ga-light-theme .scorebook-pro,
  body .gamecast-shell,
  body.ga-light-theme .gamecast-shell,
  body .gamecast-pro,
  body.ga-light-theme .gamecast-pro,
  body .fan-home-v2,
  body.ga-light-theme .fan-home-v2,
  body .home-channel-shell,
  body.ga-light-theme .home-channel-shell,
  body .team-public-refresh,
  body.ga-light-theme .team-public-refresh,
  body .league-public-refresh,
  body.ga-light-theme .league-public-refresh,
  body .tournament-public-refresh,
  body.ga-light-theme .tournament-public-refresh,
  body .organization-hub-shell,
  body.ga-light-theme .organization-hub-shell,
  body .location-show-shell,
  body.ga-light-theme .location-show-shell,
  body .directory-channel-shell,
  body.ga-light-theme .directory-channel-shell,
  body .locations-index-shell,
  body.ga-light-theme .locations-index-shell,
  body .branded-hub-shell,
  body.ga-light-theme .branded-hub-shell,
  body .facility-hub-redesign-v995,
  body.ga-light-theme .facility-hub-redesign-v995,
  body .facility-hub-grid,
  body.ga-light-theme .facility-hub-grid {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: clip !important;
    scrollbar-gutter: auto !important;
  }

  body .studio-sidebar-pro,
  body.ga-light-theme .studio-sidebar-pro,
  body [data-studio-sidebar],
  body.ga-light-theme [data-studio-sidebar],
  body .ga-sidebar,
  body.ga-light-theme .ga-sidebar,
  body .ga-admin-shell > aside,
  body.ga-light-theme .ga-admin-shell > aside,
  body .ga-studio-layout-shell > aside,
  body.ga-light-theme .ga-studio-layout-shell > aside {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    overscroll-behavior: auto !important;
  }

  /* Suppress nested vertical scrollbar tracks on narrow screens. This is scoped
     below 1200px so desktop tables, admin consoles, and rails can still show
     normal scroll affordances when there is enough room. */
  body * {
    scrollbar-gutter: auto !important;
  }

  body *::-webkit-scrollbar:vertical,
  body.ga-light-theme *::-webkit-scrollbar:vertical {
    width: 0 !important;
    display: none !important;
  }

  body *,
  body.ga-light-theme * {
    scrollbar-width: none;
  }

  /* Re-enable visible horizontal scrollers for score tickers, tables, rails, and
     media carousels that genuinely need horizontal movement on mobile. */
  body .table-responsive,
  body.ga-light-theme .table-responsive,
  body .ga-ticker-track,
  body.ga-light-theme .ga-ticker-track,
  body .scoreboard-rotator,
  body.ga-light-theme .scoreboard-rotator,
  body .league-score-ticker,
  body.ga-light-theme .league-score-ticker,
  body .branded-hub-nav,
  body.ga-light-theme .branded-hub-nav {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
  }

  body .table-responsive::-webkit-scrollbar:horizontal,
  body.ga-light-theme .table-responsive::-webkit-scrollbar:horizontal,
  body .ga-ticker-track::-webkit-scrollbar:horizontal,
  body.ga-light-theme .ga-ticker-track::-webkit-scrollbar:horizontal,
  body .scoreboard-rotator::-webkit-scrollbar:horizontal,
  body.ga-light-theme .scoreboard-rotator::-webkit-scrollbar:horizontal,
  body .league-score-ticker::-webkit-scrollbar:horizontal,
  body.ga-light-theme .league-score-ticker::-webkit-scrollbar:horizontal,
  body .branded-hub-nav::-webkit-scrollbar:horizontal,
  body.ga-light-theme .branded-hub-nav::-webkit-scrollbar:horizontal {
    height: 6px !important;
    display: initial !important;
  }
}

@media (max-width: 720px) {
  body .ga-studio-layout-shell,
  body.ga-light-theme .ga-studio-layout-shell,
  body .ga-admin-shell,
  body.ga-light-theme .ga-admin-shell,
  body .gamecenter-detail-grid,
  body.ga-light-theme .gamecenter-detail-grid,
  body .racecenter-detail-grid,
  body.ga-light-theme .racecenter-detail-grid,
  body .facility-hub-grid,
  body.ga-light-theme .facility-hub-grid {
    display: block !important;
  }
}


/* v0.0.1144: Force a true single visible scrollbar at collapsed widths.
   Earlier fixes made many wrappers height-auto, but Safari/Chrome can still show
   a second body/page-shell scrollbar when both html and an inner viewport wrapper
   are scrollable. This pass makes html the only visible vertical scroll owner and
   hides every nested vertical scrollbar track while preserving normal scrolling. */
@media (max-width: 1199.98px) {
  html,
  html.ga-single-scrollbar-mode {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body,
  body.ga-light-theme,
  html.ga-single-scrollbar-mode body,
  html.ga-single-scrollbar-mode body.ga-light-theme {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: clip !important;
    overscroll-behavior-y: auto !important;
  }

  body > main,
  body.ga-light-theme > main,
  body .ga-page,
  body.ga-light-theme .ga-page,
  body main.ga-page,
  body.ga-light-theme main.ga-page,
  body .ga-studio-layout-shell,
  body.ga-light-theme .ga-studio-layout-shell,
  body [data-studio-layout-shell],
  body.ga-light-theme [data-studio-layout-shell],
  body .ga-studio-layout-main,
  body.ga-light-theme .ga-studio-layout-main,
  body .navbar-collapse,
  body.ga-light-theme .navbar-collapse,
  body .ga-navbar,
  body.ga-light-theme .ga-navbar,
  body .ga-nav-shell,
  body.ga-light-theme .ga-nav-shell,
  body .gamecenter-hero,
  body.ga-light-theme .gamecenter-hero,
  body .gamecenter-detail-grid,
  body.ga-light-theme .gamecenter-detail-grid,
  body .racecenter-detail-grid,
  body.ga-light-theme .racecenter-detail-grid,
  body .gamecenter-post-hero-stack,
  body.ga-light-theme .gamecenter-post-hero-stack,
  body .racecenter-post-hero-stack,
  body.ga-light-theme .racecenter-post-hero-stack,
  body .public-events-index-shell,
  body.ga-light-theme .public-events-index-shell,
  body .fan-home-v2,
  body.ga-light-theme .fan-home-v2,
  body .home-channel-shell,
  body.ga-light-theme .home-channel-shell,
  body .team-public-refresh,
  body.ga-light-theme .team-public-refresh,
  body .league-public-refresh,
  body.ga-light-theme .league-public-refresh,
  body .tournament-public-refresh,
  body.ga-light-theme .tournament-public-refresh,
  body .organization-hub-shell,
  body.ga-light-theme .organization-hub-shell,
  body .location-show-shell,
  body.ga-light-theme .location-show-shell,
  body .locations-index-shell,
  body.ga-light-theme .locations-index-shell,
  body .directory-channel-shell,
  body.ga-light-theme .directory-channel-shell,
  body .branded-hub-shell,
  body.ga-light-theme .branded-hub-shell,
  body .facility-hub-redesign-v995,
  body.ga-light-theme .facility-hub-redesign-v995,
  body .facility-hub-grid,
  body.ga-light-theme .facility-hub-grid,
  body .ga-login-screen,
  body.ga-light-theme .ga-login-screen {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: clip !important;
    scrollbar-width: none !important;
    overscroll-behavior: auto !important;
  }

  /* Broad descendant rule. The browser viewport scrollbar is not a descendant of
     body, so this removes the duplicate inner scrollbar without removing the page
     scrollbar itself. */
  body * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scrollbar-gutter: auto !important;
  }

  body *::-webkit-scrollbar,
  body.ga-light-theme *::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
  }

  /* Keep horizontally scrollable content usable even though the visual scrollbar
     track is hidden. Users can still swipe/trackpad-scroll tables and tickers. */
  body .table-responsive,
  body.ga-light-theme .table-responsive,
  body .ga-ticker-track,
  body.ga-light-theme .ga-ticker-track,
  body .scoreboard-rotator,
  body.ga-light-theme .scoreboard-rotator,
  body .league-score-ticker,
  body.ga-light-theme .league-score-ticker,
  body .branded-hub-nav,
  body.ga-light-theme .branded-hub-nav {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
}


/* v0.0.1145: Compact GameCenter/RaceCenter hero metadata on reduced widths.
   Venue, broadcast, video access, and weather are useful, but on narrow screens
   they should behave like subdued status chips instead of four tall white cards. */
@media (max-width: 1199.98px) {
  html body .gamecenter-hero,
  html body.ga-light-theme .gamecenter-hero {
    padding: clamp(1.15rem, 3.2vw, 2rem) !important;
    border-radius: 28px !important;
  }

  html body .gamecenter-hero .row.g-4.align-items-stretch,
  html body.ga-light-theme .gamecenter-hero .row.g-4.align-items-stretch {
    --bs-gutter-y: 1rem !important;
  }

  html body .gamecenter-hero .ga-title,
  html body.ga-light-theme .gamecenter-hero .ga-title {
    font-size: clamp(2.55rem, 8.5vw, 4.4rem) !important;
    line-height: .9 !important;
    letter-spacing: -.075em !important;
    margin-bottom: .75rem !important;
  }

  html body .gamecenter-hero .lead,
  html body.ga-light-theme .gamecenter-hero .lead {
    margin-bottom: 1rem !important;
    font-size: clamp(1rem, 2.7vw, 1.35rem) !important;
  }

  html body .gamecenter-hero .d-flex.flex-wrap.gap-2.mb-4,
  html body.ga-light-theme .gamecenter-hero .d-flex.flex-wrap.gap-2.mb-4 {
    margin-bottom: 1rem !important;
    gap: .55rem !important;
  }

  html body .gamecenter-hero .row.g-3,
  html body.ga-light-theme .gamecenter-hero .row.g-3 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
    margin-inline: 0 !important;
  }

  html body .gamecenter-hero .row.g-3 > [class*="col-"],
  html body.ga-light-theme .gamecenter-hero .row.g-3 > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    padding: 0 !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card,
  html body .gamecenter-hero .ga-stat.gamecenter-stat-card,
  html body.ga-light-theme .gamecenter-hero .ga-stat.gamecenter-stat-card {
    min-height: 0 !important;
    height: auto !important;
    border-radius: 18px !important;
    padding: .62rem .72rem !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: .2rem .55rem !important;
    align-items: center !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card .gamecenter-stat-label,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card .gamecenter-stat-label {
    grid-column: 1 !important;
    margin: 0 !important;
    padding: .18rem .42rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.14) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #bfdbfe !important;
    -webkit-text-fill-color: #bfdbfe !important;
    font-size: .58rem !important;
    line-height: 1 !important;
    letter-spacing: .13em !important;
    white-space: nowrap !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card .gamecenter-stat-value,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card .gamecenter-stat-value {
    grid-column: 2 !important;
    min-width: 0 !important;
    display: block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: clamp(.88rem, 2.4vw, 1rem) !important;
    line-height: 1.1 !important;
    font-weight: 1000 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card .mt-2,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card .mt-2 {
    grid-column: 1 / -1 !important;
    margin-top: .28rem !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card .mt-2 a,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card .mt-2 a,
  html body .gamecenter-hero .gamecenter-stat-card .mt-2 .btn,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card .mt-2 .btn {
    max-width: 100% !important;
    min-height: 0 !important;
    padding: .28rem .48rem !important;
    border-radius: 999px !important;
    font-size: .78rem !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 680px) {
  html body .gamecenter-hero .row.g-3,
  html body.ga-light-theme .gamecenter-hero .row.g-3 {
    grid-template-columns: 1fr !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card,
  html body .gamecenter-hero .ga-stat.gamecenter-stat-card,
  html body.ga-light-theme .gamecenter-hero .ga-stat.gamecenter-stat-card {
    grid-template-columns: minmax(86px, auto) minmax(0, 1fr) !important;
    padding: .55rem .64rem !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card .mt-2,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card .mt-2 {
    display: none !important;
  }
}


/* v0.0.1146: Refine compact GameCenter/RaceCenter hero metadata.
   Venue, Broadcast, Video Access, and Weather should remain white cards with
   dark readable text, just much more compact at reduced widths. Also remove the
   low-value RaceCenter race card from the hero on minimal-width screens. */
@media (max-width: 1199.98px) {
  html body .gamecenter-hero .gamecenter-stat-card,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card,
  html body .gamecenter-hero .ga-stat.gamecenter-stat-card,
  html body.ga-light-theme .gamecenter-hero .ga-stat.gamecenter-stat-card {
    background: #ffffff !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 8px 22px rgba(2,6,23,.14) !important;
    color: #050b14 !important;
    -webkit-text-fill-color: #050b14 !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card *,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card *,
  html body .gamecenter-hero .ga-stat.gamecenter-stat-card *,
  html body.ga-light-theme .gamecenter-hero .ga-stat.gamecenter-stat-card * {
    color: #050b14 !important;
    -webkit-text-fill-color: #050b14 !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card .gamecenter-stat-label,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card .gamecenter-stat-label {
    background: #eaf3ff !important;
    border: 1px solid #bfd7ff !important;
    color: #0b5fcb !important;
    -webkit-text-fill-color: #0b5fcb !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card .gamecenter-stat-value,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card .gamecenter-stat-value {
    color: #050b14 !important;
    -webkit-text-fill-color: #050b14 !important;
  }

  html body .gamecenter-hero .gamecenter-stat-card .mt-2 a,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card .mt-2 a,
  html body .gamecenter-hero .gamecenter-stat-card .mt-2 .btn,
  html body.ga-light-theme .gamecenter-hero .gamecenter-stat-card .mt-2 .btn {
    background: #eef6ff !important;
    border: 1px solid #bae6fd !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
  }
}

@media (max-width: 680px) {
  html body .gamecenter-hero .racecenter-hero-scorecard,
  html body.ga-light-theme .gamecenter-hero .racecenter-hero-scorecard {
    display: none !important;
  }

  html body .gamecenter-hero .gamecenter-hero-scorecard:not(.racecenter-hero-scorecard),
  html body.ga-light-theme .gamecenter-hero .gamecenter-hero-scorecard:not(.racecenter-hero-scorecard) {
    margin-top: .25rem !important;
  }
}

@media (min-width: 681px) and (max-width: 1199.98px) {
  html body .gamecenter-hero .racecenter-hero-scorecard,
  html body.ga-light-theme .gamecenter-hero .racecenter-hero-scorecard {
    opacity: .86 !important;
  }
}


/* v0.0.1147: RaceCenter hero should not render the race scorecard at any width.
   Race details and results belong below the hero; the hero should focus on title,
   actions, venue/broadcast/access/weather, and then move into the RaceCenter page. */
html body .gamecenter-hero .racecenter-hero-scorecard,
html body.ga-light-theme .gamecenter-hero .racecenter-hero-scorecard {
  display: none !important;
}


/* v0.0.1148: Let the full desktop navigation occupy the browser width.
   When the nav is not in collapsed/breadcrumb-mobile mode, do not artificially
   cap the menu shell. Give the logo, media links, actions, directory links, and
   score ticker the full available width so the header breathes on wide screens. */
@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub {
    width: 100% !important;
    max-width: none !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body .ga-navbar.ga-navbar--hub > .container-fluid.ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub > .container-fluid.ga-nav-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(1rem, 2.4vw, 2.75rem) !important;
    padding-right: clamp(1rem, 2.4vw, 2.75rem) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-navbar-content,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-navbar-content,
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-main,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-main {
    width: 100% !important;
    max-width: none !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    grid-template-columns: clamp(140px, 9vw, 190px) minmax(0, 1fr) !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-command-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-command-row,
  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav {
    width: 100% !important;
    max-width: none !important;
  }
}


/* v0.0.1149: GameCenter live video paywall/player polish.
   Subscription/PPV games should not look like generic "Access granted" content.
   The status chip now names the access mode, and the player is constrained so it
   cannot overflow the white live video card. */
html body .gamecenter-live-feed,
html body.ga-light-theme .gamecenter-live-feed {
  overflow: hidden !important;
}

html body .gamecenter-live-feed .callaba-video-card,
html body.ga-light-theme .gamecenter-live-feed .callaba-video-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 22px !important;
}

html body .gamecenter-live-feed .callaba-video-frame,
html body.ga-light-theme .gamecenter-live-feed .callaba-video-frame {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  box-sizing: border-box !important;
}

html body .gamecenter-live-feed .callaba-video-frame iframe,
html body.ga-light-theme .gamecenter-live-feed .callaba-video-frame iframe,
html body .gamecenter-live-feed iframe,
html body.ga-light-theme .gamecenter-live-feed iframe,
html body .gamecenter-live-feed video,
html body.ga-light-theme .gamecenter-live-feed video {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

html body .gamecenter-live-feed .callaba-video-meta,
html body.ga-light-theme .gamecenter-live-feed .callaba-video-meta {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 680px) {
  html body .gamecenter-live-feed,
  html body.ga-light-theme .gamecenter-live-feed {
    padding: 1rem !important;
    border-radius: 24px !important;
  }
}


/* v0.0.1154: Full-width desktop ticker under the logo/explore navigation.
   At expanded widths, the scores ticker is a second row spanning the whole
   desktop nav grid instead of being constrained to the right-side menu column.
   Collapsed/mobile nav behavior is unchanged. */
@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    grid-template-rows: auto auto !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--desktop-full,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--desktop-full,
  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav.ga-ticker--desktop-full,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav.ga-ticker--desktop-full {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    margin: .25rem 0 0 0 !important;
    align-self: stretch !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--desktop-full .ga-ticker-track,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--desktop-full .ga-ticker-track {
    width: 100% !important;
    max-width: none !important;
  }
}


/* v0.0.1155: Slightly reduce left/right navigation padding.
   Keep the full-width desktop ticker and expanded desktop menu, but trim the
   horizontal gutters so the navigation uses the browser width more efficiently. */
@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body .ga-navbar.ga-navbar--hub > .container-fluid.ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub > .container-fluid.ga-nav-shell {
    padding-left: clamp(.65rem, 1.25vw, 1.45rem) !important;
    padding-right: clamp(.65rem, 1.25vw, 1.45rem) !important;
  }
}

@media (max-width: 1199.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body .ga-navbar.ga-navbar--hub > .container-fluid.ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub > .container-fluid.ga-nav-shell {
    padding-left: .65rem !important;
    padding-right: .65rem !important;
  }
}


/* v0.0.1156: Reduce the vertical gap between the expanded Explore menu and ticker.
   The ticker should sit directly under the logo/explore row when the menu is not
   collapsed, without creating a large band of empty header space. */
@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-main,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-main {
    gap: .34rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--desktop-full,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--desktop-full,
  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav.ga-ticker--desktop-full,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav.ga-ticker--desktop-full {
    margin-top: .08rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row {
    margin-bottom: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-desktop-nav-grid {
    row-gap: .18rem !important;
  }
}


/* v0.0.1157: Reduce the space below the full-width desktop ticker.
   Keep the ticker directly under the Explore menu and tighten the bottom of the
   expanded navigation so page content starts closer to the scores row. */
@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub {
    padding-bottom: .16rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-shell,
  html body .ga-navbar.ga-navbar--hub > .container-fluid.ga-nav-shell,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub > .container-fluid.ga-nav-shell {
    padding-bottom: .18rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--desktop-full,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--desktop-full,
  html body .ga-navbar.ga-navbar--hub .ga-ticker--nav.ga-ticker--desktop-full,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--nav.ga-ticker--desktop-full {
    margin-bottom: 0 !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-ticker--desktop-full .ga-ticker-track,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-ticker--desktop-full .ga-ticker-track {
    padding-bottom: 0 !important;
  }
}


/* v0.0.1159: Marketing role pages and expanded perspective grid. */
.marketing-storyboard-v1139 .marketing-audience-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

.marketing-storyboard-v1139 .marketing-audience-card {
  min-height: 185px !important;
}

.marketing-storyboard-v1139 .marketing-audience-card strong {
  font-size: clamp(1rem, 1.55vw, 1.24rem) !important;
}

@media (max-width: 720px) {
  .marketing-storyboard-v1139 .marketing-audience-grid {
    grid-template-columns: 1fr !important;
  }

  .marketing-storyboard-v1139 .marketing-audience-card {
    min-height: 0 !important;
  }
}


/* v0.0.1160: Public unauthenticated Sports Hub navigation links.
   Guests should have clear role-based navigation into the marketing pages without
   needing to sign in first. Keep the links compact and usable in both expanded
   and collapsed navigation states. */
html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public {
  display: flex !important;
}

html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory {
  flex-wrap: wrap !important;
}

@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public {
    width: 100% !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory .nav-link {
    padding-left: .58rem !important;
    padding-right: .58rem !important;
  }
}

@media (max-width: 1199.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public {
    margin-top: .55rem !important;
    padding: .5rem !important;
    border-radius: 20px !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory {
    gap: .32rem !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory .nav-link {
    padding: .42rem .56rem !important;
  }
}


/* v0.0.1161: Soften marketing typography.
   Marketing pages should feel polished and persuasive without every text element
   shouting. Use slightly lighter-than-black text and less extreme font weights
   in marketing surfaces while preserving contrast and hierarchy. */
.public-home-storyboard.marketing-storyboard-v1139,
.public-home-storyboard.marketing-storyboard-v1139 *,
.ga-policy-page,
.ga-policy-page *,
body .marketing-storyboard-v1139,
body .marketing-storyboard-v1139 * {
  -webkit-font-smoothing: antialiased !important;
}

.public-home-storyboard.marketing-storyboard-v1139,
body .marketing-storyboard-v1139,
body .marketing-storyboard-v1139 p,
body .marketing-storyboard-v1139 small,
body .marketing-storyboard-v1139 li,
body .marketing-storyboard-v1139 span,
body .marketing-storyboard-v1139 strong,
body .marketing-storyboard-v1139 a {
  color: #263244 !important;
  -webkit-text-fill-color: #263244 !important;
}

body .marketing-storyboard-v1139 h1,
body .marketing-storyboard-v1139 h2,
body .marketing-storyboard-v1139 h3,
body .marketing-storyboard-v1139 .public-home-lane-card strong,
body .marketing-storyboard-v1139 .marketing-workflow-board strong {
  color: #1f2a3a !important;
  -webkit-text-fill-color: #1f2a3a !important;
  font-weight: 820 !important;
}

body .marketing-storyboard-v1139 p,
body .marketing-storyboard-v1139 small,
body .marketing-storyboard-v1139 li {
  font-weight: 620 !important;
}

body .marketing-storyboard-v1139 .public-home-kicker,
body .marketing-storyboard-v1139 .public-home-lane-card span,
body .marketing-storyboard-v1139 .public-home-lane-card small,
body .marketing-storyboard-v1139 .public-home-btn {
  font-weight: 760 !important;
}

/* Preserve light-on-dark marketing hero readability while reducing heaviness. */
body .marketing-storyboard-v1139 .public-home-hero-graphic,
body .marketing-storyboard-v1139 .public-home-hero-graphic *,
body .marketing-storyboard-v1139 .marketing-control-room,
body .marketing-storyboard-v1139 .marketing-control-room * {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body .marketing-storyboard-v1139 .public-home-hero-graphic h1 {
  font-weight: 820 !important;
}

body .marketing-storyboard-v1139 .public-home-hero-graphic p {
  color: #dbe5f2 !important;
  -webkit-text-fill-color: #dbe5f2 !important;
  font-weight: 600 !important;
}

body .marketing-storyboard-v1139 .public-home-btn--gold,
body .marketing-storyboard-v1139 .public-home-btn--gold *,
body .marketing-storyboard-v1139 .public-home-kicker,
body .marketing-storyboard-v1139 .public-home-kicker * {
  color: #243044 !important;
  -webkit-text-fill-color: #243044 !important;
}

/* Role detail pages use inline styles heavily, so this class-level layer softens
   any remaining marketing cards that are not controlled inline. */
body [class*="marketing"] h1,
body [class*="marketing"] h2,
body [class*="marketing"] h3 {
  font-weight: 820 !important;
  color: #1f2a3a !important;
  -webkit-text-fill-color: #1f2a3a !important;
}

body [class*="marketing"] p,
body [class*="marketing"] li,
body [class*="marketing"] small {
  font-weight: 620 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}


/* v0.0.1162: Public nav role link sizing and Explore label.
   The guest role buttons were too wide. Tighten their minimum width and padding,
   and use Explore as the label instead of Sports Hub. Also repair the overly
   broad v0.0.1161 marketing typography override so dark hero/panel text stays white. */
html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-nav-directory-label,
html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-nav-directory-label {
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
}

@media (min-width: 1200px) {
  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
    gap: .55rem !important;
    width: 100% !important;
  }

  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory .nav-link {
    min-width: 0 !important;
    width: 100% !important;
    padding-left: .42rem !important;
    padding-right: .42rem !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1199.98px) {
  html body .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory .nav-link,
  html body.ga-light-theme .ga-navbar.ga-navbar--hub .ga-nav-directory-row--public .ga-public-nav-directory .nav-link {
    padding-left: .46rem !important;
    padding-right: .46rem !important;
    min-width: 0 !important;
  }
}

/* Repair: v0.0.1161 softened marketing fonts too broadly and could turn intended
   white hero text dark. Keep white text white inside dark marketing surfaces. */
body .marketing-storyboard-v1139 .public-home-hero-graphic,
body .marketing-storyboard-v1139 .public-home-hero-graphic h1,
body .marketing-storyboard-v1139 .public-home-hero-graphic h2,
body .marketing-storyboard-v1139 .public-home-hero-graphic h3,
body .marketing-storyboard-v1139 .public-home-hero-graphic p,
body .marketing-storyboard-v1139 .public-home-hero-graphic span,
body .marketing-storyboard-v1139 .public-home-hero-graphic strong,
body .marketing-storyboard-v1139 .marketing-control-room,
body .marketing-storyboard-v1139 .marketing-control-room *,
body [style*="background:#0f172a"] h1,
body [style*="background:#0f172a"] h2,
body [style*="background:#0f172a"] h3,
body [style*="background:#0f172a"] p,
body [style*="background:#0f172a"] span,
body [style*="background:#0f172a"] strong,
body [style*="background:#0b1220"] h1,
body [style*="background:#0b1220"] h2,
body [style*="background:#0b1220"] h3,
body [style*="background:#0b1220"] p,
body [style*="background:#0b1220"] span,
body [style*="background:#0b1220"] strong {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}


/* v0.0.1163: Add a slight left/right gutter to marketing pages.
   Marketing surfaces should not run edge-to-edge on wide screens. Add modest,
   responsive horizontal breathing room while keeping mobile screens efficient. */
html body:has(.marketing-storyboard-v1139) main.ga-page,
html body.ga-light-theme:has(.marketing-storyboard-v1139) main.ga-page,
html body:has(.marketing-storyboard-v1139) .ga-page,
html body.ga-light-theme:has(.marketing-storyboard-v1139) .ga-page {
  padding-left: clamp(.65rem, 2vw, 1.5rem) !important;
  padding-right: clamp(.65rem, 2vw, 1.5rem) !important;
}

html body .marketing-storyboard-v1139,
html body.ga-light-theme .marketing-storyboard-v1139,
html body .public-home-storyboard.marketing-storyboard-v1139,
html body.ga-light-theme .public-home-storyboard.marketing-storyboard-v1139 {
  width: min(100%, 1880px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body:has(.ga-policy-page) main.ga-page,
html body.ga-light-theme:has(.ga-policy-page) main.ga-page,
html body:has(.ga-policy-page) .ga-page,
html body.ga-light-theme:has(.ga-policy-page) .ga-page {
  padding-left: clamp(.65rem, 2vw, 1.5rem) !important;
  padding-right: clamp(.65rem, 2vw, 1.5rem) !important;
}

/* Role/perspective marketing show pages use standalone sections rather than a
   single wrapper. Give those sections a consistent page gutter. */
html body main.ga-page > section[style*="Digital Sports Hub"],
html body.ga-light-theme main.ga-page > section[style*="Digital Sports Hub"],
html body main.ga-page > section[style*="background:#0f172a"],
html body.ga-light-theme main.ga-page > section[style*="background:#0f172a"],
html body main.ga-page > section[style*="background:#0b1220"],
html body.ga-light-theme main.ga-page > section[style*="background:#0b1220"] {
  margin-left: clamp(.65rem, 2vw, 1.5rem) !important;
  margin-right: clamp(.65rem, 2vw, 1.5rem) !important;
}

html body main.ga-page > section[style*="border-radius:1.5rem"],
html body.ga-light-theme main.ga-page > section[style*="border-radius:1.5rem"],
html body main.ga-page > section[style*="border-radius:2rem"],
html body.ga-light-theme main.ga-page > section[style*="border-radius:2rem"] {
  margin-left: clamp(.65rem, 2vw, 1.5rem) !important;
  margin-right: clamp(.65rem, 2vw, 1.5rem) !important;
}

@media (max-width: 640px) {
  html body:has(.marketing-storyboard-v1139) main.ga-page,
  html body.ga-light-theme:has(.marketing-storyboard-v1139) main.ga-page,
  html body:has(.ga-policy-page) main.ga-page,
  html body.ga-light-theme:has(.ga-policy-page) main.ga-page {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  html body main.ga-page > section[style*="border-radius:1.5rem"],
  html body.ga-light-theme main.ga-page > section[style*="border-radius:1.5rem"],
  html body main.ga-page > section[style*="border-radius:2rem"],
  html body.ga-light-theme main.ga-page > section[style*="border-radius:2rem"] {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }
}


/* v0.0.1164: Marketing role page gutters and gold hero description.
   Use a real wrapper for role/perspective marketing pages so every section follows
   the same left/right gutter. Also keep the hero summary/promise in the same
   yellow-gold family as the primary marketing buttons. */
html body .marketing-role-page-v1164,
html body.ga-light-theme .marketing-role-page-v1164 {
  width: min(100%, 1880px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(.65rem, 2vw, 1.5rem) !important;
  padding-right: clamp(.65rem, 2vw, 1.5rem) !important;
  box-sizing: border-box !important;
}

html body .marketing-role-page-v1164 > section,
html body.ga-light-theme .marketing-role-page-v1164 > section {
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

html body .marketing-role-page-v1164 .marketing-role-hero-summary,
html body .marketing-role-page-v1164 .marketing-role-hero-promise,
html body.ga-light-theme .marketing-role-page-v1164 .marketing-role-hero-summary,
html body.ga-light-theme .marketing-role-page-v1164 .marketing-role-hero-promise {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
}

html body .marketing-role-page-v1164 section:first-of-type .marketing-role-hero-summary,
html body .marketing-role-page-v1164 section:first-of-type .marketing-role-hero-promise,
html body.ga-light-theme .marketing-role-page-v1164 section:first-of-type .marketing-role-hero-summary,
html body.ga-light-theme .marketing-role-page-v1164 section:first-of-type .marketing-role-hero-promise {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
  font-weight: 720 !important;
}

/* Override the earlier broad dark-panel repair only for these two hero description
   lines; other dark-panel text can stay white. */
body [style*="background:#0f172a"] .marketing-role-hero-summary,
body [style*="background:#0f172a"] .marketing-role-hero-promise,
body [style*="background:#0b1220"] .marketing-role-hero-summary,
body [style*="background:#0b1220"] .marketing-role-hero-promise {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
}

@media (max-width: 640px) {
  html body .marketing-role-page-v1164,
  html body.ga-light-theme .marketing-role-page-v1164 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }
}


/* v0.0.1165: Correct role marketing hero color hierarchy.
   Across all role/perspective marketing pages:
   - "Digital Sports Hub · For..." eyebrow uses the GA360 logo green.
   - The hero summary/description is off-white.
   - The promise/value line remains yellow-gold like the primary buttons. */
html body .marketing-role-page-v1164 .marketing-role-hero-eyebrow,
html body.ga-light-theme .marketing-role-page-v1164 .marketing-role-hero-eyebrow,
body [style*="background:#0f172a"] .marketing-role-hero-eyebrow,
body [style*="background:#0b1220"] .marketing-role-hero-eyebrow {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

html body .marketing-role-page-v1164 .marketing-role-hero-summary,
html body.ga-light-theme .marketing-role-page-v1164 .marketing-role-hero-summary,
body [style*="background:#0f172a"] .marketing-role-hero-summary,
body [style*="background:#0b1220"] .marketing-role-hero-summary {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: .92 !important;
}

html body .marketing-role-page-v1164 .marketing-role-hero-promise,
html body.ga-light-theme .marketing-role-page-v1164 .marketing-role-hero-promise,
body [style*="background:#0f172a"] .marketing-role-hero-promise,
body [style*="background:#0b1220"] .marketing-role-hero-promise {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
  opacity: 1 !important;
}


/* v0.0.1166: Customer-facing marketing copy and athlete tool messaging. */
html body .marketing-role-page-v1164 .marketing-role-hero-summary,
html body.ga-light-theme .marketing-role-page-v1164 .marketing-role-hero-summary,
body [style*="background:#0f172a"] .marketing-role-hero-summary,
body [style*="background:#0b1220"] .marketing-role-hero-summary {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  font-weight: 660 !important;
  opacity: .94 !important;
}

html body .marketing-role-page-v1164 .marketing-role-hero-promise,
html body.ga-light-theme .marketing-role-page-v1164 .marketing-role-hero-promise {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
  font-weight: 720 !important;
}


/* v0.0.1172: Racing event package cards. */
.racing-package-grid-v1172 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: .85rem;
}

.racing-package-card-v1172 {
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 1rem;
  background: #ffffff;
  padding: 1rem;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
}

.racing-package-card-v1172.is-selected {
  border-color: #16a34a;
  box-shadow: 0 14px 32px rgba(22, 163, 74, .18);
}

.racing-package-card-v1172 strong {
  display: block;
  color: #0f172a;
  font-size: 1.35rem;
  font-weight: 800;
}

.racing-package-card-v1172 p {
  color: #334155;
  font-weight: 600;
  line-height: 1.45;
  margin: .45rem 0;
}

.racing-package-card-v1172 small {
  display: block;
  color: #475569;
  font-weight: 700;
  line-height: 1.4;
}


/* v0.0.1173: Fix dark text on black/dark badges on marketing feature pages.
   Marketing typography softening previously pushed some badge/span text to dark
   slate even when the badge background was black/navy. Keep those badge labels
   white for readable contrast. */
html body .marketing-storyboard-v1139 .ga-chip,
html body .marketing-storyboard-v1139 .badge,
html body .marketing-storyboard-v1139 [class*="badge"],
html body .marketing-storyboard-v1139 [class*="pill"],
html body .marketing-storyboard-v1139 [class*="tag"],
html body .marketing-role-page-v1164 .ga-chip,
html body .marketing-role-page-v1164 .badge,
html body .marketing-role-page-v1164 [class*="badge"],
html body .marketing-role-page-v1164 [class*="pill"],
html body .marketing-role-page-v1164 [class*="tag"],
html body.ga-light-theme .marketing-storyboard-v1139 .ga-chip,
html body.ga-light-theme .marketing-storyboard-v1139 .badge,
html body.ga-light-theme .marketing-storyboard-v1139 [class*="badge"],
html body.ga-light-theme .marketing-storyboard-v1139 [class*="pill"],
html body.ga-light-theme .marketing-storyboard-v1139 [class*="tag"],
html body.ga-light-theme .marketing-role-page-v1164 .ga-chip,
html body.ga-light-theme .marketing-role-page-v1164 .badge,
html body.ga-light-theme .marketing-role-page-v1164 [class*="badge"],
html body.ga-light-theme .marketing-role-page-v1164 [class*="pill"],
html body.ga-light-theme .marketing-role-page-v1164 [class*="tag"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .marketing-storyboard-v1139 .ga-chip *,
html body .marketing-storyboard-v1139 .badge *,
html body .marketing-storyboard-v1139 [class*="badge"] *,
html body .marketing-storyboard-v1139 [class*="pill"] *,
html body .marketing-storyboard-v1139 [class*="tag"] *,
html body .marketing-role-page-v1164 .ga-chip *,
html body .marketing-role-page-v1164 .badge *,
html body .marketing-role-page-v1164 [class*="badge"] *,
html body .marketing-role-page-v1164 [class*="pill"] *,
html body .marketing-role-page-v1164 [class*="tag"] *,
html body.ga-light-theme .marketing-storyboard-v1139 .ga-chip *,
html body.ga-light-theme .marketing-storyboard-v1139 .badge *,
html body.ga-light-theme .marketing-storyboard-v1139 [class*="badge"] *,
html body.ga-light-theme .marketing-storyboard-v1139 [class*="pill"] *,
html body.ga-light-theme .marketing-storyboard-v1139 [class*="tag"] *,
html body.ga-light-theme .marketing-role-page-v1164 .ga-chip *,
html body.ga-light-theme .marketing-role-page-v1164 .badge *,
html body.ga-light-theme .marketing-role-page-v1164 [class*="badge"] *,
html body.ga-light-theme .marketing-role-page-v1164 [class*="pill"] *,
html body.ga-light-theme .marketing-role-page-v1164 [class*="tag"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Preserve intentionally light/yellow action buttons that use dark text. */
html body .marketing-storyboard-v1139 .public-home-btn--gold,
html body .marketing-storyboard-v1139 .public-home-btn--gold *,
html body .marketing-role-page-v1164 a[style*="background:#facc15"],
html body .marketing-role-page-v1164 a[style*="background:#facc15"] *,
html body .marketing-role-page-v1164 a[style*="background:#ffffff"],
html body .marketing-role-page-v1164 a[style*="background:#ffffff"] *,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-btn--gold,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-btn--gold *,
html body.ga-light-theme .marketing-role-page-v1164 a[style*="background:#facc15"],
html body.ga-light-theme .marketing-role-page-v1164 a[style*="background:#facc15"] *,
html body.ga-light-theme .marketing-role-page-v1164 a[style*="background:#ffffff"],
html body.ga-light-theme .marketing-role-page-v1164 a[style*="background:#ffffff"] * {
  color: #243044 !important;
  -webkit-text-fill-color: #243044 !important;
}

/* More explicit coverage for inline dark badge backgrounds. */
body .marketing-storyboard-v1139 [style*="background:#0f172a"],
body .marketing-storyboard-v1139 [style*="background:#111827"],
body .marketing-storyboard-v1139 [style*="background:#0b1220"],
body .marketing-role-page-v1164 [style*="background:#0f172a"],
body .marketing-role-page-v1164 [style*="background:#111827"],
body .marketing-role-page-v1164 [style*="background:#0b1220"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body .marketing-storyboard-v1139 [style*="background:#0f172a"] *,
body .marketing-storyboard-v1139 [style*="background:#111827"] *,
body .marketing-storyboard-v1139 [style*="background:#0b1220"] *,
body .marketing-role-page-v1164 [style*="background:#0f172a"] *,
body .marketing-role-page-v1164 [style*="background:#111827"] *,
body .marketing-role-page-v1164 [style*="background:#0b1220"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* v0.0.1174: Final marketing badge contrast repair.
   The marketing text-softening layer was still overriding nested text inside
   dark badges/pills. These exact feature-page badge elements now force white
   text after all earlier marketing rules. */
html body .marketing-storyboard-v1139 .public-home-lane-card > span,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-lane-card > span,
html body .marketing-storyboard-v1139 .public-home-media-card > span,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-media-card > span,
html body .marketing-storyboard-v1139 .marketing-workflow-board article > span,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-workflow-board article > span,
html body .marketing-storyboard-v1139 .public-home-kicker,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-kicker {
  background: #0f172a !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body .marketing-storyboard-v1139 .public-home-lane-card > span *,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-lane-card > span *,
html body .marketing-storyboard-v1139 .public-home-media-card > span *,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-media-card > span *,
html body .marketing-storyboard-v1139 .marketing-workflow-board article > span *,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-workflow-board article > span *,
html body .marketing-storyboard-v1139 .public-home-kicker *,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-kicker * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Hero orbit cards are light badges, but the label text became too faint.
   Keep these labels readable without changing the card backgrounds. */
html body .marketing-storyboard-v1139 .public-home-orbit-card span,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-orbit-card span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body .marketing-storyboard-v1139 .public-home-orbit-card strong,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-orbit-card strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Keep blue kicker sections readable on light panels. */
html body .marketing-storyboard-v1139 .public-home-kicker--blue,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-kicker--blue {
  background: #eaf3ff !important;
  border-color: #bfd7ff !important;
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}


/* v0.0.1175: Correct marketing hero visual contrast.
   v0.0.1174 fixed dark badges, but it made the white translucent hero orbit
   cards use white text. Those cards need dark text. Also keep the hero body
   copy and light CTA button readable. */
html body .marketing-storyboard-v1139 .public-home-orbit-card,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-orbit-card {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.48) !important;
}

html body .marketing-storyboard-v1139 .public-home-orbit-card span,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-orbit-card span {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  opacity: 1 !important;
}

html body .marketing-storyboard-v1139 .public-home-orbit-card strong,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-orbit-card strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}

html body .marketing-storyboard-v1139 .public-home-hero-copy p,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-hero-copy p {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: .96 !important;
}

html body .marketing-storyboard-v1139 .public-home-btn--light,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-btn--light,
html body .marketing-storyboard-v1139 .public-home-btn--light *,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-btn--light * {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}

html body .marketing-storyboard-v1139 .public-home-btn--ghost,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-btn--ghost,
html body .marketing-storyboard-v1139 .public-home-btn--ghost *,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-btn--ghost * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Keep the actual dark badge elements white, without affecting light orbit cards. */
html body .marketing-storyboard-v1139 .public-home-lane-card > span,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-lane-card > span,
html body .marketing-storyboard-v1139 .public-home-media-card > span,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-media-card > span,
html body .marketing-storyboard-v1139 .marketing-workflow-board article > span,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-workflow-board article > span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* v0.0.1176: Redesign the marketing home hero system graphic. */
html body .marketing-storyboard-v1139 .marketing-control-room-v1176,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-control-room-v1176 {
  position: relative !important;
  min-height: clamp(390px, 42vw, 590px) !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  isolation: isolate !important;
  background: radial-gradient(circle at 50% 42%, rgba(34,197,94,.18), transparent 24%), radial-gradient(circle at 82% 22%, rgba(59,130,246,.24), transparent 28%), linear-gradient(135deg, rgba(15,23,42,.58), rgba(30,41,59,.38)) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 24px 70px rgba(2,6,23,.26) !important;
}
html body .marketing-storyboard-v1139 .marketing-system-rings,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-rings {
  position: absolute !important; inset: 8% !important; z-index: 0 !important; pointer-events: none !important;
}
html body .marketing-storyboard-v1139 .marketing-system-rings span,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-rings span {
  position: absolute !important; inset: 0 !important; border-radius: 42px !important; border: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(90deg, rgba(255,255,255,.08), transparent 18%, transparent 82%, rgba(255,255,255,.08)), radial-gradient(circle at center, transparent 0 58%, rgba(255,255,255,.06) 59%, transparent 61%) !important;
}
html body .marketing-storyboard-v1139 .marketing-system-rings span:nth-child(2),
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-rings span:nth-child(2) { inset: 13% 9% !important; border-style: dashed !important; opacity: .7 !important; }
html body .marketing-storyboard-v1139 .marketing-system-rings span:nth-child(3),
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-rings span:nth-child(3) { inset: 27% 21% !important; border-color: rgba(34,197,94,.22) !important; opacity: .85 !important; }
html body .marketing-storyboard-v1139 .marketing-center-mark-v1176,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-center-mark-v1176 {
  position: relative !important; z-index: 2 !important; width: clamp(190px, 21vw, 300px) !important; height: clamp(190px, 21vw, 300px) !important;
  background: rgba(255,255,255,.96) !important; box-shadow: 0 34px 90px rgba(2,6,23,.34), 0 0 0 14px rgba(255,255,255,.08), 0 0 0 1px rgba(15,23,42,.08) !important;
}
html body .marketing-storyboard-v1139 .marketing-center-mark-v1176 img,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-center-mark-v1176 img { width: 78% !important; max-width: 245px !important; filter: drop-shadow(0 10px 20px rgba(2,6,23,.18)) !important; }
html body .marketing-storyboard-v1139 .marketing-system-card,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card {
  position: absolute !important; z-index: 3 !important; width: clamp(210px, 20vw, 295px) !important; min-height: 118px !important; display: grid !important; gap: .35rem !important; align-content: start !important;
  padding: 1rem 1.05rem !important; border-radius: 24px !important; background: rgba(255,255,255,.92) !important; border: 1px solid rgba(255,255,255,.62) !important; backdrop-filter: blur(14px) !important; box-shadow: 0 22px 54px rgba(2,6,23,.24) !important;
}
html body .marketing-storyboard-v1139 .marketing-system-card--ops,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card--ops { left: clamp(1rem, 5vw, 4.25rem) !important; top: clamp(1rem, 5vw, 4.25rem) !important; }
html body .marketing-storyboard-v1139 .marketing-system-card--media,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card--media { right: clamp(1rem, 5vw, 4.25rem) !important; top: clamp(3.25rem, 9vw, 7.8rem) !important; }
html body .marketing-storyboard-v1139 .marketing-system-card--growth,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card--growth { left: clamp(2rem, 12vw, 9rem) !important; bottom: clamp(1rem, 5vw, 4rem) !important; }
html body .marketing-storyboard-v1139 .marketing-system-card span,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card span {
  display: inline-flex !important; width: fit-content !important; padding: .28rem .5rem !important; border-radius: 999px !important; background: rgba(37,99,235,.10) !important; color: #2563eb !important; -webkit-text-fill-color: #2563eb !important; text-transform: uppercase !important; letter-spacing: .16em !important; font-size: .68rem !important; font-weight: 850 !important;
}
html body .marketing-storyboard-v1139 .marketing-system-card strong,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card strong { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; font-size: clamp(1rem, 1.35vw, 1.35rem) !important; line-height: 1.05 !important; letter-spacing: -.035em !important; font-weight: 800 !important; }
html body .marketing-storyboard-v1139 .marketing-system-card small,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card small { color: #475569 !important; -webkit-text-fill-color: #475569 !important; font-size: .78rem !important; font-weight: 750 !important; }
html body .marketing-storyboard-v1139 .marketing-flow-node,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-flow-node {
  position: absolute !important; z-index: 4 !important; width: 34px !important; height: 34px !important; border-radius: 999px !important; display: grid !important; place-items: center !important; background: #22c55e !important; color: #052e16 !important; -webkit-text-fill-color: #052e16 !important; font-weight: 900 !important; box-shadow: 0 12px 28px rgba(34,197,94,.28) !important;
}
html body .marketing-storyboard-v1139 .marketing-flow-node--one,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-flow-node--one { left: 34% !important; top: 27% !important; }
html body .marketing-storyboard-v1139 .marketing-flow-node--two,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-flow-node--two { right: 34% !important; top: 34% !important; }
html body .marketing-storyboard-v1139 .marketing-flow-node--three,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-flow-node--three { left: 42% !important; bottom: 28% !important; }
@media (max-width: 980px) {
  html body .marketing-storyboard-v1139 .marketing-control-room-v1176,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-control-room-v1176 { min-height: 520px !important; }
  html body .marketing-storyboard-v1139 .marketing-system-card,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card { width: min(255px, 45%) !important; }
  html body .marketing-storyboard-v1139 .marketing-system-card--ops,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card--ops { left: .85rem !important; top: .85rem !important; }
  html body .marketing-storyboard-v1139 .marketing-system-card--media,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card--media { right: .85rem !important; top: 5rem !important; }
  html body .marketing-storyboard-v1139 .marketing-system-card--growth,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card--growth { left: .85rem !important; bottom: .85rem !important; }
}
@media (max-width: 640px) {
  html body .marketing-storyboard-v1139 .marketing-control-room-v1176,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-control-room-v1176 { min-height: auto !important; display: grid !important; gap: .75rem !important; padding: 1rem !important; place-items: stretch !important; }
  html body .marketing-storyboard-v1139 .marketing-system-rings,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-rings,
  html body .marketing-storyboard-v1139 .marketing-flow-node,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-flow-node { display: none !important; }
  html body .marketing-storyboard-v1139 .marketing-center-mark-v1176,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-center-mark-v1176,
  html body .marketing-storyboard-v1139 .marketing-system-card,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-system-card { position: relative !important; inset: auto !important; width: 100% !important; min-height: 0 !important; }
  html body .marketing-storyboard-v1139 .marketing-center-mark-v1176,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-center-mark-v1176 { width: 190px !important; height: 190px !important; justify-self: center !important; }
}


/* v0.0.1177: Replace the marketing hero graphic with a cleaner platform preview.
   The prior hub-and-spoke visual was too busy and still felt awkward. This is a
   compact dashboard-style graphic with clear hierarchy, no overlapping cards, and
   a direct Operate/Broadcast/Package/Grow flow. */
html body .marketing-storyboard-v1139 .marketing-control-room-v1177,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-control-room-v1177 {
  position: relative !important;
  display: grid !important;
  gap: 1rem !important;
  align-content: start !important;
  min-height: 0 !important;
  padding: clamp(1rem, 2vw, 1.45rem) !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(34,197,94,.22), transparent 22%),
    radial-gradient(circle at 10% 82%, rgba(250,204,21,.12), transparent 30%),
    linear-gradient(145deg, rgba(15,23,42,.82), rgba(30,58,138,.42)) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 28px 70px rgba(2,6,23,.28) !important;
}

html body .marketing-storyboard-v1139 .marketing-control-room-v1177::before,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-control-room-v1177::before {
  content: "" !important;
  position: absolute !important;
  inset: 1rem !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  pointer-events: none !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-topbar,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-topbar {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: .95rem 1rem !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 18px 42px rgba(2,6,23,.18) !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-topbar span,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-topbar span {
  display: block !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-topbar strong,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-topbar strong {
  display: block !important;
  margin-top: .16rem !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: clamp(1.15rem, 1.7vw, 1.65rem) !important;
  line-height: 1.02 !important;
  font-weight: 820 !important;
  letter-spacing: -.04em !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-topbar img,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-topbar img {
  width: clamp(86px, 10vw, 128px) !important;
  height: auto !important;
  filter: drop-shadow(0 8px 16px rgba(2,6,23,.18)) !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-flow,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-flow {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  gap: .72rem !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-flow article,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-flow article {
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) !important;
  align-items: center !important;
  gap: .75rem !important;
  padding: .82rem .9rem !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-flow article span,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-flow article span {
  width: 46px !important;
  height: 46px !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  background: #22c55e !important;
  color: #052e16 !important;
  -webkit-text-fill-color: #052e16 !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-flow article strong,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-flow article strong {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.05rem, 1.45vw, 1.35rem) !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  letter-spacing: -.035em !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-flow article small,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-flow article small {
  display: block !important;
  margin-top: .22rem !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  font-size: .88rem !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-preview-grid,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-preview-grid {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: .72rem !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-preview-grid > div,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-preview-grid > div {
  min-height: 104px !important;
  border-radius: 22px !important;
  padding: .85rem !important;
  display: grid !important;
  align-content: end !important;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.82)) !important;
  box-shadow: 0 18px 36px rgba(2,6,23,.16) !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-preview-grid span,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-preview-grid span {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  font-size: .67rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
}

html body .marketing-storyboard-v1139 .marketing-v1177-preview-grid strong,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-preview-grid strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: .98rem !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
}

@media (max-width: 900px) {
  html body .marketing-storyboard-v1139 .marketing-v1177-preview-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-preview-grid {
    grid-template-columns: 1fr !important;
  }

  html body .marketing-storyboard-v1139 .marketing-v1177-preview-grid > div,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-preview-grid > div {
    min-height: 74px !important;
  }
}

@media (max-width: 560px) {
  html body .marketing-storyboard-v1139 .marketing-v1177-topbar,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-topbar {
    align-items: flex-start !important;
  }

  html body .marketing-storyboard-v1139 .marketing-v1177-topbar img,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1177-topbar img {
    width: 76px !important;
  }
}


/* v0.0.1178: Limit marketing audience cards to five per row max.
   The perspective/role card grid should not stretch to 6-7 cards across on wide
   screens. Cap the layout at 5 columns and let additional cards wrap. */
html body .marketing-storyboard-v1139 .public-home-lane-grid,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-lane-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 1.15rem !important;
  align-items: stretch !important;
}

html body .marketing-storyboard-v1139 .public-home-lane-grid > *,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-lane-grid > * {
  min-width: 0 !important;
}

@media (max-width: 1500px) {
  html body .marketing-storyboard-v1139 .public-home-lane-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .public-home-lane-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  html body .marketing-storyboard-v1139 .public-home-lane-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .public-home-lane-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  html body .marketing-storyboard-v1139 .public-home-lane-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .public-home-lane-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  html body .marketing-storyboard-v1139 .public-home-lane-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .public-home-lane-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.0.1182: Marketing platform coverage now includes participants.
   Also fix the empty-looking role pill links: earlier broad badge contrast rules
   made their labels disappear on light pills. */
html body .marketing-storyboard-v1139 .marketing-v1182-platform-grid,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1182-platform-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body .marketing-storyboard-v1139 .public-home-media-card--participants,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-media-card--participants {
  background:
    radial-gradient(circle at 88% 14%, rgba(34,197,94,.16), transparent 28%),
    #ffffff !important;
  border-color: rgba(34,197,94,.22) !important;
}

html body .marketing-storyboard-v1139 .public-home-media-card--participants span,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-media-card--participants span {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .marketing-storyboard-v1139 .marketing-v1182-pill-links a,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1182-pill-links a,
html body .marketing-storyboard-v1139 .public-home-pill-links a,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-pill-links a {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #ffffff !important;
  border: 1px solid rgba(15,23,42,.16) !important;
  min-width: 0 !important;
  width: auto !important;
  padding: .62rem .95rem !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.08) !important;
  opacity: 1 !important;
}

html body .marketing-storyboard-v1139 .marketing-v1182-pill-links a:hover,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1182-pill-links a:hover,
html body .marketing-storyboard-v1139 .public-home-pill-links a:hover,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-pill-links a:hover {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #0f172a !important;
}

@media (max-width: 1280px) {
  html body .marketing-storyboard-v1139 .marketing-v1182-platform-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1182-platform-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  html body .marketing-storyboard-v1139 .marketing-v1182-platform-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-v1182-platform-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.0.1197: Keep marketing audience cards balanced.
   The role cards were stretching into a 7/3 layout on wide screens.
   Force a cleaner maximum of five cards per row for the ten perspective cards. */
html body .marketing-storyboard-v1139 .marketing-audience-grid,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-audience-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  align-items: stretch !important;
}

html body .marketing-storyboard-v1139 .marketing-audience-card,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-audience-card {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

@media (max-width: 1500px) {
  html body .marketing-storyboard-v1139 .marketing-audience-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-audience-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1120px) {
  html body .marketing-storyboard-v1139 .marketing-audience-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-audience-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body .marketing-storyboard-v1139 .marketing-audience-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-audience-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  html body .marketing-storyboard-v1139 .marketing-audience-grid,
  html body.ga-light-theme .marketing-storyboard-v1139 .marketing-audience-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.0.1199: Soften marketing hero typography.
   The hero headline was too large, heavy, and visually harsh on desktop.
   Keep the message strong while improving readability and reducing eye strain. */
html body .marketing-storyboard-v1139 .public-home-hero-copy h1,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-hero-copy h1 {
  font-size: clamp(3.2rem, 5.4vw, 6.65rem) !important;
  line-height: .94 !important;
  letter-spacing: -.07em !important;
  font-weight: 720 !important;
  max-width: 12ch !important;
  text-wrap: balance !important;
}

html body .marketing-storyboard-v1139 .public-home-hero-copy p,
html body.ga-light-theme .marketing-storyboard-v1139 .public-home-hero-copy p {
  max-width: 58rem !important;
  font-size: clamp(1.05rem, 1.25vw, 1.28rem) !important;
  line-height: 1.55 !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

html body .marketing-storyboard-v1139 .marketing-storyboard-hero,
html body.ga-light-theme .marketing-storyboard-v1139 .marketing-storyboard-hero {
  gap: clamp(2rem, 4vw, 4.5rem) !important;
}

@media (min-width: 1200px) {
  html body .marketing-storyboard-v1139 .public-home-hero-copy,
  html body.ga-light-theme .marketing-storyboard-v1139 .public-home-hero-copy {
    max-width: 760px !important;
  }
}

@media (max-width: 760px) {
  html body .marketing-storyboard-v1139 .public-home-hero-copy h1,
  html body.ga-light-theme .marketing-storyboard-v1139 .public-home-hero-copy h1 {
    font-size: clamp(2.45rem, 13vw, 4rem) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    max-width: 11ch !important;
  }
}


/* v0.0.1200: Fan home team feed uses space like the other sections.
   The team feed onboarding state was stretching vertically with too much empty
   space and uneven suggested-team cards. Keep the panel content anchored,
   make onboarding compact, and use a four-card row on desktop. */
html body .fan-home-v2 .fan-panel-v2,
html body.ga-light-theme .fan-home-v2 .fan-panel-v2 {
  align-content: start !important;
  grid-auto-rows: max-content !important;
}

html body .fan-home-v2 .fan-panel-v2--teams,
html body.ga-light-theme .fan-home-v2 .fan-panel-v2--teams {
  min-height: 0 !important;
  align-self: start !important;
}

html body .fan-home-v2 .fan-panel-v2--teams .fan-section-head,
html body.ga-light-theme .fan-home-v2 .fan-panel-v2--teams .fan-section-head {
  margin-bottom: .9rem !important;
}

html body .fan-home-v2 .fan-onboarding-card,
html body.ga-light-theme .fan-home-v2 .fan-onboarding-card {
  display: grid !important;
  grid-template-columns: minmax(260px, .42fr) minmax(0, 1fr) !important;
  gap: 1rem !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 1rem !important;
  border-radius: 24px !important;
}

html body .fan-home-v2 .fan-onboarding-card h3,
html body.ga-light-theme .fan-home-v2 .fan-onboarding-card h3 {
  margin: 0 0 .35rem !important;
  font-size: clamp(1.65rem, 2.2vw, 2.15rem) !important;
  line-height: 1 !important;
}

html body .fan-home-v2 .fan-onboarding-card p,
html body.ga-light-theme .fan-home-v2 .fan-onboarding-card p {
  margin: 0 !important;
  max-width: 34rem !important;
  line-height: 1.4 !important;
}

html body .fan-home-v2 .fan-suggested-grid,
html body.ga-light-theme .fan-home-v2 .fan-suggested-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  align-items: stretch !important;
}

html body .fan-home-v2 .fan-suggested-team,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team {
  display: grid !important;
  gap: .35rem !important;
  align-content: start !important;
  min-height: 0 !important;
  padding: .85rem !important;
  border-radius: 18px !important;
}

html body .fan-home-v2 .fan-suggested-team .button_to,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team .button_to,
html body .fan-home-v2 .fan-suggested-team form,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team form {
  margin: .3rem 0 0 !important;
}

html body .fan-home-v2 .fan-suggested-team .fan-btn,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team .fan-btn,
html body .fan-home-v2 .fan-suggested-team button,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team button {
  width: auto !important;
  justify-self: start !important;
  padding: .55rem .8rem !important;
}

@media (max-width: 1280px) {
  html body .fan-home-v2 .fan-onboarding-card,
  html body.ga-light-theme .fan-home-v2 .fan-onboarding-card {
    grid-template-columns: 1fr !important;
  }

  html body .fan-home-v2 .fan-suggested-grid,
  html body.ga-light-theme .fan-home-v2 .fan-suggested-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body .fan-home-v2 .fan-suggested-grid,
  html body.ga-light-theme .fan-home-v2 .fan-suggested-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.0.1203: Stop cramping the Fan Home team feed.
   The previous compact layout squeezed suggested teams into narrow columns.
   Restore comfortable card width, let the grid breathe, and use available space
   without overlapping titles and follow buttons. */
html body .fan-home-v2 .fan-onboarding-card,
html body.ga-light-theme .fan-home-v2 .fan-onboarding-card {
  display: grid !important;
  grid-template-columns: minmax(280px, .36fr) minmax(0, 1fr) !important;
  gap: 1.35rem !important;
  align-items: start !important;
  padding: 1.25rem !important;
}

html body .fan-home-v2 .fan-onboarding-card h3,
html body.ga-light-theme .fan-home-v2 .fan-onboarding-card h3 {
  white-space: normal !important;
  min-width: 0 !important;
}

html body .fan-home-v2 .fan-onboarding-card p,
html body.ga-light-theme .fan-home-v2 .fan-onboarding-card p {
  max-width: 46rem !important;
}

html body .fan-home-v2 .fan-suggested-grid,
html body.ga-light-theme .fan-home-v2 .fan-suggested-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch !important;
  width: 100% !important;
}

html body .fan-home-v2 .fan-suggested-team,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team {
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "name action"
    "sport action" !important;
  column-gap: .9rem !important;
  row-gap: .2rem !important;
  align-items: center !important;
  padding: 1rem !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

html body .fan-home-v2 .fan-suggested-team strong,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team strong {
  grid-area: name !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .fan-home-v2 .fan-suggested-team small,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team small {
  grid-area: sport !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

html body .fan-home-v2 .fan-suggested-team .button_to,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team .button_to,
html body .fan-home-v2 .fan-suggested-team form,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team form {
  grid-area: action !important;
  margin: 0 !important;
  justify-self: end !important;
  align-self: center !important;
}

html body .fan-home-v2 .fan-suggested-team .fan-btn,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team .fan-btn,
html body .fan-home-v2 .fan-suggested-team button,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team button {
  white-space: nowrap !important;
  width: auto !important;
  min-width: 8.25rem !important;
  justify-self: end !important;
  padding: .58rem .82rem !important;
  line-height: 1.15 !important;
}

@media (max-width: 1180px) {
  html body .fan-home-v2 .fan-onboarding-card,
  html body.ga-light-theme .fan-home-v2 .fan-onboarding-card {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 780px) {
  html body .fan-home-v2 .fan-suggested-team,
  html body.ga-light-theme .fan-home-v2 .fan-suggested-team {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "name"
      "sport"
      "action" !important;
  }

  html body .fan-home-v2 .fan-suggested-team .button_to,
  html body.ga-light-theme .fan-home-v2 .fan-suggested-team .button_to,
  html body .fan-home-v2 .fan-suggested-team form,
  html body.ga-light-theme .fan-home-v2 .fan-suggested-team form,
  html body .fan-home-v2 .fan-suggested-team .fan-btn,
  html body.ga-light-theme .fan-home-v2 .fan-suggested-team .fan-btn,
  html body .fan-home-v2 .fan-suggested-team button,
  html body.ga-light-theme .fan-home-v2 .fan-suggested-team button {
    justify-self: start !important;
  }
}


/* v0.0.1204: Fan Home team feed onboarding becomes a real search/browse form.
   The empty-state should help fans find teams by sport/location instead of
   acting like a cramped static suggestion box. */
html body .fan-home-v2 .fan-team-search-card-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-card-v1204 {
  display: grid !important;
  grid-template-columns: minmax(260px, .34fr) minmax(0, 1fr) !important;
  gap: 1.25rem !important;
  align-items: start !important;
  padding: 1.25rem !important;
  border: 1px solid rgba(37,99,235,.2) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 92% 18%, rgba(250,204,21,.22), transparent 26%),
    linear-gradient(135deg,#eff6ff 0%,#ffffff 56%,#f8fafc 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}

html body .fan-home-v2 .fan-team-search-copy-v1204 h3,
html body.ga-light-theme .fan-home-v2 .fan-team-search-copy-v1204 h3 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(1.85rem, 2.8vw, 2.75rem) !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
  font-weight: 780 !important;
}

html body .fan-home-v2 .fan-team-search-copy-v1204 p,
html body.ga-light-theme .fan-home-v2 .fan-team-search-copy-v1204 p {
  margin: .65rem 0 0 !important;
  color: #475569 !important;
  font-weight: 720 !important;
  line-height: 1.55 !important;
  max-width: 32rem !important;
}

html body .fan-home-v2 .fan-team-search-form-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-form-v1204 {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.35fr) minmax(170px, .65fr) minmax(190px, .75fr) auto !important;
  gap: .85rem !important;
  align-items: end !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 20px !important;
  padding: 1rem !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.06) !important;
}

html body .fan-home-v2 .fan-team-search-field-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-field-v1204 {
  display: grid !important;
  gap: .35rem !important;
  min-width: 0 !important;
}

html body .fan-home-v2 .fan-team-search-field-v1204 label,
html body.ga-light-theme .fan-home-v2 .fan-team-search-field-v1204 label {
  color: #0f172a !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

html body .fan-home-v2 .fan-team-search-field-v1204 input,
html body.ga-light-theme .fan-home-v2 .fan-team-search-field-v1204 input {
  width: 100% !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  border-radius: 14px !important;
  padding: .72rem .85rem !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  background: #ffffff !important;
  min-height: 46px !important;
}

html body .fan-home-v2 .fan-team-search-actions-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-actions-v1204 {
  display: flex !important;
  align-items: center !important;
  gap: .6rem !important;
  flex-wrap: wrap !important;
}

html body .fan-home-v2 .fan-team-search-actions-v1204 .fan-btn,
html body.ga-light-theme .fan-home-v2 .fan-team-search-actions-v1204 .fan-btn {
  white-space: nowrap !important;
  min-height: 46px !important;
}

html body .fan-home-v2 .fan-team-search-suggestions-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-suggestions-v1204 {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 1rem !important;
  align-items: start !important;
  margin-top: .15rem !important;
}

html body .fan-home-v2 .fan-team-search-suggestions-v1204 > div:first-child strong,
html body.ga-light-theme .fan-home-v2 .fan-team-search-suggestions-v1204 > div:first-child strong {
  display: block !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

html body .fan-home-v2 .fan-team-search-suggestions-v1204 > div:first-child span,
html body.ga-light-theme .fan-home-v2 .fan-team-search-suggestions-v1204 > div:first-child span {
  display: block !important;
  color: #64748b !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin-top: .25rem !important;
}

html body .fan-home-v2 .fan-suggested-grid-v1204,
html body.ga-light-theme .fan-home-v2 .fan-suggested-grid-v1204 {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
}

@media (max-width: 1280px) {
  html body .fan-home-v2 .fan-team-search-card-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-card-v1204,
  html body .fan-home-v2 .fan-team-search-suggestions-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-suggestions-v1204 {
    grid-template-columns: 1fr !important;
  }

  html body .fan-home-v2 .fan-team-search-form-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-form-v1204 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  html body .fan-home-v2 .fan-team-search-form-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-form-v1204 {
    grid-template-columns: 1fr !important;
  }
}


/* v0.0.1205: Fan Home team search form must stay inside the panel.
   The sport/location fields and action area were forcing a horizontal overflow.
   Let the search card use a stacked form on normal desktop widths, constrain
   placeholder text, and keep all inputs/buttons inside the card. */
html body .fan-home-v2 .fan-team-search-card-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-card-v1204 {
  grid-template-columns: minmax(240px, .32fr) minmax(0, 1fr) !important;
  overflow: hidden !important;
}

html body .fan-home-v2 .fan-team-search-form-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-form-v1204 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .fan-home-v2 .fan-team-search-field-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-field-v1204,
html body .fan-home-v2 .fan-team-search-field-v1204 input,
html body.ga-light-theme .fan-home-v2 .fan-team-search-field-v1204 input {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body .fan-home-v2 .fan-team-search-field-v1204 input::placeholder,
html body.ga-light-theme .fan-home-v2 .fan-team-search-field-v1204 input::placeholder {
  color: #64748b !important;
  opacity: .78 !important;
  font-size: .95rem !important;
}

html body .fan-home-v2 .fan-team-search-actions-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-actions-v1204 {
  grid-column: 1 / -1 !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .fan-home-v2 .fan-team-search-actions-v1204 .fan-btn,
html body.ga-light-theme .fan-home-v2 .fan-team-search-actions-v1204 .fan-btn {
  width: auto !important;
  min-width: 10rem !important;
}

@media (min-width: 1281px) {
  html body .fan-home-v2 .fan-team-search-card-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-card-v1204 {
    grid-template-columns: minmax(240px, .28fr) minmax(0, .72fr) !important;
  }
}

@media (max-width: 1100px) {
  html body .fan-home-v2 .fan-team-search-form-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-form-v1204 {
    grid-template-columns: 1fr !important;
  }

  html body .fan-home-v2 .fan-team-search-actions-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-actions-v1204 {
    grid-column: auto !important;
  }
}

@media (max-width: 720px) {
  html body .fan-home-v2 .fan-team-search-card-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-card-v1204 {
    padding: 1rem !important;
  }

  html body .fan-home-v2 .fan-team-search-actions-v1204 .fan-btn,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-actions-v1204 .fan-btn,
  html body .fan-home-v2 .fan-team-search-actions-v1204 .fan-mini-link,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-actions-v1204 .fan-mini-link {
    width: 100% !important;
    justify-content: center !important;
  }
}


/* v0.0.1206: Keep team search available after a fan follows a team.
   When teams exist, the search should be subdued but immediately accessible,
   not disappear from Fan Home. */
html body .fan-home-v2 .fan-team-search-drawer-v1206,
html body.ga-light-theme .fan-home-v2 .fan-team-search-drawer-v1206 {
  margin-top: 1rem !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg,#f8fafc,#ffffff) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  overflow: hidden !important;
}

html body .fan-home-v2 .fan-team-search-drawer-v1206 > summary,
html body.ga-light-theme .fan-home-v2 .fan-team-search-drawer-v1206 > summary {
  list-style: none !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: .95rem 1rem !important;
  color: #0f172a !important;
}

html body .fan-home-v2 .fan-team-search-drawer-v1206 > summary::-webkit-details-marker,
html body.ga-light-theme .fan-home-v2 .fan-team-search-drawer-v1206 > summary::-webkit-details-marker {
  display: none !important;
}

html body .fan-home-v2 .fan-team-search-drawer-v1206 > summary span,
html body.ga-light-theme .fan-home-v2 .fan-team-search-drawer-v1206 > summary span {
  display: grid !important;
  gap: .2rem !important;
  min-width: 0 !important;
}

html body .fan-home-v2 .fan-team-search-drawer-v1206 > summary strong,
html body.ga-light-theme .fan-home-v2 .fan-team-search-drawer-v1206 > summary strong {
  color: #0f172a !important;
  font-weight: 850 !important;
}

html body .fan-home-v2 .fan-team-search-drawer-v1206 > summary small,
html body.ga-light-theme .fan-home-v2 .fan-team-search-drawer-v1206 > summary small {
  color: #64748b !important;
  font-weight: 720 !important;
}

html body .fan-home-v2 .fan-team-search-drawer-v1206 > summary em,
html body.ga-light-theme .fan-home-v2 .fan-team-search-drawer-v1206 > summary em {
  font-style: normal !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  padding: .48rem .72rem !important;
  background: #eff6ff !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  color: #1d4ed8 !important;
  font-weight: 800 !important;
}

html body .fan-home-v2 .fan-team-search-drawer-v1206[open] > summary,
html body.ga-light-theme .fan-home-v2 .fan-team-search-drawer-v1206[open] > summary {
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
}

html body .fan-home-v2 .fan-team-search-form-v1206,
html body.ga-light-theme .fan-home-v2 .fan-team-search-form-v1206 {
  margin: 1rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body .fan-home-v2 .fan-team-search-suggestions-v1206,
html body.ga-light-theme .fan-home-v2 .fan-team-search-suggestions-v1206 {
  margin: 0 1rem 1rem !important;
  display: grid !important;
  gap: .75rem !important;
}

html body .fan-home-v2 .fan-team-search-suggestions-v1206 > strong,
html body.ga-light-theme .fan-home-v2 .fan-team-search-suggestions-v1206 > strong {
  color: #0f172a !important;
  font-weight: 850 !important;
}

@media (max-width: 1100px) {
  html body .fan-home-v2 .fan-team-search-form-v1206,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-form-v1206 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body .fan-home-v2 .fan-team-search-drawer-v1206 > summary,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-drawer-v1206 > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}


/* v0.0.1207: Fan Home quick team search with live auto-search results. */
html body .fan-home-v2 .fan-team-live-results-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-results-v1207 {
  margin-top: 1rem !important;
  display: grid !important;
  gap: .8rem !important;
}

html body .fan-home-v2 .fan-team-live-results-head-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-results-head-v1207 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: .75rem !important;
}

html body .fan-home-v2 .fan-team-live-results-head-v1207 strong,
html body.ga-light-theme .fan-home-v2 .fan-team-live-results-head-v1207 strong {
  color: #0f172a !important;
  font-weight: 900 !important;
}

html body .fan-home-v2 .fan-team-live-results-head-v1207 span,
html body.ga-light-theme .fan-home-v2 .fan-team-live-results-head-v1207 span,
html body .fan-home-v2 .fan-team-live-empty-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-empty-v1207 {
  color: #64748b !important;
  font-weight: 760 !important;
}

html body .fan-home-v2 .fan-team-live-grid-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-grid-v1207 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .85rem !important;
}

html body .fan-home-v2 .fan-team-live-card-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-card-v1207 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: .9rem !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  padding: .9rem 1rem !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.05) !important;
}

html body .fan-home-v2 .fan-team-live-link-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-link-v1207 {
  display: flex !important;
  align-items: center !important;
  gap: .8rem !important;
  text-decoration: none !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body .fan-home-v2 .fan-team-live-logo-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-logo-v1207 {
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #1d4ed8, #312e81) !important;
  color: #ffffff !important;
  display: grid !important;
  place-items: center !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  flex: 0 0 auto !important;
}

html body .fan-home-v2 .fan-team-live-copy-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-copy-v1207 {
  min-width: 0 !important;
  display: grid !important;
  gap: .2rem !important;
}

html body .fan-home-v2 .fan-team-live-copy-v1207 strong,
html body.ga-light-theme .fan-home-v2 .fan-team-live-copy-v1207 strong {
  color: #0f172a !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}

html body .fan-home-v2 .fan-team-live-copy-v1207 small,
html body.ga-light-theme .fan-home-v2 .fan-team-live-copy-v1207 small {
  color: #64748b !important;
  font-weight: 760 !important;
}

html body .fan-home-v2 .fan-team-live-actions-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-actions-v1207 {
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
  flex: 0 0 auto !important;
}

html body .fan-home-v2 .fan-team-live-open-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-open-v1207 {
  border-radius: 999px !important;
  padding: .55rem .88rem !important;
  background: #eff6ff !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  color: #1d4ed8 !important;
  text-decoration: none !important;
  font-weight: 860 !important;
}

html body .fan-home-v2 .fan-team-result-follow-form,
html body.ga-light-theme .fan-home-v2 .fan-team-result-follow-form {
  margin: 0 !important;
}

html body .fan-home-v2 .fan-team-result-follow-button,
html body.ga-light-theme .fan-home-v2 .fan-team-result-follow-button {
  border-radius: 999px !important;
  padding: .6rem .95rem !important;
  border: 1px solid #f59e0b !important;
  background: #fbbf24 !important;
  color: #07111f !important;
  font-weight: 950 !important;
  box-shadow: 0 10px 24px rgba(245,158,11,.16) !important;
}

html body .fan-home-v2 .fan-team-result-follow-button.is-following,
html body.ga-light-theme .fan-home-v2 .fan-team-result-follow-button.is-following {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

@media (max-width: 960px) {
  html body .fan-home-v2 .fan-team-live-grid-v1207,
  html body.ga-light-theme .fan-home-v2 .fan-team-live-grid-v1207 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body .fan-home-v2 .fan-team-live-card-v1207,
  html body.ga-light-theme .fan-home-v2 .fan-team-live-card-v1207 {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html body .fan-home-v2 .fan-team-live-actions-v1207,
  html body.ga-light-theme .fan-home-v2 .fan-team-live-actions-v1207 {
    width: 100% !important;
    justify-content: space-between !important;
  }
}


/* v0.0.1208: Fan Home latest update cards should show associated media.
   Photo galleries and videos now render their cover/thumbnail image instead
   of only title text. */
html body .fan-home-v2 .fan-update-card,
html body.ga-light-theme .fan-home-v2 .fan-update-card {
  overflow: hidden !important;
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
  min-height: 190px !important;
}

html body .fan-home-v2 .fan-update-card .fan-update-content-v1208,
html body.ga-light-theme .fan-home-v2 .fan-update-card .fan-update-content-v1208 {
  padding: .9rem !important;
  display: grid !important;
  align-content: end !important;
  min-height: 160px !important;
}

html body .fan-home-v2 .fan-update-media-v1208,
html body.ga-light-theme .fan-home-v2 .fan-update-media-v1208 {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 132px !important;
  background-size: cover !important;
  background-position: center !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
}

html body .fan-home-v2 .fan-update-card--lead,
html body.ga-light-theme .fan-home-v2 .fan-update-card--lead {
  min-height: 260px !important;
}

html body .fan-home-v2 .fan-update-card--lead .fan-update-media-v1208,
html body.ga-light-theme .fan-home-v2 .fan-update-card--lead .fan-update-media-v1208 {
  min-height: 220px !important;
}

html body .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media,
html body.ga-light-theme .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media {
  position: relative !important;
  background: #0f172a !important;
  color: #ffffff !important;
}

html body .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media .fan-update-media-v1208,
html body.ga-light-theme .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media .fan-update-media-v1208 {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  aspect-ratio: auto !important;
  opacity: .72 !important;
  border: 0 !important;
}

html body .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media::after,
html body.ga-light-theme .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(15,23,42,.12), rgba(15,23,42,.82)) !important;
  pointer-events: none !important;
}

html body .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media .fan-update-content-v1208,
html body.ga-light-theme .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media .fan-update-content-v1208 {
  position: relative !important;
  z-index: 1 !important;
  min-height: 260px !important;
}

html body .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media span,
html body .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media strong,
html body .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media small,
html body.ga-light-theme .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media span,
html body.ga-light-theme .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media strong,
html body.ga-light-theme .fan-home-v2 .fan-update-card--lead.fan-update-card--with-media small {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(2,6,23,.58) !important;
}


/* v0.0.1212: High-contrast electric marketing win section.
   Some global marketing font-color rules were muting this dark section, making
   blue-on-blue text hard to read. Force readable electric contrast here. */
html body .marketing-operational-win-v1212,
html body.ga-light-theme .marketing-operational-win-v1212 {
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body .marketing-operational-win-v1212 *,
html body.ga-light-theme .marketing-operational-win-v1212 * {
  opacity: 1 !important;
  filter: none !important;
}

html body .marketing-operational-win-kicker-v1212,
html body.ga-light-theme .marketing-operational-win-kicker-v1212 {
  color: #5eead4 !important;
  -webkit-text-fill-color: #5eead4 !important;
}

html body .marketing-operational-win-title-v1212,
html body.ga-light-theme .marketing-operational-win-title-v1212,
html body .marketing-operational-win-copy-v1212 h2,
html body.ga-light-theme .marketing-operational-win-copy-v1212 h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .marketing-operational-win-body-v1212,
html body.ga-light-theme .marketing-operational-win-body-v1212,
html body .marketing-operational-win-copy-v1212 p,
html body.ga-light-theme .marketing-operational-win-copy-v1212 p {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body .marketing-operational-win-pills-v1212 strong,
html body.ga-light-theme .marketing-operational-win-pills-v1212 strong,
html body .marketing-operational-win-card-v1212 span,
html body.ga-light-theme .marketing-operational-win-card-v1212 span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .marketing-operational-win-card-v1212 strong,
html body.ga-light-theme .marketing-operational-win-card-v1212 strong {
  color: #fef08a !important;
  -webkit-text-fill-color: #fef08a !important;
}

@media (max-width: 1100px) {
  html body .marketing-operational-win-v1212,
  html body.ga-light-theme .marketing-operational-win-v1212,
  html body .marketing-operational-win-card-grid-v1212,
  html body.ga-light-theme .marketing-operational-win-card-grid-v1212 {
    grid-template-columns: 1fr !important;
  }
}


/* v0.0.1213: Fan Home live team search results must render horizontally.
   The live search result card was collapsing into a narrow column, forcing
   team names to stack vertically. Give the live results their own full-width
   row inside the search card and force normal horizontal card layout. */
html body .fan-home-v2 .fan-team-search-card-v1204 .fan-team-live-results-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-search-card-v1204 .fan-team-live-results-v1207 {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: .2rem !important;
  display: grid !important;
  gap: .8rem !important;
}

html body .fan-home-v2 .fan-team-live-results-head-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-results-head-v1207 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: .75rem !important;
  width: 100% !important;
}

html body .fan-home-v2 .fan-team-live-results-head-v1207 strong,
html body.ga-light-theme .fan-home-v2 .fan-team-live-results-head-v1207 strong,
html body .fan-home-v2 .fan-team-live-results-head-v1207 span,
html body.ga-light-theme .fan-home-v2 .fan-team-live-results-head-v1207 span {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

html body .fan-home-v2 .fan-team-live-grid-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-grid-v1207 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
  gap: .85rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body .fan-home-v2 .fan-team-live-card-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-card-v1207 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .85rem !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: .85rem 1rem !important;
  overflow: hidden !important;
}

html body .fan-home-v2 .fan-team-live-link-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-link-v1207 {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: .8rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .fan-home-v2 .fan-team-live-copy-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-copy-v1207 {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .fan-home-v2 .fan-team-live-copy-v1207 strong,
html body.ga-light-theme .fan-home-v2 .fan-team-live-copy-v1207 strong,
html body .fan-home-v2 .fan-team-live-copy-v1207 small,
html body.ga-light-theme .fan-home-v2 .fan-team-live-copy-v1207 small {
  display: block !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .fan-home-v2 .fan-team-live-actions-v1207,
html body.ga-light-theme .fan-home-v2 .fan-team-live-actions-v1207 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .55rem !important;
  min-width: max-content !important;
}

html body .fan-home-v2 .fan-team-live-actions-v1207 a,
html body.ga-light-theme .fan-home-v2 .fan-team-live-actions-v1207 a,
html body .fan-home-v2 .fan-team-live-actions-v1207 button,
html body.ga-light-theme .fan-home-v2 .fan-team-live-actions-v1207 button {
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  html body .fan-home-v2 .fan-team-live-grid-v1207,
  html body.ga-light-theme .fan-home-v2 .fan-team-live-grid-v1207 {
    grid-template-columns: 1fr !important;
  }

  html body .fan-home-v2 .fan-team-live-card-v1207,
  html body.ga-light-theme .fan-home-v2 .fan-team-live-card-v1207 {
    grid-template-columns: 1fr !important;
  }

  html body .fan-home-v2 .fan-team-live-actions-v1207,
  html body.ga-light-theme .fan-home-v2 .fan-team-live-actions-v1207 {
    justify-content: flex-start !important;
  }
}


/* v0.0.1221: Runner IQ tools for athlete development, course intelligence,
   elevation-aware race analysis, and split intelligence. */
.runner-iq-page-v1221 {
  display: grid;
  gap: 1.25rem;
  padding: clamp(1rem, 3vw, 2rem);
  background: #eaf1f7;
  color: #0f172a;
}

.runner-iq-hero-v1221,
.runner-iq-panel-v1221,
.runner-iq-grid-v1221 > article {
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 1.5rem;
  box-shadow: 0 18px 45px rgba(15,23,42,.08);
}

.runner-iq-hero-v1221 {
  padding: clamp(1.2rem, 3vw, 2rem);
  background-image: linear-gradient(135deg,#0f172a,#172554);
  color: #ffffff;
}

.runner-iq-hero-v1221--course {
  background-image: linear-gradient(135deg,#052e16,#164e63);
}

.runner-iq-hero-v1221 p,
.runner-iq-panel-v1221 > p {
  margin: 0 0 .55rem;
  color: #2563eb;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .82rem;
}

.runner-iq-hero-v1221 p {
  color: #facc15;
}

.runner-iq-hero-v1221 h1,
.runner-iq-panel-v1221 h2 {
  margin: 0;
  font-weight: 900;
  letter-spacing: -.04em;
  line-height: 1.02;
}

.runner-iq-hero-v1221 h1 {
  font-size: clamp(2.2rem, 5vw, 4rem);
}

.runner-iq-hero-v1221 span {
  display: block;
  margin-top: .75rem;
  color: #facc15;
  font-weight: 760;
}

.runner-iq-grid-v1221 {
  display: grid;
  gap: 1rem;
}

.runner-iq-grid-v1221--four {
  grid-template-columns: repeat(4,minmax(0,1fr));
}

.runner-iq-grid-v1221 > article {
  padding: 1rem;
}

.runner-iq-grid-v1221 span {
  display: block;
  color: #64748b;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .78rem;
}

.runner-iq-grid-v1221 strong {
  display: block;
  margin-top: .35rem;
  font-size: clamp(1.5rem, 3vw, 2.4rem);
  color: #0f172a;
  font-weight: 900;
}

.runner-iq-two-col-v1221 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
}

.runner-iq-panel-v1221 {
  padding: 1.2rem;
}

.runner-iq-list-v1221 {
  display: grid;
  gap: .75rem;
  margin-top: 1rem;
}

.runner-iq-list-v1221 > div,
.runner-iq-callout-v1221,
.runner-iq-empty-v1221 {
  border: 1px solid rgba(37,99,235,.12);
  border-radius: 1rem;
  background: #f8fafc;
  padding: .85rem;
}

.runner-iq-list-v1221 strong,
.runner-iq-callout-v1221 strong {
  display: block;
  color: #0f172a;
  font-weight: 900;
}

.runner-iq-list-v1221 span {
  display: block;
  color: #166534;
  font-weight: 900;
  margin-top: .25rem;
}

.runner-iq-list-v1221 small,
.runner-iq-callout-v1221 span,
.runner-iq-empty-v1221 {
  display: block;
  color: #475569;
  font-weight: 740;
  line-height: 1.45;
  margin-top: .25rem;
}

.runner-iq-chip-list-v1221 {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1rem;
}

.runner-iq-chip-list-v1221 span {
  border-radius: 999px;
  border: 1px solid rgba(22,163,74,.22);
  background: #dcfce7;
  color: #14532d;
  padding: .55rem .75rem;
  font-weight: 850;
}

.runner-iq-table-v1221 {
  overflow-x: auto;
  margin-top: 1rem;
}

.runner-iq-table-v1221 table {
  width: 100%;
  border-collapse: collapse;
}

.runner-iq-table-v1221 th,
.runner-iq-table-v1221 td {
  text-align: left;
  padding: .75rem;
  border-bottom: 1px solid rgba(15,23,42,.1);
  color: #0f172a;
  font-weight: 760;
}

.runner-iq-table-v1221 th {
  color: #475569;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .75rem;
}

.runner-iq-elevation-bars-v1221 {
  display: flex;
  align-items: end;
  gap: 3px;
  height: 90px;
  margin-top: 1rem;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 1rem;
  padding: .7rem;
  background: linear-gradient(180deg,#f8fafc,#eef2ff);
}

.runner-iq-elevation-bars-v1221 span {
  display: block;
  width: 100%;
  min-width: 5px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(180deg,#22c55e,#2563eb);
}

.runner-iq-inline-action-v1221 {
  margin: 1rem 0;
  padding: 0 1rem;
}

.runner-iq-action-v1221 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: .72rem 1rem;
  background: #facc15;
  color: #0f172a !important;
  text-decoration: none;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(250,204,21,.2);
}

@media (max-width: 1000px) {
  .runner-iq-grid-v1221--four,
  .runner-iq-two-col-v1221 {
    grid-template-columns: 1fr;
  }
}


/* v0.0.1222: Runner IQ 5-8 and course mapper intelligence features. */
.runner-iq-elevation-bars-v1221 .runner-iq-grade-climb { background: linear-gradient(180deg,#ef4444,#b91c1c); }
.runner-iq-elevation-bars-v1221 .runner-iq-grade-descent { background: linear-gradient(180deg,#60a5fa,#1d4ed8); }
.runner-iq-elevation-bars-v1221 .runner-iq-grade-rolling { background: linear-gradient(180deg,#34d399,#16a34a); }

.runner-iq-action-v1221 + .runner-iq-action-v1221,
.runner-iq-panel-v1221 .runner-iq-action-v1221 {
  margin-top: .65rem;
}


/* v0.0.1223: Course IQ polish/readability and useful seeded demo state. */
html body .runner-iq-hero-v1221,
html body.ga-light-theme .runner-iq-hero-v1221 {
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body .runner-iq-hero-v1221 h1,
html body.ga-light-theme .runner-iq-hero-v1221 h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 12px 28px rgba(2,6,23,.45);
}

html body .runner-iq-hero-v1221 p,
html body.ga-light-theme .runner-iq-hero-v1221 p {
  color: #5eead4 !important;
  -webkit-text-fill-color: #5eead4 !important;
}

html body .runner-iq-hero-v1221 span,
html body.ga-light-theme .runner-iq-hero-v1221 span {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body .runner-iq-empty-v1221,
html body.ga-light-theme .runner-iq-empty-v1221 {
  background: #f8fafc !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  border-radius: 1rem !important;
  padding: .85rem !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 760 !important;
}


/* v0.0.1225: Course Intelligence map with configured route details. */
.runner-iq-course-map-panel-v1225 {
  display: grid;
  gap: 1rem;
}

.runner-iq-course-map-header-v1225 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.runner-iq-course-map-header-v1225 p {
  margin: 0 0 .4rem;
  color: #2563eb;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .8rem;
}

.runner-iq-course-map-header-v1225 h2 {
  margin: 0;
  color: #0f172a;
  font-weight: 950;
  letter-spacing: -.04em;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.runner-iq-course-map-header-v1225 span {
  display: block;
  color: #475569;
  font-weight: 760;
  line-height: 1.5;
  margin-top: .35rem;
}

.runner-iq-course-map-legend-v1225 {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  max-width: 36rem;
}

.runner-iq-course-map-legend-v1225 span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  background: #f8fafc;
  color: #0f172a;
  padding: .4rem .6rem;
  font-size: .78rem;
  font-weight: 850;
}

.runner-iq-course-map-legend-v1225 i {
  display: inline-block;
  width: .75rem;
  height: .75rem;
  border-radius: 999px;
}

.runner-iq-course-map-legend-v1225 .legend-route { background: #2563eb; }
.runner-iq-course-map-legend-v1225 .legend-climb { background: #dc2626; }
.runner-iq-course-map-legend-v1225 .legend-descent { background: #2563eb; box-shadow: inset 0 0 0 2px #93c5fd; }
.runner-iq-course-map-legend-v1225 .legend-split { background: #facc15; }
.runner-iq-course-map-legend-v1225 .legend-flag { background: #38bdf8; }

.runner-iq-course-map-grid-v1225 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 1rem;
  align-items: stretch;
}

.runner-iq-course-map-wrap-v1225 {
  min-width: 0;
}

.runner-iq-course-map-v1225 {
  width: 100%;
  height: min(68vh, 680px);
  min-height: 440px;
  border-radius: 1.35rem;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.14);
  background: #dbeafe;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 16px 34px rgba(15,23,42,.08);
}

.runner-iq-course-map-empty-v1225 {
  min-height: 360px;
  border-radius: 1.35rem;
  border: 1px dashed rgba(37,99,235,.28);
  background: linear-gradient(135deg,#f8fafc,#eff6ff);
  display: grid;
  place-content: center;
  text-align: center;
  padding: 2rem;
}

.runner-iq-course-map-empty-v1225 strong {
  color: #0f172a;
  font-size: 1.4rem;
  font-weight: 950;
}

.runner-iq-course-map-empty-v1225 span {
  color: #475569;
  font-weight: 760;
  max-width: 38rem;
  margin-top: .4rem;
}

.runner-iq-course-details-v1225 {
  display: grid;
  gap: .75rem;
}

.runner-iq-course-details-v1225 article,
.runner-iq-course-configured-list-v1225 > div {
  border: 1px solid rgba(37,99,235,.12);
  border-radius: 1.1rem;
  background: #f8fafc;
  padding: 1rem;
}

.runner-iq-course-details-v1225 span {
  display: block;
  color: #64748b;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .76rem;
}

.runner-iq-course-details-v1225 strong {
  display: block;
  margin-top: .25rem;
  color: #0f172a;
  font-size: 2rem;
  font-weight: 950;
}

.runner-iq-course-details-v1225 small {
  display: block;
  color: #475569;
  font-weight: 740;
  line-height: 1.45;
  margin-top: .3rem;
}

.runner-iq-course-configured-list-v1225 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .75rem;
}

.runner-iq-course-configured-list-v1225 strong {
  display: block;
  color: #0f172a;
  font-weight: 950;
  margin-bottom: .55rem;
}

.runner-iq-course-configured-list-v1225 span {
  display: inline-flex;
  align-items: center;
  margin: .25rem .35rem .25rem 0;
  border-radius: 999px;
  background: #eef2ff;
  border: 1px solid rgba(37,99,235,.12);
  color: #1e293b;
  padding: .42rem .6rem;
  font-weight: 850;
  font-size: .86rem;
}

.runner-iq-course-map-v1225 .leaflet-popup-content-wrapper,
.runner-iq-course-map-v1225 .leaflet-popup-tip {
  border-radius: 14px;
}

.runner-iq-course-map-v1225 .leaflet-popup-content {
  color: #0f172a;
  font-weight: 760;
}

@media (max-width: 1100px) {
  .runner-iq-course-map-grid-v1225,
  .runner-iq-course-configured-list-v1225 {
    grid-template-columns: 1fr;
  }

  .runner-iq-course-map-v1225 {
    height: 520px;
  }
}


/* v0.0.1228: First-rate Training Center layer without duplicating existing logs/maps. */
.training-center-page-v1228 {
  display: grid;
  gap: 1.1rem;
  padding: clamp(1rem, 3vw, 2rem);
  background: #eaf1f7;
  color: #0f172a;
}

.training-center-hero-v1228,
.training-center-panel-v1228,
.training-center-grid-v1228 > article {
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 1.45rem;
  box-shadow: 0 18px 45px rgba(15,23,42,.08);
}

.training-center-hero-v1228 {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-end;
  padding: clamp(1.2rem, 3vw, 2rem);
  background-image: linear-gradient(135deg,#0f172a,#14532d);
  color: #ffffff;
}

.training-center-hero-v1228 p,
.training-center-panel-v1228 > p {
  margin: 0 0 .45rem;
  color: #5eead4;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .8rem;
}

.training-center-panel-v1228 > p {
  color: #2563eb;
}

.training-center-hero-v1228 h1,
.training-center-panel-v1228 h2 {
  margin: 0;
  color: inherit;
  font-weight: 950;
  letter-spacing: -.045em;
  line-height: 1.03;
}

.training-center-hero-v1228 h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(2.3rem, 5vw, 4.2rem);
}

.training-center-hero-v1228 span {
  display: block;
  color: #e0f2fe;
  font-weight: 760;
  line-height: 1.45;
  margin-top: .65rem;
  max-width: 58rem;
}

.training-center-hero-actions-v1228 {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  justify-content: flex-end;
}

.training-center-grid-v1228 {
  display: grid;
  gap: .85rem;
}

.training-center-grid-v1228--four {
  grid-template-columns: repeat(4,minmax(0,1fr));
}

.training-center-grid-v1228 > article {
  padding: 1rem;
}

.training-center-grid-v1228 span {
  display: block;
  color: #64748b;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .75rem;
}

.training-center-grid-v1228 strong {
  display: block;
  color: #0f172a;
  font-size: clamp(1.5rem, 3vw, 2.35rem);
  font-weight: 950;
  margin-top: .25rem;
}

.training-center-grid-v1228 small {
  display: block;
  color: #475569;
  font-weight: 780;
}

.training-center-two-col-v1228 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
}

.training-center-panel-v1228 {
  padding: 1.15rem;
}

.training-center-list-v1228,
.training-center-calendar-v1228,
.training-center-callout-v1228,
.training-center-form-v1228 {
  display: grid;
  gap: .7rem;
  margin-top: 1rem;
}

.training-center-list-v1228 > div,
.training-center-calendar-item-v1228,
.training-center-callout-v1228,
.training-center-mini-row-v1228,
.training-center-development-grid-v1228 > div {
  border: 1px solid rgba(37,99,235,.12);
  border-radius: 1rem;
  background: #f8fafc;
  padding: .85rem;
}

.training-center-list-v1228 strong,
.training-center-callout-v1228 strong,
.training-center-mini-row-v1228 strong,
.training-center-development-grid-v1228 strong {
  display: block;
  color: #0f172a;
  font-weight: 950;
}

.training-center-list-v1228 span,
.training-center-list-v1228 small,
.training-center-callout-v1228 span,
.training-center-mini-row-v1228 span,
.training-center-development-grid-v1228 span {
  display: block;
  color: #475569;
  font-weight: 760;
  line-height: 1.45;
  margin-top: .25rem;
}

.training-center-calendar-v1228 {
  grid-template-columns: repeat(auto-fit,minmax(210px,1fr));
}

.training-center-calendar-item-v1228 time {
  display: inline-flex;
  color: #2563eb;
  font-weight: 950;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.training-center-calendar-item-v1228--race {
  background: #fff7ed;
  border-color: rgba(234,88,12,.18);
}

.training-center-calendar-item-v1228--planned_workout {
  background: #eff6ff;
}

.training-center-calendar-item-v1228--completed_log {
  background: #f0fdf4;
}

.training-center-form-grid-v1228 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .6rem;
}

.training-center-form-v1228 .form-control,
.training-center-form-v1228 .form-select {
  border-radius: .85rem;
  font-weight: 760;
  color: #0f172a;
}

.training-center-development-grid-v1228 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
  margin-top: 1rem;
}

@media (max-width: 1050px) {
  .training-center-hero-v1228,
  .training-center-two-col-v1228,
  .training-center-grid-v1228--four,
  .training-center-development-grid-v1228 {
    grid-template-columns: 1fr;
  }

  .training-center-hero-v1228 {
    display: grid;
  }

  .training-center-hero-actions-v1228 {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .training-center-form-grid-v1228 {
    grid-template-columns: 1fr;
  }
}


/* v0.0.1229: Player Studio athlete quick-access links. */
.player-studio-athlete-access-v1229 {
  border: 1px solid rgba(37,99,235,.14);
}

.athlete-access-grid-v1229 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(230px,1fr));
  gap: .85rem;
}

.athlete-access-card-v1229 {
  display: grid;
  gap: .4rem;
  min-height: 128px;
  padding: 1rem;
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 1.1rem;
  background: linear-gradient(180deg,#ffffff,#f8fafc);
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-decoration: none;
  box-shadow: 0 14px 32px rgba(15,23,42,.06);
}

.athlete-access-card-v1229:hover,
.athlete-access-card-v1229:focus {
  transform: translateY(-1px);
  border-color: rgba(37,99,235,.32);
  box-shadow: 0 18px 38px rgba(37,99,235,.12);
}

.athlete-access-card-v1229 strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 950;
  font-size: 1.05rem;
}

.athlete-access-card-v1229 span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 760;
  line-height: 1.42;
}

.athlete-team-access-v1229,
.athlete-admin-access-v1229 {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(15,23,42,.1);
  background: #f8fafc;
}

.athlete-team-access-v1229 {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 1rem;
  align-items: center;
}

.athlete-team-access-v1229 strong,
.athlete-admin-access-v1229 strong {
  display: block;
  color: #0f172a;
  font-weight: 950;
}

.athlete-team-access-v1229 span {
  display: block;
  color: #475569;
  font-weight: 760;
  margin-top: .2rem;
}

@media (max-width: 900px) {
  .athlete-team-access-v1229 {
    grid-template-columns: 1fr;
  }
}


/* v0.0.1240: Keep athlete tool pages inside the signed-in sidebar layout. */
.training-center-shell-v1240,
.runner-iq-shell-v1240 {
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  background: #eaf1f7;
}

.training-center-shell-v1240 > .ga-hub-sidebar-pro,
.runner-iq-shell-v1240 > .ga-hub-sidebar-pro {
  position: sticky;
  top: 104px;
}

.training-center-shell-v1240 .training-center-page-v1228,
.runner-iq-shell-v1240 .runner-iq-page-v1221 {
  min-width: 0;
  padding: 0;
}

@media (max-width: 980px) {
  .training-center-shell-v1240,
  .runner-iq-shell-v1240 {
    grid-template-columns: 1fr;
  }

  .training-center-shell-v1240 > .ga-hub-sidebar-pro,
  .runner-iq-shell-v1240 > .ga-hub-sidebar-pro {
    position: static;
  }
}


/* v0.0.1242: Clear course/session map markers with hidden shaping anchors by default. */
.runner-iq-course-marker-v1242 {
  min-width: 40px;
  height: 34px;
  border-radius: 999px;
  border: 3px solid #fff;
  display: grid;
  place-items: center;
  padding: 0 .5rem;
  font-weight: 1000;
  color: #fff;
  box-shadow: 0 12px 28px rgba(15,23,42,.26);
  white-space: nowrap;
}
.runner-iq-course-marker-start-v1242 { background: #16a34a; }
.runner-iq-course-marker-finish-v1242 { background: #dc2626; }
.runner-iq-course-marker-split-v1242 { background: #7c3aed; min-width: 82px; }


/* v0.0.1243: Local elevation window for course/session maps. */
.local-elevation-window-v1243 {
  position: absolute;
  z-index: 1450;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  max-width: 460px;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 45px rgba(15,23,42,.18);
  padding: .8rem;
  color: #0f172a;
  backdrop-filter: blur(10px);
}
.local-elevation-window-v1243.is-muted { opacity: .86; }
.local-elevation-window-v1243 strong {
  display: block;
  font-weight: 1000;
  color: #0f172a;
}
.local-elevation-window-v1243 span {
  display: block;
  color: #475569;
  font-weight: 780;
  line-height: 1.35;
}
.local-elevation-window-v1243 svg {
  display: block;
  width: 100%;
  height: 115px;
  margin-top: .5rem;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
}
.local-elevation-window-v1243 .local-elevation-metrics-v1243 {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: .45rem;
  margin-top: .5rem;
}
.local-elevation-window-v1243 .local-elevation-metrics-v1243 div {
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 12px;
  background: #f8fafc;
  padding: .45rem;
}
.local-elevation-window-v1243 .local-elevation-metrics-v1243 small {
  display: block;
  color: #64748b;
  font-size: .66rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.local-elevation-highlight-v1243 {
  pointer-events: none;
}
@media (max-width: 720px) {
  .local-elevation-window-v1243 {
    position: static;
    max-width: none;
    margin-top: .65rem;
  }
}


/* v0.0.1245: secondary local elevation sidecar, not over the map. */
.local-elevation-sidecar-v1245 {
  margin-top: .85rem;
}
.local-elevation-window-v1243 {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  max-width: none !important;
  width: 100%;
  box-shadow: 0 12px 30px rgba(15,23,42,.08);
}
.map-edit-mode-bar-v1245 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
  margin: .75rem 0;
  padding: .75rem;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 16px;
  background: #f8fafc;
  color: #0f172a;
}
.map-edit-mode-bar-v1245 strong {
  display: block;
  color: #0f172a;
  font-weight: 1000;
}
.map-edit-mode-bar-v1245 span {
  color: #475569;
  font-weight: 780;
}
.map-edit-locked-note-v1245 {
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 16px;
  background: #fff7ed;
  color: #7c2d12;
  font-weight: 850;
  padding: .75rem;
}

/* v0.0.1248: Fan Home empty team feed uses the full panel width efficiently.
   Keep discovery copy and search controls compact across the top, then give
   suggested teams a true responsive card grid instead of a narrow stacked rail. */
html body .fan-home-v2 .fan-team-search-card-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-card-v1204 {
  grid-template-columns: minmax(220px, .28fr) minmax(0, .72fr) !important;
  column-gap: 1.5rem !important;
  row-gap: 1.1rem !important;
  align-items: center !important;
  padding: 1.15rem 1.25rem !important;
}

html body .fan-home-v2 .fan-team-search-copy-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-copy-v1204 {
  align-self: center !important;
}

html body .fan-home-v2 .fan-team-search-copy-v1204 h3,
html body.ga-light-theme .fan-home-v2 .fan-team-search-copy-v1204 h3 {
  font-size: clamp(1.75rem, 2.25vw, 2.45rem) !important;
  max-width: 10ch !important;
}

html body .fan-home-v2 .fan-team-search-copy-v1204 p,
html body.ga-light-theme .fan-home-v2 .fan-team-search-copy-v1204 p {
  font-size: .98rem !important;
  line-height: 1.45 !important;
  max-width: 27rem !important;
}

html body .fan-home-v2 .fan-team-search-form-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-form-v1204 {
  grid-template-columns: minmax(190px, 1.25fr) minmax(145px, .8fr) minmax(155px, .9fr) !important;
  gap: .7rem !important;
  padding: .85rem !important;
}

html body .fan-home-v2 .fan-team-search-actions-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-actions-v1204 {
  grid-column: 1 / -1 !important;
  margin-top: .05rem !important;
}

html body .fan-home-v2 .fan-team-search-suggestions-v1204,
html body.ga-light-theme .fan-home-v2 .fan-team-search-suggestions-v1204 {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .65rem !important;
  margin-top: .1rem !important;
}

html body .fan-home-v2 .fan-team-search-suggestions-v1204 > div:first-child,
html body.ga-light-theme .fan-home-v2 .fan-team-search-suggestions-v1204 > div:first-child {
  display: flex !important;
  align-items: baseline !important;
  gap: .65rem !important;
  flex-wrap: wrap !important;
}

html body .fan-home-v2 .fan-team-search-suggestions-v1204 > div:first-child strong,
html body.ga-light-theme .fan-home-v2 .fan-team-search-suggestions-v1204 > div:first-child strong,
html body .fan-home-v2 .fan-team-search-suggestions-v1204 > div:first-child span,
html body.ga-light-theme .fan-home-v2 .fan-team-search-suggestions-v1204 > div:first-child span {
  display: inline !important;
  margin: 0 !important;
}

html body .fan-home-v2 .fan-suggested-grid-v1204,
html body.ga-light-theme .fan-home-v2 .fan-suggested-grid-v1204 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  width: 100% !important;
}

html body .fan-home-v2 .fan-suggested-team,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "name"
    "sport"
    "action" !important;
  align-content: start !important;
  gap: .18rem !important;
  padding: .8rem .9rem !important;
  min-height: 118px !important;
}

html body .fan-home-v2 .fan-suggested-team .button_to,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team .button_to,
html body .fan-home-v2 .fan-suggested-team form,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team form {
  justify-self: stretch !important;
  align-self: end !important;
  margin-top: .45rem !important;
}

html body .fan-home-v2 .fan-suggested-team .fan-btn,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team .fan-btn,
html body .fan-home-v2 .fan-suggested-team button,
html body.ga-light-theme .fan-home-v2 .fan-suggested-team button {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: center !important;
  padding: .52rem .7rem !important;
}

@media (max-width: 1180px) {
  html body .fan-home-v2 .fan-team-search-card-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-card-v1204 {
    grid-template-columns: minmax(210px, .32fr) minmax(0, .68fr) !important;
  }

  html body .fan-home-v2 .fan-suggested-grid-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-suggested-grid-v1204 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  html body .fan-home-v2 .fan-team-search-card-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-card-v1204 {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  html body .fan-home-v2 .fan-team-search-copy-v1204 h3,
  html body.ga-light-theme .fan-home-v2 .fan-team-search-copy-v1204 h3 {
    max-width: none !important;
  }
}

@media (max-width: 640px) {
  html body .fan-home-v2 .fan-suggested-grid-v1204,
  html body.ga-light-theme .fan-home-v2 .fan-suggested-grid-v1204 {
    grid-template-columns: 1fr !important;
  }
}

/* v0.0.1259: mutually exclusive course/elevation pathway display controls. */
.route-path-display-v1259{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin:.75rem 0;padding:.65rem .75rem;border:1px solid rgba(15,23,42,.12);border-radius:16px;background:#f8fafc;color:#0f172a}
.route-path-display-v1259>span{font-size:.72rem;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-right:.15rem}
.route-path-display-v1259 label{display:inline-flex;align-items:center;gap:.38rem;margin:0;padding:.42rem .65rem;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.12);font-size:.82rem;font-weight:900;cursor:pointer}
.route-path-display-v1259 label:has(input:checked){border-color:#0b72d9;box-shadow:0 0 0 2px rgba(11,114,217,.12);color:#075eae}
.route-path-display-v1259 label:has(input:disabled){opacity:.48;cursor:not-allowed}
.route-path-display-v1259 input{margin:0}

/* v0.0.1261: Compact Course Intelligence workspace keeps the map, live
   simulation, elevation context, and core course metrics in view together. */
.runner-iq-course-page-v1261 {
  gap: .7rem;
}
.runner-iq-course-page-v1261 .runner-iq-hero-v1221 {
  padding: .85rem 1.15rem;
  border-radius: 1.1rem;
}
.runner-iq-course-page-v1261 .runner-iq-hero-v1221 h1 {
  font-size: clamp(1.65rem, 3vw, 2.65rem);
  line-height: 1;
}
.runner-iq-course-page-v1261 .runner-iq-hero-v1221 p {
  margin-bottom: .25rem;
  font-size: .7rem;
}
.runner-iq-course-page-v1261 .runner-iq-hero-v1221 span {
  display: inline-block;
  margin-top: .35rem;
  font-size: .88rem;
}
.runner-iq-course-page-v1261 .runner-iq-grid-v1221 {
  gap: .55rem;
}
.runner-iq-course-page-v1261 .runner-iq-grid-v1221 > article {
  padding: .62rem .8rem;
  border-radius: 1rem;
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
}
.runner-iq-course-page-v1261 .runner-iq-grid-v1221 span {
  font-size: .66rem;
}
.runner-iq-course-page-v1261 .runner-iq-grid-v1221 strong {
  margin-top: .12rem;
  font-size: clamp(1.15rem, 2vw, 1.65rem);
}
.runner-iq-course-map-panel-v1261 {
  gap: .6rem;
  padding: .8rem;
  border-radius: 1.15rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-map-header-v1225 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-map-header-v1225 p {
  margin-bottom: .15rem;
  font-size: .66rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-map-header-v1225 h2 {
  font-size: clamp(1.2rem, 2vw, 1.7rem);
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-map-header-v1225 > div:first-child > span {
  margin-top: .18rem;
  max-width: 64rem;
  font-size: .78rem;
  line-height: 1.25;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-map-legend-v1225 {
  justify-content: flex-end;
  max-width: 30rem;
  gap: .3rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-map-legend-v1225 span {
  margin-top: 0;
  padding: .28rem .45rem;
  font-size: .68rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-map-grid-v1225 {
  grid-template-columns: minmax(0, 1fr) 245px;
  gap: .65rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-map-v1225 {
  height: clamp(350px, 47vh, 500px);
  min-height: 350px;
  border-radius: 1rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-details-v1225 {
  gap: .5rem;
  grid-template-rows: repeat(3, 1fr);
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-details-v1225 article {
  padding: .68rem .75rem;
  border-radius: .85rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-details-v1225 span {
  font-size: .65rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-details-v1225 strong {
  margin-top: .1rem;
  font-size: 1.45rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-details-v1225 small {
  margin-top: .12rem;
  font-size: .72rem;
  line-height: 1.25;
}
.runner-iq-course-tools-v1261 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .55rem;
  align-items: stretch;
  margin-top: .55rem;
}
.runner-iq-course-tools-v1261 .route-path-display-v1259,
.runner-iq-course-tools-v1261 .route-playback-v1249 {
  margin: 0;
  min-height: 100%;
}
.runner-iq-course-tools-v1261 .route-path-display-v1259 {
  align-content: center;
  padding: .5rem .6rem;
  border-radius: .85rem;
}
.runner-iq-course-tools-v1261 .route-playback-v1249 {
  padding: .55rem .7rem !important;
  border-radius: .85rem;
}
.runner-iq-course-tools-v1261 .route-playback-v1249 .mb-2 {
  margin-bottom: .35rem !important;
}
.runner-iq-course-tools-v1261 .route-playback-v1249 .mb-3 {
  margin-bottom: .4rem !important;
}
.runner-iq-course-tools-v1261 .route-playback-v1249 button,
.runner-iq-course-tools-v1261 .route-playback-v1249 select {
  min-height: 30px;
}
.runner-iq-course-tools-v1261 .route-playback-status-v1249 {
  gap: .35rem;
}
.runner-iq-course-tools-v1261 .route-playback-status-v1249 span {
  padding: .4rem .5rem;
  border-radius: .7rem;
}
.runner-iq-course-tools-v1261 .route-playback-status-v1249 small {
  font-size: .62rem;
}
.runner-iq-course-tools-v1261 .route-playback-status-v1249 strong {
  font-size: .85rem;
}
.runner-iq-course-map-panel-v1261 .local-elevation-sidecar-v1245 {
  margin-top: .55rem;
}
.runner-iq-course-map-panel-v1261 .local-elevation-window-v1243 {
  padding: .55rem;
  border-radius: .9rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-configured-list-v1225 {
  gap: .5rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-configured-list-v1225 > div {
  padding: .65rem;
  border-radius: .85rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-configured-list-v1225 strong {
  margin-bottom: .25rem;
  font-size: .82rem;
}
.runner-iq-course-map-panel-v1261 .runner-iq-course-configured-list-v1225 span {
  margin: .15rem .22rem .15rem 0;
  padding: .3rem .45rem;
  font-size: .72rem;
}
@media (max-width: 1250px) {
  .runner-iq-course-map-panel-v1261 .runner-iq-course-map-header-v1225,
  .runner-iq-course-tools-v1261 {
    grid-template-columns: 1fr;
  }
  .runner-iq-course-map-panel-v1261 .runner-iq-course-map-legend-v1225 {
    justify-content: flex-start;
  }
}
@media (max-width: 1100px) {
  .runner-iq-course-map-panel-v1261 .runner-iq-course-map-grid-v1225 {
    grid-template-columns: 1fr;
  }
  .runner-iq-course-map-panel-v1261 .runner-iq-course-details-v1225 {
    grid-template-columns: repeat(3, minmax(0,1fr));
    grid-template-rows: none;
  }
}
@media (max-width: 760px) {
  .runner-iq-course-page-v1261 .runner-iq-grid-v1221--four,
  .runner-iq-course-map-panel-v1261 .runner-iq-course-details-v1225 {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .runner-iq-course-map-panel-v1261 .runner-iq-course-map-v1225 {
    height: 380px;
    min-height: 320px;
  }
}


/* v0.0.1279: give the secondary elevation chart 20% more vertical space. */

/* v0.0.1285: normalize secondary elevation views around the course-wide average. */
.local-elevation-chart-v1285 {
  position: relative;
  margin-top: .45rem;
}
.local-elevation-chart-v1285 svg {
  display: block;
  width: 100%;
  min-height: 228px;
  overflow: visible;
}
.local-elevation-scale-label-v1285 {
  position: absolute;
  right: .5rem;
  z-index: 2;
  padding: .12rem .36rem;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: #334155;
  font-size: .65rem;
  font-weight: 900;
  line-height: 1.2;
  pointer-events: none;
}
.local-elevation-scale-label-v1285.is-max { top: .15rem; }
.local-elevation-scale-label-v1285.is-average { top: 50%; transform: translateY(-50%); color: #166534; }
.local-elevation-scale-label-v1285.is-min { bottom: .15rem; }
.local-elevation-window-v1243 .local-elevation-metrics-v1243 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 760px) {
  .local-elevation-chart-v1285 svg { min-height: 190px; }
  .local-elevation-window-v1243 .local-elevation-metrics-v1243 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* v0_0_1291: consistent hero hierarchy — blue kicker, white title, gold metadata. */
html body .runner-iq-course-page-v1261 .runner-iq-hero-v1221 p,
html body.ga-light-theme .runner-iq-course-page-v1261 .runner-iq-hero-v1221 p {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  opacity: 1 !important;
}
html body .runner-iq-course-page-v1261 .runner-iq-hero-v1221 h1,
html body.ga-light-theme .runner-iq-course-page-v1261 .runner-iq-hero-v1221 h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html body .runner-iq-course-page-v1261 .runner-iq-hero-v1221 span,
html body.ga-light-theme .runner-iq-course-page-v1261 .runner-iq-hero-v1221 span {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
  opacity: 1 !important;
}


/* v0_0_1429: make Studio sidebar hide/show work for both layout-managed and embedded sidebars. */
[data-studio-sidebar-host="true"] { position: relative; }
[data-studio-sidebar-host="true"].is-sidebar-hidden {
  grid-template-columns: minmax(0, 1fr) !important;
}
[data-studio-sidebar-host="true"].is-sidebar-hidden > [data-studio-sidebar] {
  display: none !important;
}
[data-studio-sidebar-host="true"] > .ga-studio-sidebar-show-tab {
  display: none;
}
[data-studio-sidebar-host="true"].is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  display: inline-flex !important;
  position: fixed;
  left: .75rem;
  top: 7.2rem;
  z-index: 1055;
}
@media (max-width: 991.98px) {
  [data-studio-sidebar-host="true"].is-sidebar-hidden > .ga-studio-sidebar-show-tab {
    top: 5.7rem;
  }
}


/* v0.0.1430: Studio Admin adopts the visual hierarchy and responsive card rhythm of Fan Home. */
.system-studio-admin .studio-admin-hero-lead-v1430 {
  max-width: 760px;
  margin: 0;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  font-size: clamp(1rem, 1.6vw, 1.18rem);
  line-height: 1.5;
  font-weight: 750;
}
.studio-admin-hero-actions-v1430 { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }
.studio-admin-hero-btn-v1430 { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border-radius:999px; padding:.68rem 1rem; text-decoration:none !important; font-weight:1000; transition:transform .16s ease, box-shadow .16s ease; }
.studio-admin-hero-btn-v1430:hover { transform:translateY(-2px); }
.studio-admin-hero-btn-v1430--gold { background:#facc15; border:1px solid #fde68a; color:#111827 !important; -webkit-text-fill-color:#111827 !important; }
.studio-admin-hero-btn-v1430--light { background:#fff; border:1px solid #fff; color:#0f172a !important; -webkit-text-fill-color:#0f172a !important; }
.studio-admin-hero-btn-v1430--ghost { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.28); color:#fff !important; -webkit-text-fill-color:#fff !important; }
.studio-admin-hero-card-v1430 { align-self:stretch; display:flex; flex-direction:column; justify-content:center; min-width:0; border-radius:24px; background:rgba(255,255,255,.96); border:1px solid rgba(255,255,255,.7); padding:1.05rem; box-shadow:0 18px 48px rgba(0,0,0,.18); }
.studio-admin-hero-card-top-v1430 { display:flex; justify-content:space-between; gap:.75rem; align-items:center; color:#475569 !important; -webkit-text-fill-color:#475569 !important; font-size:.76rem; font-weight:1000; text-transform:uppercase; letter-spacing:.08em; }
.studio-admin-hero-card-top-v1430 strong { border-radius:999px; background:#dcfce7; color:#14532d !important; -webkit-text-fill-color:#14532d !important; padding:.3rem .55rem; }
.studio-admin-hero-score-v1430 { margin-top:.55rem; color:#0f172a !important; -webkit-text-fill-color:#0f172a !important; font-size:clamp(3rem,6vw,5.4rem); line-height:.9; font-weight:1000; letter-spacing:-.08em; }
.studio-admin-hero-score-label-v1430 { color:#475569 !important; -webkit-text-fill-color:#475569 !important; font-weight:900; }
.studio-admin-hero-mini-grid-v1430 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; margin-top:1rem; }
.studio-admin-hero-mini-grid-v1430 div { border-radius:16px; background:#f1f5f9; border:1px solid #dbe5f0; padding:.7rem; }
.studio-admin-hero-mini-grid-v1430 strong { display:block; color:#0f172a !important; -webkit-text-fill-color:#0f172a !important; font-size:1.35rem; font-weight:1000; }
.studio-admin-hero-mini-grid-v1430 span { color:#64748b !important; -webkit-text-fill-color:#64748b !important; font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.system-studio-admin .studio-admin-quick-grid-v1430 > a { position:relative; overflow:hidden; transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.system-studio-admin .studio-admin-quick-grid-v1430 > a::after { content:""; position:absolute; inset:auto 0 0; height:5px; background:linear-gradient(90deg,#facc15,#0ea5e9); }
.system-studio-admin .studio-admin-quick-grid-v1430 > a:hover { transform:translateY(-3px); border-color:#93c5fd !important; box-shadow:0 18px 38px rgba(15,23,42,.12) !important; }
.system-studio-admin .studio-admin-stat-strip-v1430 > a { transition:transform .16s ease; }
.system-studio-admin .studio-admin-stat-strip-v1430 > a:hover { transform:translateY(-2px); }
@media (max-width: 1280px) {
  .system-studio-page-shell { grid-template-columns:270px minmax(0,1fr) !important; }
  .system-studio-admin .studio-admin-quick-grid-v1430 { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 980px) {
  .system-studio-page-shell { grid-template-columns:1fr !important; }
  .system-studio-admin .studio-admin-hero-v1430 { grid-template-columns:1fr !important; }
  .system-studio-admin .studio-admin-quick-grid-v1430 { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .system-studio-admin .studio-admin-stat-strip-v1430 { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .system-studio-admin section[style*="grid-template-columns:minmax(0,1.2fr)"],
  .system-studio-admin section[style*="grid-template-columns:minmax(0,1.15fr)"],
  .system-studio-admin section[style*="grid-template-columns:repeat(2"] { grid-template-columns:1fr !important; }
}
@media (max-width: 620px) {
  .system-studio-admin { padding:.75rem !important; border-radius:22px !important; }
  .system-studio-admin .studio-admin-hero-v1430 { padding:1rem !important; border-radius:22px !important; }
  .system-studio-admin .studio-admin-quick-grid-v1430,
  .system-studio-admin .studio-admin-stat-strip-v1430 { grid-template-columns:1fr !important; }
  .studio-admin-hero-mini-grid-v1430 { grid-template-columns:1fr !important; }
}


/* v0.0.1431: one consistent Studio shell for all admin index/show pages.
   The application layout owns the only visible sidebar; legacy page-level
   admin shells are flattened into the main content area. */
.ga-studio-layout-shell--admin > .ga-studio-layout-main {
  min-width: 0 !important;
}
.ga-studio-layout-shell--admin .ga-studio-layout-main > .ga-admin-shell {
  display: block !important;
  grid-template-columns: none !important;
  width: 100% !important;
  max-width: none !important;
  gap: 0 !important;
}
.ga-studio-layout-shell--admin .ga-studio-layout-main > .ga-admin-shell > [data-studio-sidebar],
.ga-studio-layout-shell--admin .ga-studio-layout-main > .ga-admin-shell > .studio-sidebar-pro,
.ga-studio-layout-shell--admin .ga-studio-layout-main > .ga-admin-shell > .ga-sidebar {
  display: none !important;
}
.ga-studio-layout-shell--admin .ga-studio-layout-main > .ga-admin-shell > main,
.ga-studio-layout-shell--admin .ga-studio-layout-main > .ga-admin-shell > div:not([data-studio-sidebar]):not(.studio-sidebar-pro):not(.ga-sidebar) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Hidden-menu control occupies the sidebar rail position and sits above
   the Game Action 360 / Studio Admin brand location. */
.ga-studio-layout-shell > .ga-studio-sidebar-show-tab {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: stretch !important;
  position: sticky !important;
  top: 96px !important;
  width: auto !important;
  margin: 0 0 .65rem !important;
  border-radius: 16px !important;
  justify-content: center !important;
  z-index: 80 !important;
}
.ga-studio-layout-shell:not(.is-sidebar-hidden) > .ga-studio-sidebar-show-tab {
  display: none !important;
}
.ga-studio-layout-shell.is-sidebar-hidden {
  grid-template-columns: minmax(0, 1fr) !important;
}
.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
  display: inline-flex !important;
  position: sticky !important;
  top: 96px !important;
  left: auto !important;
  transform: none !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  width: max-content !important;
  margin: 0 0 .75rem !important;
}
.ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-layout-main {
  grid-column: 1 !important;
  grid-row: 2 !important;
}
@media (max-width: 1100px) {
  .ga-studio-layout-shell.is-sidebar-hidden > .ga-studio-sidebar-show-tab {
    position: relative !important;
    top: auto !important;
    margin: 0 0 .75rem !important;
  }
}

/* v0.0.1445: remove the obsolete inner Studio Admin sidebar column.
   The application shell already provides the shared Studio sidebar. The legacy
   System Studio page grid still reserved a second 280px column even after its
   embedded sidebar was removed, creating a large empty gap beside the real
   sidebar. Flatten that inner shell so dashboard content begins immediately in
   the shared content column. */
.ga-studio-layout-shell--admin .ga-studio-layout-main > .system-studio-page-shell,
.ga-studio-layout-shell--admin .ga-studio-layout-main .studio-admin-conform-v1444.system-studio-page-shell,
.ga-studio-layout-main > .system-studio-page-shell.studio-admin-conform-v1444 {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ga-studio-layout-shell--admin .ga-studio-layout-main > .system-studio-page-shell > .system-studio-content,
.ga-studio-layout-shell--admin .ga-studio-layout-main .studio-admin-conform-v1444 > .system-studio-content,
.ga-studio-layout-main > .system-studio-page-shell.studio-admin-conform-v1444 > .system-studio-content {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* v0.0.1456: unify Site Admin index/show pages with the Admin Command Center.
   All site-admin resource pages use the shared Studio rail, a dark command hero,
   clean white work surfaces, stronger hierarchy, and consistent responsive spacing. */
.ga-studio-layout-main.site-admin-resource-page {
  background: #eef3f8 !important;
  border-radius: 28px !important;
  padding: clamp(.8rem, 1.5vw, 1.35rem) !important;
  min-width: 0 !important;
}
.ga-studio-layout-main.site-admin-resource-page > .ga-admin-shell,
.ga-studio-layout-main.site-admin-resource-page > .admin-page,
.ga-studio-layout-main.site-admin-resource-page > div,
.ga-studio-layout-main.site-admin-resource-page > section {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
.ga-studio-layout-main.site-admin-resource-page .ga-admin-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.ga-studio-layout-main.site-admin-resource-page .ga-admin-shell > div:not([data-studio-sidebar]):not(.studio-sidebar-pro):not(.ga-sidebar),
.ga-studio-layout-main.site-admin-resource-page .ga-admin-shell > main {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
}

/* Command-center hero treatment for conventional resource headers. */
.ga-studio-layout-main.site-admin-resource-page--index .ga-admin-shell > div > .d-flex.justify-content-between.align-items-end.mb-4,
.ga-studio-layout-main.site-admin-resource-page--index > .d-flex.justify-content-between.align-items-end.mb-4,
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 1.1rem !important;
  margin: 0 0 1.1rem !important;
  padding: clamp(1.15rem, 2.5vw, 2rem) !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(14,165,233,.20), transparent 34%),
    radial-gradient(circle at 12% 90%, rgba(250,204,21,.12), transparent 32%),
    linear-gradient(135deg, #07111f 0%, #0b1b31 56%, #102b49 100%) !important;
  box-shadow: 0 22px 48px rgba(15, 23, 42, .18) !important;
}
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero > .d-flex {
  width: 100% !important;
}
.ga-studio-layout-main.site-admin-resource-page--index .ga-admin-shell > div > .d-flex.justify-content-between.align-items-end.mb-4::after,
.ga-studio-layout-main.site-admin-resource-page--index > .d-flex.justify-content-between.align-items-end.mb-4::after,
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero::after {
  content: "";
  position: absolute;
  right: -64px;
  bottom: -88px;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 50%;
  pointer-events: none;
}
.ga-studio-layout-main.site-admin-resource-page .ga-kicker {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
  font-weight: 1000 !important;
  letter-spacing: .13em !important;
}
.ga-studio-layout-main.site-admin-resource-page--index .ga-admin-shell > div > .d-flex.justify-content-between.align-items-end.mb-4 .ga-title,
.ga-studio-layout-main.site-admin-resource-page--index > .d-flex.justify-content-between.align-items-end.mb-4 .ga-title,
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero .ga-title,
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(2rem, 4vw, 3.8rem) !important;
  font-weight: 1000 !important;
  line-height: .96 !important;
  letter-spacing: -.045em !important;
  margin: .35rem 0 0 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.24) !important;
}
.ga-studio-layout-main.site-admin-resource-page--index .ga-admin-shell > div > .d-flex.justify-content-between.align-items-end.mb-4 .ga-muted,
.ga-studio-layout-main.site-admin-resource-page--index > .d-flex.justify-content-between.align-items-end.mb-4 .ga-muted,
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero .ga-muted,
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero p {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
  max-width: 780px !important;
}

/* Actions in the hero behave like the Admin Command Center actions. */
.ga-studio-layout-main.site-admin-resource-page--index .ga-admin-shell > div > .d-flex.justify-content-between.align-items-end.mb-4 .btn,
.ga-studio-layout-main.site-admin-resource-page--index > .d-flex.justify-content-between.align-items-end.mb-4 .btn,
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero .btn {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: .64rem .95rem !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  border-width: 1px !important;
  box-shadow: none !important;
}
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero .btn-outline-light,
.ga-studio-layout-main.site-admin-resource-page--index .d-flex.justify-content-between.align-items-end.mb-4 .btn-outline-light {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(255,255,255,.42) !important;
  background: rgba(255,255,255,.06) !important;
}
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero .btn-info,
.ga-studio-layout-main.site-admin-resource-page--index .d-flex.justify-content-between.align-items-end.mb-4 .btn-info,
.ga-studio-layout-main.site-admin-resource-page .admin-show-hero .btn-warning,
.ga-studio-layout-main.site-admin-resource-page--index .d-flex.justify-content-between.align-items-end.mb-4 .btn-warning {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  background: #facc15 !important;
  border-color: #facc15 !important;
}

/* Standard work surfaces. */
.ga-studio-layout-main.site-admin-resource-page .ga-card,
.ga-studio-layout-main.site-admin-resource-page .admin-card,
.ga-studio-layout-main.site-admin-resource-page .card {
  border: 1px solid #dbe4ee !important;
  border-radius: 22px !important;
  background: #fff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .075) !important;
}
.ga-studio-layout-main.site-admin-resource-page .ga-card .ga-muted,
.ga-studio-layout-main.site-admin-resource-page .card .ga-muted {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
.ga-studio-layout-main.site-admin-resource-page .ga-card h2,
.ga-studio-layout-main.site-admin-resource-page .ga-card h3,
.ga-studio-layout-main.site-admin-resource-page .card h2,
.ga-studio-layout-main.site-admin-resource-page .card h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 1000 !important;
}

/* Search/filter blocks read as command bars rather than loose controls. */
.ga-studio-layout-main.site-admin-resource-page form:not(.button_to),
.ga-studio-layout-main.site-admin-resource-page .admin-filter-bar,
.ga-studio-layout-main.site-admin-resource-page .organization-quick-search {
  border-radius: 20px !important;
}
.ga-studio-layout-main.site-admin-resource-page input,
.ga-studio-layout-main.site-admin-resource-page select,
.ga-studio-layout-main.site-admin-resource-page textarea {
  border-color: #cbd5e1 !important;
  border-radius: 12px !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #fff !important;
}

/* Tables match the crisp command-center report style. */
.ga-studio-layout-main.site-admin-resource-page .table-responsive {
  border-radius: 16px !important;
}
.ga-studio-layout-main.site-admin-resource-page .ga-table,
.ga-studio-layout-main.site-admin-resource-page table.table {
  margin-bottom: 0 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.ga-studio-layout-main.site-admin-resource-page .ga-table thead th,
.ga-studio-layout-main.site-admin-resource-page table.table thead th {
  padding: .8rem .75rem !important;
  border-bottom: 1px solid #cbd5e1 !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-size: .72rem !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  white-space: nowrap !important;
}
.ga-studio-layout-main.site-admin-resource-page .ga-table tbody td,
.ga-studio-layout-main.site-admin-resource-page table.table tbody td {
  padding: .85rem .75rem !important;
  border-color: #e2e8f0 !important;
  vertical-align: middle !important;
}
.ga-studio-layout-main.site-admin-resource-page .ga-table tbody tr:hover,
.ga-studio-layout-main.site-admin-resource-page table.table tbody tr:hover {
  background: #f8fafc !important;
}
.ga-studio-layout-main.site-admin-resource-page .ga-table .btn,
.ga-studio-layout-main.site-admin-resource-page table.table .btn {
  border-radius: 999px !important;
  font-weight: 950 !important;
}
.ga-studio-layout-main.site-admin-resource-page .btn-outline-light {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: #94a3b8 !important;
  background: #fff !important;
}
.ga-studio-layout-main.site-admin-resource-page .btn-outline-info {
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  border-color: #38bdf8 !important;
  background: #f0f9ff !important;
}

@media (max-width: 900px) {
  .ga-studio-layout-main.site-admin-resource-page {
    border-radius: 20px !important;
    padding: .65rem !important;
  }
  .ga-studio-layout-main.site-admin-resource-page--index .ga-admin-shell > div > .d-flex.justify-content-between.align-items-end.mb-4,
  .ga-studio-layout-main.site-admin-resource-page--index > .d-flex.justify-content-between.align-items-end.mb-4,
  .ga-studio-layout-main.site-admin-resource-page .admin-show-hero {
    align-items: flex-start !important;
    border-radius: 22px !important;
  }
  .ga-studio-layout-main.site-admin-resource-page--index .d-flex.justify-content-between.align-items-end.mb-4 > .d-flex,
  .ga-studio-layout-main.site-admin-resource-page .admin-show-hero .d-flex.flex-wrap {
    width: 100% !important;
  }
}
/* V0_0_1537 — Sports News Hub */
.news-hub-v1537{max-width:none}.news-hub-header{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:1rem 0 1.25rem}.news-hub-header h1{font-size:clamp(2.4rem,5vw,5.4rem);line-height:.92;margin:.2rem 0 .7rem}.news-hub-header p{font-size:1.08rem;color:var(--ga-muted,#64748b);margin:0}.news-hub-count{display:grid;text-align:right}.news-hub-count strong{font-size:2rem}.news-hub-count span{color:var(--ga-muted,#64748b)}.news-intelligence-panel{position:sticky;top:.5rem;z-index:20;padding:1rem;border:1px solid rgba(100,116,139,.22);border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 18px 45px rgba(15,23,42,.1);backdrop-filter:blur(16px);margin-bottom:1.4rem}.news-filter-form{display:grid;grid-template-columns:minmax(340px,2.25fr) minmax(145px,.82fr) minmax(170px,1fr) minmax(170px,1fr) minmax(145px,.82fr) minmax(155px,.9fr) auto auto;gap:.65rem;align-items:stretch}.news-search-field{display:flex;align-items:center;gap:.55rem;border:1px solid #cbd5e1;border-radius:14px;padding:0 .85rem;background:#fff;min-height:46px}.news-search-field input{border:0;outline:0;width:100%;background:transparent}.news-filter-select{display:block;width:100%;min-width:0;height:48px;min-height:48px;line-height:1.25;border:1px solid #cbd5e1;border-radius:14px;padding:.68rem 2.5rem .68rem .85rem;background-color:#fff;color:#0f172a;font-size:.95rem;font-weight:700;appearance:auto;-webkit-appearance:menulist;box-sizing:border-box}.news-filter-select:focus{border-color:#2563eb;outline:3px solid rgba(37,99,235,.18);outline-offset:0}.news-filter-submit{height:48px;min-height:48px;padding-inline:1rem;white-space:nowrap}.news-quick-filters{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.8rem;font-size:.86rem}.news-topic-chip{padding:.42rem .72rem;border-radius:999px;background:#e0f2fe;color:#075985;font-weight:800;text-decoration:none}.news-topic-chip:hover{background:#bae6fd}.news-hub-v1537 .news-channel-grid{grid-template-columns:minmax(0,1fr) minmax(280px,350px)}.news-hub-v1537 .news-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.news-hub-v1537 .news-story-body h3{font-size:1.08rem}.news-hub-v1537 .news-archive-link small{display:block;color:#64748b;margin-top:.25rem}@media(max-width:1450px){.news-filter-form{grid-template-columns:minmax(280px,2fr) repeat(3,minmax(135px,1fr));}.news-filter-form .news-filter-select:nth-of-type(4),.news-filter-form .news-filter-select:nth-of-type(5){grid-row:2}.news-hub-v1537 .news-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.news-intelligence-panel{position:static}.news-filter-form{grid-template-columns:1fr 1fr}.news-search-field{grid-column:1/-1}.news-hub-header{align-items:start;flex-direction:column}.news-hub-count{text-align:left}.news-hub-v1537 .news-channel-grid{grid-template-columns:1fr}}@media(max-width:620px){.news-filter-form{grid-template-columns:1fr}.news-filter-form>*{grid-column:auto!important;grid-row:auto!important}.news-hub-v1537 .news-story-grid{grid-template-columns:1fr}}

/* V0_0_1545 — diversified sports news hub */
.news-hub-v1537 .news-filter-form{
  grid-template-columns:minmax(300px,2.1fr) repeat(6,minmax(135px,1fr)) auto auto;
}
.news-discovery-section,.news-sport-shelves{padding:1.2rem;border:1px solid rgba(100,116,139,.2);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 18px 44px rgba(15,23,42,.08)}
.news-section-heading p{margin:.35rem 0 0;color:#64748b;max-width:760px}
.news-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.news-level-lane{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.25);border-radius:20px;background:#fff;min-width:0;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.news-level-lane:before{content:"";display:block;height:5px;background:#2563eb}
.news-level-lane--professional:before{background:#111827}.news-level-lane--college:before{background:#2563eb}.news-level-lane--high_school:before{background:#f59e0b}.news-level-lane--youth:before{background:#16a34a}
.news-level-lane-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:1rem 1rem .75rem}
.news-level-lane-header>div{display:flex;align-items:center;gap:.65rem;min-width:0}.news-level-lane-header h3{font-size:1rem;margin:0;color:#0f172a}.news-level-icon{display:grid;place-items:center;min-width:38px;height:30px;border-radius:10px;background:#0f172a;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.06em}.news-level-link{font-size:.78rem;font-weight:900;text-decoration:none;white-space:nowrap}
.news-level-story-list{display:grid}.news-level-story{display:grid;grid-template-columns:1fr;text-decoration:none;color:inherit;padding:.75rem 1rem;border-top:1px solid #e2e8f0}.news-level-story--lead{padding-top:0;border-top:0}.news-level-story-image{display:block;aspect-ratio:16/8;border-radius:14px;background-size:cover;background-position:center;margin-bottom:.75rem}.news-level-story-copy{display:grid;gap:.26rem}.news-level-story-copy small{font-size:.7rem;color:#2563eb;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.news-level-story-copy strong{font-size:.9rem;line-height:1.14;color:#0f172a}.news-level-story-copy em{font-size:.72rem;color:#64748b;font-style:normal}.news-level-story:hover strong{color:#2563eb}
.news-sport-shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.news-sport-shelf{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:1rem;min-width:0}.news-sport-shelf-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:2px solid #0f172a}.news-sport-shelf-header h3{font-size:1.1rem;margin:0}.news-sport-shelf-header a{font-size:.78rem;font-weight:900;text-decoration:none}.news-sport-shelf-story{display:grid;grid-template-columns:74px minmax(0,1fr);grid-template-rows:auto auto;column-gap:.75rem;padding:.75rem 0;border-bottom:1px solid #e2e8f0;text-decoration:none;color:inherit}.news-sport-shelf-story:last-child{border-bottom:0;padding-bottom:0}.news-sport-shelf-story>span{grid-row:1/3;width:74px;height:58px;border-radius:11px;background-size:cover;background-position:center}.news-sport-shelf-story strong{font-size:.84rem;line-height:1.15}.news-sport-shelf-story small{color:#64748b;font-size:.72rem;margin-top:.25rem}.news-sport-shelf-story:hover strong{color:#2563eb}
.news-hub-v1537 .news-story-card{height:100%}.news-hub-v1537 .news-story-image{aspect-ratio:16/9}.news-hub-v1537 .news-story-grid{align-items:stretch}
@media(max-width:1500px){.news-hub-v1537 .news-filter-form{grid-template-columns:minmax(260px,2fr) repeat(4,minmax(135px,1fr));}.news-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-sport-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.news-level-grid,.news-sport-shelf-grid{grid-template-columns:1fr}.news-discovery-section,.news-sport-shelves{padding:.85rem}.news-level-lane{border-radius:16px}}


/* V0_0_1548 — redesigned More Coverage news stream */
.news-hub-v1537 .news-stream-panel{padding:1.1rem;align-self:start;position:sticky;top:6.5rem;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(100,116,139,.2);box-shadow:0 18px 44px rgba(15,23,42,.08)}
.news-hub-v1537 .news-stream-panel .news-section-heading{margin-bottom:.75rem;padding-bottom:.8rem;border-bottom:1px solid #e2e8f0}
.news-hub-v1537 .news-stream-panel .news-section-heading h2{font-size:1.55rem;margin:.1rem 0 .25rem}
.news-hub-v1537 .news-stream-panel .news-section-heading p{font-size:.78rem;line-height:1.35;margin:0;color:#64748b}
.news-stream-list{display:grid;gap:.7rem}
.news-stream-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:.8rem;align-items:center;padding:.65rem;border:1px solid #e2e8f0;border-radius:15px;background:#fff;color:inherit;text-decoration:none;min-width:0;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.news-stream-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.35);box-shadow:0 12px 28px rgba(15,23,42,.11)}
.news-stream-thumb{display:block;width:88px;height:72px;border-radius:11px;background-size:cover;background-position:center}
.news-stream-copy{display:grid;gap:.28rem;min-width:0}
.news-stream-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.67rem;text-transform:uppercase;letter-spacing:.07em}
.news-stream-meta b{color:#2563eb}.news-stream-meta em{font-style:normal;color:#64748b;white-space:nowrap}
.news-stream-copy strong{font-size:.84rem;line-height:1.16;color:#0f172a;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-stream-copy small{font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.news-hub-v1537 .news-stream-panel{position:static}.news-stream-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.news-stream-list{grid-template-columns:1fr}.news-stream-card{grid-template-columns:78px minmax(0,1fr)}.news-stream-thumb{width:78px;height:66px}}

/* v0.0.1656: One canonical Studio-menu trigger in the shared top navigation. */
.ga-nav-shell { position: relative !important; }
.ga-studio-nav-toggle {
  position: absolute !important;
  top: max(.72rem, env(safe-area-inset-top)) !important;
  left: max(.38rem, env(safe-area-inset-left)) !important;
  z-index: 1060 !important;
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.97) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.14) !important;
}
.ga-studio-nav-toggle[hidden] { display: none !important; }
.ga-studio-nav-toggle .ga-studio-sidebar-toggle-icon {
  width: 1.35rem !important;
  height: 1.35rem !important;
  font-size: .72rem !important;
}

/* v0.0.1657: Racer Analysis routes render distinct section-specific content. */

/* v0.0.1660: canonical Studio sidebar trigger state.
   The top-navigation hamburger is visible only while the shared sidebar is collapsed.
   Legacy page-level floating triggers are disabled entirely. */
body.ga-studio-sidebar-expanded .ga-studio-nav-toggle,
body:not(.ga-studio-sidebar-collapsed) .ga-studio-nav-toggle,
.ga-studio-layout-shell > .ga-studio-sidebar-show-tab,
[data-studio-sidebar-host="true"] > .ga-studio-sidebar-show-tab {
  display: none !important;
}
body.ga-studio-sidebar-collapsed .ga-studio-nav-toggle {
  display: inline-flex !important;
}
body.ga-studio-sidebar-collapsed .ga-studio-layout-shell {
  grid-template-columns: minmax(0, 1fr) !important;
}
body.ga-studio-sidebar-collapsed .ga-studio-layout-shell > [data-studio-sidebar] {
  display: none !important;
}
body.ga-studio-sidebar-expanded .ga-studio-layout-shell > [data-studio-sidebar] {
  display: block !important;
}

/* v0.0.1664: deterministic high-contrast athlete-training hero.
   Supporting text uses opaque light surfaces with dark ink so global theme text
   rules, inherited opacity, gradients, and cached color overrides cannot make it
   disappear against the dark hero. */
.athlete-training-hero-v1664 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(290px, auto);
  align-items: center;
  gap: clamp(1rem, 2.5vw, 2rem);
  width: 100%;
  min-height: 128px;
  padding: clamp(1.1rem, 2vw, 1.45rem);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 1.35rem;
  background: linear-gradient(118deg, #07162b 0%, #0b3340 48%, #14532d 100%);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .13);
  color: #ffffff;
}

.athlete-training-hero-v1664::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    radial-gradient(circle at 86% 20%, rgba(34, 197, 94, .20), transparent 31%),
    linear-gradient(90deg, rgba(2, 6, 23, .12), rgba(2, 6, 23, 0));
  pointer-events: none;
}

.athlete-training-hero-copy-v1664 {
  min-width: 0;
  max-width: 900px;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body .athlete-training-hero-v1664 .athlete-training-hero-kicker-v1664,
html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-kicker-v1664 {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  margin: 0 0 .5rem !important;
  padding: .34rem .65rem !important;
  border: 1px solid #ffffff !important;
  border-radius: 999px;
  background: #ffffff !important;
  color: #07162b !important;
  -webkit-text-fill-color: #07162b !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  font-size: .98rem !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

html body .athlete-training-hero-v1664 .athlete-training-hero-title-v1664,
html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-title-v1664 {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .28) !important;
  font-size: clamp(1.9rem, 2.5vw, 2.5rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  line-height: 1.02 !important;
}

html body .athlete-training-hero-v1664 .athlete-training-hero-description-v1664,
html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-description-v1664 {
  display: inline-block !important;
  max-width: 820px;
  margin: .65rem 0 0 !important;
  padding: .42rem .65rem !important;
  border: 1px solid rgba(255, 255, 255, .95) !important;
  border-radius: .65rem;
  background: #ffffff !important;
  color: #07162b !important;
  -webkit-text-fill-color: #07162b !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  line-height: 1.38 !important;
}

.athlete-training-hero-actions-v1664 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  max-width: 600px;
}

html body .athlete-training-hero-v1664 .athlete-training-hero-button-v1664,
html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-button-v1664 {
  min-height: 40px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: .65rem !important;
  padding: .55rem .82rem !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  box-shadow: none !important;
  font-size: .84rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  white-space: nowrap;
  opacity: 1 !important;
}

html body .athlete-training-hero-v1664 .athlete-training-hero-button-v1664--secondary,
html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-button-v1664--secondary {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html body .athlete-training-hero-v1664 .athlete-training-hero-button-v1664--current,
html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-button-v1664--current {
  background: #e0f2fe !important;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  border-color: #7dd3fc !important;
  box-shadow: inset 0 -3px 0 rgba(3, 105, 161, .28) !important;
}

html body .athlete-training-hero-v1664 .athlete-training-hero-button-v1664--primary,
html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-button-v1664--primary {
  background: #0d6efd !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #60a5fa !important;
}

html body .athlete-training-hero-v1664 .athlete-training-hero-button-v1664:hover,
html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-button-v1664:hover {
  transform: translateY(-1px);
  filter: brightness(.97);
}

.training-center-page-v1228 > .athlete-training-hero-v1664,
.runner-map-index-v1273 > .athlete-training-hero-v1664,
.training-log-page-v1664 > .athlete-training-hero-v1664 {
  margin-bottom: 1rem;
}

@media (max-width: 980px) {
  .athlete-training-hero-v1664 {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .athlete-training-hero-actions-v1664 {
    justify-content: flex-start;
    max-width: none;
  }
}

@media (max-width: 620px) {
  .athlete-training-hero-v1664 {
    min-height: 0;
    padding: 1rem;
    border-radius: 1.1rem;
  }

  html body .athlete-training-hero-v1664 .athlete-training-hero-kicker-v1664,
  html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-kicker-v1664 {
    font-size: .95rem !important;
  }

  html body .athlete-training-hero-v1664 .athlete-training-hero-title-v1664,
  html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-title-v1664 {
    font-size: clamp(1.8rem, 8vw, 2.25rem) !important;
  }

  html body .athlete-training-hero-v1664 .athlete-training-hero-description-v1664,
  html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-description-v1664 {
    display: block !important;
    width: 100%;
    font-size: 1.02rem !important;
  }

  .athlete-training-hero-actions-v1664 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  html body .athlete-training-hero-v1664 .athlete-training-hero-button-v1664,
  html body.ga-light-theme .athlete-training-hero-v1664 .athlete-training-hero-button-v1664 {
    white-space: normal;
    text-align: center;
  }
}


/* v0.0.1665: RaceCenter meet hero parity and action placement.
   Meet pages use the same dark public RaceCenter surface as event pages.
   Course Intelligence is part of the hero action group, never a floating
   legacy control above the hero. */
.ga-racecenter-hero-v1665 {
  position: relative;
  overflow: hidden;
  border-radius: 34px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(190,18,60,.28), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(109,40,217,.24), transparent 30%),
    linear-gradient(135deg,#05030a 0%,#111827 52%,#1f1235 100%) !important;
  box-shadow: 0 34px 100px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .ga-racecenter-hero-v1665 .xc-meet-kicker,
html body.ga-light-theme .ga-racecenter-hero-v1665 .xc-meet-kicker {
  display: inline-flex !important;
  width: fit-content;
  margin: .9rem 0 .45rem !important;
  padding: .36rem .72rem !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #050b14 !important;
  -webkit-text-fill-color: #050b14 !important;
  opacity: 1 !important;
  font-size: .86rem !important;
  font-weight: 1000 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html body .ga-racecenter-hero-v1665 h1,
html body.ga-light-theme .ga-racecenter-hero-v1665 h1 {
  max-width: 17ch;
  margin: .15rem 0 .8rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  font-size: clamp(2.35rem, 4.2vw, 4rem) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 18px 42px rgba(0,0,0,.46) !important;
}

html body .ga-racecenter-hero-v1665 .xc-meet-meta-row,
html body.ga-light-theme .ga-racecenter-hero-v1665 .xc-meet-meta-row {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
}

.ga-racecenter-hero-v1665 .xc-meet-hero__panel {
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.8) !important;
  color: #050b14 !important;
  -webkit-text-fill-color: #050b14 !important;
  box-shadow: 0 24px 70px rgba(2,6,23,.28) !important;
}

html body .ga-racecenter-hero-v1665 .xc-meet-scoreline span,
html body.ga-light-theme .ga-racecenter-hero-v1665 .xc-meet-scoreline span,
html body .ga-racecenter-hero-v1665 .xc-meet-progress-grid span,
html body.ga-light-theme .ga-racecenter-hero-v1665 .xc-meet-progress-grid span {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

html body .ga-racecenter-hero-v1665 .xc-meet-scoreline strong,
html body.ga-light-theme .ga-racecenter-hero-v1665 .xc-meet-scoreline strong {
  color: #050b14 !important;
  -webkit-text-fill-color: #050b14 !important;
  text-shadow: none !important;
}

.ga-racecenter-hero-v1665 .xc-meet-progress-grid div {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

.ga-racecenter-hero-v1665 .xc-meet-actions .btn {
  min-height: 42px;
}

html body .ga-racecenter-hero-v1665 .xc-meet-actions .btn-outline-ga,
html body.ga-light-theme .ga-racecenter-hero-v1665 .xc-meet-actions .btn-outline-ga {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #050b14 !important;
  -webkit-text-fill-color: #050b14 !important;
}

@media (max-width: 767.98px) {
  html body .ga-racecenter-hero-v1665 h1,
  html body.ga-light-theme .ga-racecenter-hero-v1665 h1 {
    font-size: clamp(2rem, 11vw, 3rem) !important;
  }
}


/* v0.0.1665: canonical private athlete analysis hero.
   Racer and player analysis pages now use the same dark, high-contrast hero
   hierarchy as RaceCenter and the athlete Training Center instead of the
   legacy light athlete profile hero. */
.ga-athlete-analysis-hero-v1665 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
  align-items: stretch;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 2.6vw, 2rem);
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(14,165,233,.25), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(34,197,94,.22), transparent 32%),
    linear-gradient(125deg,#050b14 0%,#0c2136 52%,#123c34 100%) !important;
  box-shadow: 0 30px 90px rgba(2,6,23,.30), inset 0 1px 0 rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ga-athlete-analysis-hero-copy-v1665 {
  min-width: 0;
  align-self: center;
}

.ga-athlete-analysis-pills-v1665 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: .48rem;
  margin-bottom: .75rem;
}

html body .ga-athlete-analysis-pill-v1665,
html body.ga-light-theme .ga-athlete-analysis-pill-v1665 {
  display: inline-flex !important;
  align-items: center;
  min-height: 30px;
  padding: .34rem .68rem !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  border-radius: 999px !important;
  background: rgba(2,6,23,.48) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  white-space: nowrap;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body .ga-athlete-analysis-pill-v1665--primary,
html body.ga-light-theme .ga-athlete-analysis-pill-v1665--primary {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #07162b !important;
  -webkit-text-fill-color: #07162b !important;
}

html body .ga-athlete-analysis-kicker-v1665,
html body.ga-light-theme .ga-athlete-analysis-kicker-v1665 {
  margin: 0 0 .35rem !important;
  color: #bae6fd !important;
  -webkit-text-fill-color: #bae6fd !important;
  opacity: 1 !important;
  font-size: .9rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html body .ga-athlete-analysis-title-v1665,
html body.ga-light-theme .ga-athlete-analysis-title-v1665 {
  max-width: 20ch;
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  font-size: clamp(2.2rem, 4vw, 3.65rem) !important;
  font-weight: 1000 !important;
  letter-spacing: -.055em !important;
  line-height: .98 !important;
  text-shadow: 0 12px 34px rgba(0,0,0,.42) !important;
}

html body .ga-athlete-analysis-description-v1665,
html body.ga-light-theme .ga-athlete-analysis-description-v1665 {
  max-width: 820px;
  margin: .7rem 0 0 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: 1 !important;
  font-size: 1.04rem !important;
  font-weight: 750 !important;
  line-height: 1.42 !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.42) !important;
}

.ga-athlete-analysis-panel-v1665 {
  display: grid;
  align-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.3rem);
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 22px 65px rgba(2,6,23,.24) !important;
  color: #07162b !important;
  -webkit-text-fill-color: #07162b !important;
}

.ga-athlete-analysis-panel-heading-v1665 span {
  display: block;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.ga-athlete-analysis-panel-heading-v1665 strong {
  display: block;
  margin-top: .25rem;
  color: #07162b !important;
  -webkit-text-fill-color: #07162b !important;
  font-size: clamp(1.55rem, 2.5vw, 2.2rem) !important;
  font-weight: 1000 !important;
  letter-spacing: -.045em !important;
  line-height: 1 !important;
}

.ga-athlete-analysis-actions-v1665 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
}

html body .ga-athlete-analysis-action-v1665,
html body.ga-light-theme .ga-athlete-analysis-action-v1665 {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: .58rem .78rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07162b !important;
  -webkit-text-fill-color: #07162b !important;
  opacity: 1 !important;
  box-shadow: none !important;
  font-size: .84rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  text-align: center;
}

html body .ga-athlete-analysis-action-v1665--primary,
html body.ga-light-theme .ga-athlete-analysis-action-v1665--primary {
  background: #0d6efd !important;
  border-color: #60a5fa !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ga-athlete-analysis-actions-v1665 > :last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

/* RaceCenter identity leads the compact meet badge row. */
.ga-racecenter-hero-v1665 .xc-meet-pills {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: .45rem;
  margin-bottom: .7rem;
}

.ga-racecenter-hero-v1665 .xc-meet-pill {
  flex: 0 1 auto;
  min-width: 0;
  padding: .36rem .66rem;
  font-size: .68rem;
  white-space: nowrap;
}

.ga-racecenter-hero-v1665 .xc-meet-pill--racecenter {
  order: -10;
  box-shadow: 0 8px 22px rgba(0,0,0,.20);
}

.ga-racecenter-hero-v1665 .xc-meet-pill--event {
  background: rgba(255,255,255,.10) !important;
}

@media (max-width: 980px) {
  .ga-athlete-analysis-hero-v1665 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .ga-athlete-analysis-hero-v1665 {
    padding: 1rem;
    border-radius: 24px !important;
  }

  .ga-athlete-analysis-pills-v1665,
  .ga-racecenter-hero-v1665 .xc-meet-pills {
    flex-wrap: wrap;
  }

  html body .ga-athlete-analysis-title-v1665,
  html body.ga-light-theme .ga-athlete-analysis-title-v1665 {
    font-size: clamp(2rem, 10vw, 2.8rem) !important;
  }

  .ga-athlete-analysis-actions-v1665 {
    grid-template-columns: 1fr;
  }

  .ga-athlete-analysis-actions-v1665 > :last-child:nth-child(odd) {
    grid-column: auto;
  }
}

/* v0.0.1666: one athlete workspace design system.
   Training Center, Training Logs, Session Maps, Player/Racer Analysis,
   Development Plan, and Runner IQ now share the same page frame, hero,
   metric cards, panel surfaces, typography, spacing, and action treatment. */
.ga-athlete-workspace-v1666 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(.85rem, 1.6vw, 1.35rem) !important;
  display: grid !important;
  gap: 1rem !important;
  background: #eaf1f7 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: initial !important;
}

.ga-athlete-workspace-hero-v1666 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: stretch;
  padding: clamp(1.2rem, 2.4vw, 1.8rem);
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 10% 4%, rgba(14,165,233,.24), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(34,197,94,.22), transparent 34%),
    linear-gradient(125deg,#06111f 0%,#0b2636 54%,#11452f 100%) !important;
  box-shadow: 0 26px 70px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ga-athlete-workspace-hero-copy-v1666 {
  min-width: 0;
  align-self: center;
}

.ga-athlete-workspace-badges-v1666 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  margin-bottom: .7rem;
}

html body .ga-athlete-workspace-badge-v1666,
html body.ga-light-theme .ga-athlete-workspace-badge-v1666 {
  display: inline-flex !important;
  align-items: center;
  min-height: 30px;
  padding: .36rem .7rem !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  border-radius: 999px !important;
  background: rgba(2,6,23,.46) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap;
}

html body .ga-athlete-workspace-badge-v1666--primary,
html body.ga-light-theme .ga-athlete-workspace-badge-v1666--primary {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #07162b !important;
  -webkit-text-fill-color: #07162b !important;
}

html body .ga-athlete-workspace-kicker-v1666,
html body.ga-light-theme .ga-athlete-workspace-kicker-v1666 {
  margin: 0 0 .35rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  font-size: .92rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.45) !important;
}

html body .ga-athlete-workspace-title-v1666,
html body.ga-light-theme .ga-athlete-workspace-title-v1666 {
  max-width: 22ch;
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  font-size: clamp(2.05rem, 3.45vw, 3.2rem) !important;
  font-weight: 1000 !important;
  letter-spacing: -.05em !important;
  line-height: 1 !important;
  text-shadow: 0 12px 32px rgba(0,0,0,.42) !important;
}

html body .ga-athlete-workspace-description-v1666,
html body.ga-light-theme .ga-athlete-workspace-description-v1666 {
  max-width: 760px;
  margin: .65rem 0 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  font-size: 1rem !important;
  font-weight: 760 !important;
  line-height: 1.45 !important;
  text-shadow: 0 3px 16px rgba(0,0,0,.48) !important;
}

.ga-athlete-workspace-action-panel-v1666 {
  display: grid;
  align-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.86) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 20px 55px rgba(2,6,23,.22) !important;
  color: #07162b !important;
  -webkit-text-fill-color: #07162b !important;
}

.ga-athlete-workspace-current-v1666 span {
  display: block;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: .76rem !important;
  font-weight: 950 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

.ga-athlete-workspace-current-v1666 strong {
  display: block;
  margin-top: .22rem;
  color: #07162b !important;
  -webkit-text-fill-color: #07162b !important;
  font-size: clamp(1.45rem, 2.15vw, 2rem) !important;
  font-weight: 1000 !important;
  letter-spacing: -.04em !important;
  line-height: 1.05 !important;
}

.ga-athlete-workspace-actions-v1666 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
}

html body .ga-athlete-workspace-action-v1666,
html body.ga-light-theme .ga-athlete-workspace-action-v1666 {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: .58rem .72rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #07162b !important;
  -webkit-text-fill-color: #07162b !important;
  box-shadow: none !important;
  opacity: 1 !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  text-align: center;
}

html body .ga-athlete-workspace-action-v1666--primary,
html body.ga-light-theme .ga-athlete-workspace-action-v1666--primary {
  background: #0b67d1 !important;
  border-color: #0b67d1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .ga-athlete-workspace-action-v1666--current,
html body.ga-light-theme .ga-athlete-workspace-action-v1666--current {
  background: #dbeafe !important;
  border-color: #60a5fa !important;
  color: #0b3f82 !important;
  -webkit-text-fill-color: #0b3f82 !important;
  box-shadow: inset 0 0 0 1px #93c5fd !important;
}

/* Shared metric-card treatment across all athlete workspaces. */
.ga-athlete-workspace-v1666 .training-center-grid-v1228 > article,
.ga-athlete-workspace-v1666 .runner-iq-grid-v1221 > article,
.ga-athlete-workspace-v1666 .runner-map-stat-v1273,
.ga-athlete-workspace-v1666 .fan-metric,
.ga-athlete-workspace-v1666 .metric-tile,
.ga-athlete-workspace-v1666 .training-log-page-v1664 > .row > [class*="col-"] > .ga-card,
.training-log-page-v1664.ga-athlete-workspace-v1666 > .row > [class*="col-"] > .ga-card {
  min-height: 96px;
  padding: 1rem !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.065) !important;
}

.ga-athlete-workspace-v1666 .training-center-grid-v1228 span,
.ga-athlete-workspace-v1666 .runner-iq-grid-v1221 span,
.ga-athlete-workspace-v1666 .runner-map-stat-v1273 span,
.ga-athlete-workspace-v1666 .fan-metric span,
.ga-athlete-workspace-v1666 .metric-tile span,
.ga-athlete-workspace-v1666 .ga-card .ga-kicker {
  color: #31506f !important;
  -webkit-text-fill-color: #31506f !important;
  font-size: .76rem !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.ga-athlete-workspace-v1666 .training-center-grid-v1228 strong,
.ga-athlete-workspace-v1666 .runner-iq-grid-v1221 strong,
.ga-athlete-workspace-v1666 .runner-map-stat-v1273 strong,
.ga-athlete-workspace-v1666 .fan-metric strong,
.ga-athlete-workspace-v1666 .metric-tile strong,
.ga-athlete-workspace-v1666 .ga-card .h1 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: clamp(1.7rem, 2.4vw, 2.2rem) !important;
  font-weight: 1000 !important;
  letter-spacing: -.035em !important;
  line-height: 1.05 !important;
}

/* Shared panel surface, section hierarchy, and copy contrast. */
.ga-athlete-workspace-v1666 .training-center-panel-v1228,
.ga-athlete-workspace-v1666 .runner-iq-panel-v1221,
.ga-athlete-workspace-v1666 .runner-map-panel-v1273,
.ga-athlete-workspace-v1666 .network-card,
.ga-athlete-workspace-v1666 > .ga-card,
.ga-athlete-workspace-v1666 .analysis-panel {
  border: 1px solid #dbe5ef !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.07) !important;
}

.ga-athlete-workspace-v1666 .training-center-two-col-v1228,
.ga-athlete-workspace-v1666 .runner-iq-two-col-v1221,
.ga-athlete-workspace-v1666 .runner-map-layout-v1273 {
  gap: 1rem !important;
}

.ga-athlete-workspace-v1666 .ga-kicker,
.ga-athlete-workspace-v1666 .training-center-panel-v1228 > p,
.ga-athlete-workspace-v1666 .runner-iq-panel-v1221 > p {
  color: #075ea8 !important;
  -webkit-text-fill-color: #075ea8 !important;
  opacity: 1 !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
  letter-spacing: .11em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

.ga-athlete-workspace-v1666 .ga-section-title,
.ga-athlete-workspace-v1666 .training-center-panel-v1228 h2,
.ga-athlete-workspace-v1666 .runner-iq-panel-v1221 h2,
.ga-athlete-workspace-v1666 .runner-map-panel-v1273 h2 {
  margin-top: .1rem !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  font-weight: 1000 !important;
  letter-spacing: -.035em !important;
  line-height: 1.08 !important;
}

.ga-athlete-workspace-v1666 .ga-muted,
.ga-athlete-workspace-v1666 small,
.ga-athlete-workspace-v1666 p,
.ga-athlete-workspace-v1666 td,
.ga-athlete-workspace-v1666 li {
  color: #40536a !important;
  -webkit-text-fill-color: #40536a !important;
}

.ga-athlete-workspace-v1666 h2,
.ga-athlete-workspace-v1666 h3,
.ga-athlete-workspace-v1666 h4,
.ga-athlete-workspace-v1666 h5,
.ga-athlete-workspace-v1666 strong,
.ga-athlete-workspace-v1666 th {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* Preserve white hero typography after the general workspace contrast rules. */
html body .ga-athlete-workspace-v1666 .ga-athlete-workspace-hero-v1666 .ga-athlete-workspace-kicker-v1666,
html body .ga-athlete-workspace-v1666 .ga-athlete-workspace-hero-v1666 .ga-athlete-workspace-title-v1666,
html body .ga-athlete-workspace-v1666 .ga-athlete-workspace-hero-v1666 .ga-athlete-workspace-description-v1666 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Analysis tabs use the same compact segmented control on every analysis page. */
.ga-athlete-workspace-v1666 .analysis-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
  padding: .72rem !important;
  margin: 0 !important;
  border-radius: 18px !important;
}

html body .ga-athlete-workspace-v1666 .analysis-nav .ga-chip,
html body.ga-light-theme .ga-athlete-workspace-v1666 .analysis-nav .ga-chip {
  min-height: 38px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: .48rem .78rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 11px !important;
  background: #f8fafc !important;
  color: #17324f !important;
  -webkit-text-fill-color: #17324f !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
}

html body .ga-athlete-workspace-v1666 .analysis-nav .ga-chip.active,
html body.ga-light-theme .ga-athlete-workspace-v1666 .analysis-nav .ga-chip.active {
  background: #0b67d1 !important;
  border-color: #0b67d1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ga-athlete-workspace-v1666 .btn,
.ga-athlete-workspace-v1666 button,
.ga-athlete-workspace-v1666 input,
.ga-athlete-workspace-v1666 select,
.ga-athlete-workspace-v1666 textarea {
  border-radius: 10px !important;
}

.ga-athlete-workspace-v1666 .btn {
  font-weight: 850 !important;
}

@media (max-width: 1050px) {
  .ga-athlete-workspace-hero-v1666 {
    grid-template-columns: 1fr;
  }

  .ga-athlete-workspace-actions-v1666 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .ga-athlete-workspace-v1666 {
    padding: .65rem !important;
  }

  .ga-athlete-workspace-hero-v1666 {
    padding: 1rem;
    border-radius: 22px !important;
  }

  html body .ga-athlete-workspace-title-v1666,
  html body.ga-light-theme .ga-athlete-workspace-title-v1666 {
    font-size: clamp(1.9rem, 10vw, 2.55rem) !important;
  }

  .ga-athlete-workspace-actions-v1666 {
    grid-template-columns: 1fr 1fr;
  }
}


/* v0.0.1672: Training Center sidebar naming, panel-free Racing IQ heroes,
   and the athlete-scoped upcoming Course Intelligence directory. */
.ga-athlete-workspace-hero-v1666--single {
  grid-template-columns: minmax(0, 1fr) !important;
}

.ga-athlete-workspace-hero-v1666--single .ga-athlete-workspace-hero-copy-v1666 {
  width: 100%;
  max-width: none;
}

.racing-course-intelligence-page-v1672 {
  align-content: start;
}

.racing-course-intelligence-list-v1672,
.racing-course-intelligence-courses-v1672 {
  display: grid;
  gap: 1rem;
}

.racing-course-intelligence-event-v1672 {
  display: grid;
  gap: 1rem;
}

.racing-course-intelligence-event-header-v1672 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.racing-course-intelligence-course-v1672 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .95rem;
  border: 1px solid #dbe5ef;
  border-radius: 16px;
  background: #f8fafc;
}

.racing-course-intelligence-course-copy-v1672 {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-width: 0;
}

.racing-course-intelligence-course-copy-v1672 > div {
  min-width: 0;
  display: grid;
  gap: .2rem;
}

.racing-course-intelligence-course-copy-v1672 strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 1rem;
  font-weight: 950;
}

.racing-course-intelligence-course-copy-v1672 small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-weight: 700;
  line-height: 1.35;
}

@media (max-width: 760px) {
  .racing-course-intelligence-event-header-v1672,
  .racing-course-intelligence-course-v1672 {
    align-items: stretch;
    flex-direction: column;
  }

  .racing-course-intelligence-course-v1672 .btn,
  .racing-course-intelligence-event-header-v1672 .btn {
    width: 100%;
  }
}

/* v0.0.1725: course mapper location search must show visible feedback. */
.course-map-location-status-v1725 {
  align-self: center;
  max-width: 22rem;
  padding: .45rem .65rem;
  border-radius: .55rem;
  background: rgba(255,255,255,.96);
  color: #1f2937;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.15;
  box-shadow: 0 1px 5px rgba(15,23,42,.18);
}
.course-map-location-status-v1725:empty { display:none; }
.course-map-location-status-v1725[data-state="success"] { color:#075985; }
.course-map-location-status-v1725[data-state="error"] { color:#991b1b; }
@media (max-width: 760px) {
  .course-map-search { flex-wrap:wrap; }
  .course-map-location-status-v1725 { width:100%; max-width:none; }
}

/* v0.0.1727: never expose a blue empty canvas while Course Mapper tiles reload. */
#course-map.leaflet-container{background:#e8edf3!important;}
#course-map .leaflet-tile-pane{background:#e8edf3;}

/* V0_0_1728: actionable Course Mapper initialization error instead of a
   featureless blue map container when the map library or coordinates fail. */
.course-map.course-map-load-error-v1728{
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#f8fafc,#e2e8f0)!important;
}
.course-map-load-error-message-v1728{
  display:grid;
  gap:.55rem;
  max-width:34rem;
  margin:1rem;
  padding:1.25rem;
  border:1px solid #fecaca;
  border-radius:16px;
  background:#fff;
  color:#0f172a;
  text-align:center;
  box-shadow:0 14px 35px rgba(15,23,42,.12);
}
.course-map-load-error-message-v1728 strong{font-size:1.15rem;font-weight:950}
.course-map-load-error-message-v1728 span{color:#475569;font-weight:700}
.course-map-load-error-message-v1728 button{justify-self:center;border:0;border-radius:10px;padding:.6rem .9rem;background:#0b63ce;color:#fff;font-weight:900}