/* Game takeaway card, data-freshness chips and the in-page section nav. Scoped to .scoutics-page. */
.scoutics-page #gameTakeaway,.scoutics-page #matchups,.scoutics-page #rankings,.scoutics-page #engine,#stadiumMatchPanel{scroll-margin-top:72px}
.scoutics-page .scp-jump{position:sticky;top:var(--scp-sticky-top,0);z-index:30;background:var(--panel);border-bottom:1px solid var(--line)}
.scoutics-page .scp-jump-inner{display:flex;gap:6px;overflow-x:auto;padding:8px 32px;max-width:1180px;margin:0 auto;scrollbar-width:none}
.scoutics-page .scp-jump-inner::-webkit-scrollbar{display:none}
.scoutics-page .scp-jump a{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid transparent;color:var(--slate);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;min-height:36px;display:inline-flex;align-items:center}
.scoutics-page .scp-jump a:hover{color:var(--paper);background:var(--panel-2)}
.scoutics-page .scp-jump a[aria-current="true"]{color:var(--paper);background:var(--panel-2);border-color:var(--line)}
.scoutics-page .scp-jump a:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}
@media(max-width:900px){.scoutics-page .scp-jump{--scp-sticky-top:54px}}
@media(max-width:700px){.scoutics-page .scp-jump-inner{padding:8px 16px;gap:4px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.scoutics-page .scp-jump a{padding:8px 11px;font-size:13px}}

.scoutics-page .gt-sub{margin:-4px 0 14px;color:var(--slate);font-size:14px;line-height:1.5}
.scoutics-page .gt-lead{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.scoutics-page .gt-lead-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.scoutics-page .gt-match{margin:0;font-size:22px;line-height:1.25;letter-spacing:-.01em;color:var(--paper);overflow-wrap:anywhere}
.scoutics-page .gt-when{margin:4px 0 0;color:var(--slate);font-size:14px}
.scoutics-page .gt-headline{margin:14px 0 12px;font-size:18px;line-height:1.45;font-weight:600;color:var(--paper)}
.scoutics-page .gt-meters{display:grid;gap:8px;max-width:520px}
.scoutics-page .gt-meter{display:grid;grid-template-columns:64px minmax(0,1fr) 56px;align-items:center;gap:10px;font-size:13px;color:var(--slate)}
.scoutics-page .gt-meter b{color:var(--paper);text-align:right;font-variant-numeric:tabular-nums}
.scoutics-page .gt-meter-track{display:block;height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.scoutics-page .gt-meter-track i{display:block;height:100%;border-radius:999px}
.scoutics-page .gt-fill-model{background:var(--brand-bright)}
.scoutics-page .gt-fill-market{background:var(--amber)}
.scoutics-page .gt-gap{margin:10px 0 0;color:var(--slate);font-size:14px}
.scoutics-page .gt-gap b{color:var(--paper);font-size:16px}
.scoutics-page .gt-why{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.scoutics-page .gt-why h4,.scoutics-page .gt-others h4{margin:0 0 6px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--slate)}
.scoutics-page .gt-why ul{margin:0;padding-left:18px;color:var(--paper);font-size:14px;line-height:1.6}
.scoutics-page .gt-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0}
.scoutics-page .gt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--paper);font:600 14px system-ui;text-decoration:none;cursor:pointer}
.scoutics-page .gt-btn:hover{border-color:var(--brand-bright)}
.scoutics-page .gt-btn-primary{background:var(--brand-bright);border-color:var(--brand-bright);color:var(--ink)}
.scoutics-page .gt-btn-small{min-height:32px;padding:4px 12px;font-size:13px}
.scoutics-page .gt-btn:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}
.scoutics-page .gt-others{margin-top:18px}
.scoutics-page .gt-others ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.scoutics-page .gt-others li{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.scoutics-page .gt-other-main{display:grid;gap:3px;min-width:0;flex:1 1 260px;font-size:14px;line-height:1.45}
.scoutics-page .gt-other-main strong{color:var(--paper);overflow-wrap:anywhere}
.scoutics-page .gt-other-main span{color:var(--slate)}
.scoutics-page .gt-other-side{display:grid;gap:6px;justify-items:start}
.scoutics-page .gt-other-when{font-size:12px;color:var(--slate)}
.scoutics-page .gt-note{margin:12px 0 0;color:var(--slate-dim,var(--slate));font-size:12px;line-height:1.55}
.scoutics-page .gt-empty{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--paper);line-height:1.55}
.scoutics-page .gt-empty p{margin:6px 0 10px;color:var(--slate);font-size:14px}
.scoutics-page .gt-empty a{color:var(--brand-bright)}

/* Freshness chips: colour is never the only signal; every chip carries text. */
.scoutics-page .gt-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--slate);font-size:12px;font-weight:600;line-height:1.3}
.scoutics-page .gt-dot{width:8px;height:8px;border-radius:50%;background:var(--slate-dim,var(--slate));flex:0 0 auto}
.scoutics-page .gt-chip-ok{color:var(--good);border-color:var(--good)}.scoutics-page .gt-chip-ok .gt-dot{background:var(--good)}
.scoutics-page .gt-chip-aging{color:var(--amber);border-color:var(--amber)}.scoutics-page .gt-chip-aging .gt-dot{background:var(--amber)}
.scoutics-page .gt-chip-expired{color:var(--bad);border-color:var(--bad)}.scoutics-page .gt-chip-expired .gt-dot{background:var(--bad)}
.scoutics-page .gt-chip-loading .gt-dot{background:var(--brand-bright);animation:gt-pulse 1.2s ease-in-out infinite}
#rankFreshness{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 4px}

.scoutics-page .gt-skel{display:grid;gap:10px}
.scoutics-page .gt-skel i{display:block;height:18px;border-radius:8px;background:linear-gradient(90deg,var(--line),var(--panel-2),var(--line));background-size:200% 100%;animation:gt-shimmer 1.4s linear infinite}
.scoutics-page .gt-skel i:nth-child(1){width:55%;height:26px}.scoutics-page .gt-skel i:nth-child(2){width:90%}.scoutics-page .gt-skel i:nth-child(3){width:70%}
@keyframes gt-shimmer{to{background-position:-200% 0}}
@keyframes gt-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.scoutics-page .gt-skel i,.scoutics-page .gt-chip-loading .gt-dot{animation:none}}
@media(max-width:600px){.scoutics-page .gt-lead{padding:14px}.scoutics-page .gt-match{font-size:19px}.scoutics-page .gt-headline{font-size:16px}.scoutics-page .gt-btn{flex:1 1 100%}.scoutics-page .gt-meter{grid-template-columns:54px minmax(0,1fr) 52px}}

/* Minimal, compact layout: hairlines instead of boxes, small type, shirts as the only colour accent. */
.scoutics-page .gt-kits{display:inline-flex;gap:2px;flex:0 0 auto;align-items:center}
.scoutics-page .gt-kit{display:inline-flex;width:26px;height:30px}
.scoutics-page .gt-kit .standings-jersey{width:100%;height:100%;margin:0;display:block}
.scoutics-page .gt-kit svg{width:100%;height:100%;display:block}
.scoutics-page .gt-lead{padding:16px 18px;background:var(--panel);border-radius:10px}
.scoutics-page .gt-lead-top{flex-wrap:nowrap;align-items:center;gap:14px}
.scoutics-page .gt-lead .gt-kit{width:36px;height:42px}
.scoutics-page .gt-lead-title{flex:1 1 auto;min-width:0}
.scoutics-page .gt-match{font-size:18px;font-weight:700}
.scoutics-page .gt-when{margin:2px 0 0;font-size:13px}
.scoutics-page .gt-lead .gt-chip{margin-left:auto;white-space:nowrap}
.scoutics-page .gt-chip{padding:0;border:0;background:transparent;font-weight:500;color:var(--slate)}
.scoutics-page .gt-chip-ok,.scoutics-page .gt-chip-aging,.scoutics-page .gt-chip-expired{border:0}
.scoutics-page .gt-chip-ok{color:var(--slate)}
.scoutics-page .gt-chip-aging{color:var(--amber)}.scoutics-page .gt-chip-expired{color:var(--bad)}
.scoutics-page .gt-dot{width:6px;height:6px}
.scoutics-page .gt-headline{margin:12px 0 10px;font-size:15px;font-weight:500;line-height:1.45}
.scoutics-page .gt-meters{gap:6px;max-width:420px}
.scoutics-page .gt-meter{grid-template-columns:52px minmax(0,1fr) 48px;gap:8px;font-size:12px}
.scoutics-page .gt-meter-track{height:5px}
.scoutics-page .gt-gap{margin:8px 0 0;font-size:13px}
.scoutics-page .gt-gap b{font-size:14px}
.scoutics-page .gt-why{margin-top:12px;padding-top:10px}
.scoutics-page .gt-why h4,.scoutics-page .gt-others h4{font-size:11px;font-weight:600;letter-spacing:.08em;margin:0 0 4px}
.scoutics-page .gt-why ul{font-size:13px;line-height:1.55;color:var(--slate);padding-left:16px}
.scoutics-page .gt-actions{margin:12px 0 0;gap:8px}
.scoutics-page .gt-btn{min-height:34px;padding:6px 14px;font-size:13px;font-weight:600;border-radius:7px;background:transparent}
.scoutics-page .gt-btn-primary{background:var(--brand-bright)}
.scoutics-page .gt-others{margin-top:14px}
.scoutics-page .gt-others h4{margin-bottom:6px}
.scoutics-page .gt-others ol{gap:0;border-top:1px solid var(--line)}
.scoutics-page .gt-others li{display:grid;grid-template-columns:96px minmax(0,1fr) 64px 170px;align-items:center;column-gap:14px;padding:8px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.scoutics-page .gt-others li:not(:has(.gt-kits)){grid-template-columns:84px minmax(0,1fr) 64px 150px}
.scoutics-page .gt-other-main{display:contents}
.scoutics-page .gt-other-main strong{font-size:13px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.scoutics-page .gt-other-main span{font-size:13px;color:var(--slate);line-height:1.4;min-width:0;overflow-wrap:anywhere}
.scoutics-page .gt-other-gap{font:600 13px system-ui;font-variant-numeric:tabular-nums;color:var(--paper);text-align:right}
.scoutics-page .gt-other-gap.gt-none{color:var(--slate)}
.scoutics-page .gt-other-when{font-size:12px;color:var(--slate);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){
  .scoutics-page .gt-lead{padding:14px}
  .scoutics-page .gt-lead-top{flex-wrap:wrap;row-gap:6px}
  .scoutics-page .gt-lead .gt-chip{margin-left:0;flex-basis:100%}
  .scoutics-page .gt-others li,.scoutics-page .gt-others li:not(:has(.gt-kits)){grid-template-columns:auto minmax(0,1fr) auto;row-gap:2px;padding:10px 2px}
  .scoutics-page .gt-others li:not(:has(.gt-kits)){grid-template-columns:minmax(0,1fr) auto}
  .scoutics-page .gt-kits{grid-row:1/3}
  .scoutics-page .gt-other-main strong{grid-column:2;grid-row:1}
  .scoutics-page .gt-other-main span{grid-column:2/-1;grid-row:2}
  .scoutics-page .gt-other-gap{grid-column:3;grid-row:1}
  .scoutics-page .gt-other-when{display:none}
}
@media(max-width:700px){
  .scoutics-page .gt-others li:not(:has(.gt-kits)) .gt-other-main strong{grid-column:1}
  .scoutics-page .gt-others li:not(:has(.gt-kits)) .gt-other-main span{grid-column:1/-1}
  .scoutics-page .gt-others li:not(:has(.gt-kits)) .gt-other-gap{grid-column:2}
}

/* A per-game freshness note appears only when that game's snapshot is not fresh. */
.scoutics-page .gt-other-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.scoutics-page .gt-others .gt-chip-aging,.scoutics-page .gt-others .gt-chip-expired,.scoutics-page .gt-others .gt-chip-missing{display:inline-flex;font-size:11px}
@media(max-width:700px){.scoutics-page .gt-other-side{display:flex;flex-direction:row;gap:8px}.scoutics-page .gt-other-when{display:none}.scoutics-page .gt-others .gt-chip-aging,.scoutics-page .gt-others .gt-chip-expired,.scoutics-page .gt-others .gt-chip-missing{display:inline-flex}}

/* Fixtures table: one line per game on wider screens (kickoff and gameweek inline, short labels, tighter rows). */
@media(min-width:901px){
  .scoutics-page table#fixturesTable th{white-space:nowrap;padding:9px 12px;font-size:11px;letter-spacing:.06em}
  .scoutics-page table#fixturesTable td{padding:7px 12px;white-space:nowrap;vertical-align:middle}
  .scoutics-page table#fixturesTable .fixture-team-main{gap:8px}
  .scoutics-page table#fixturesTable .fixture-team .team{font-size:14px;font-weight:600}
  .scoutics-page table#fixturesTable .standings-jersey{width:20px;height:23px}
  .scoutics-page table#fixturesTable .fixture-kickoff-cell .kickoff{font-size:13px}
  .scoutics-page table#fixturesTable .fixture-kickoff-cell small{display:inline!important;margin-left:8px;font-size:12px;color:var(--slate)}
  .scoutics-page table#fixturesTable td.odds{font-size:13px}
  .scoutics-page table#fixturesTable .fixture-edge small{font-size:12px;color:var(--slate)}
  .scoutics-page table#fixturesTable .fixture-rank{color:var(--slate);font-size:12px}
}

/* Other games: kickoff and any stale-price note share one line on the right. */
.scoutics-page .gt-others li,.scoutics-page .gt-others li:not(:has(.gt-kits)){grid-template-columns:96px minmax(0,1fr) 72px auto;padding:7px 2px}
.scoutics-page .gt-other-side{flex-direction:row;align-items:center;gap:12px;white-space:nowrap;justify-content:flex-end}
.scoutics-page .gt-others .gt-chip{white-space:nowrap}
@media(max-width:700px){.scoutics-page .gt-others li,.scoutics-page .gt-others li:not(:has(.gt-kits)){grid-template-columns:minmax(0,1fr) auto}}

/* Keep the fixtures table inside its column: it scrolls sideways there instead of running under the sidebar. */
.scoutics-page #matchups{min-width:0;max-width:100%;overflow-x:auto}
@media(min-width:901px){.scoutics-page table#fixturesTable .fixture-team .team{white-space:normal}}