/* Public F1MANIA.NET platform. Loaded after legacy components; never enqueued in admin. */
:is(.f1-results-hub, .f1-platform, .f1-widget, .f1-widget-tabela) {
  --f1-surface: #ffffff;
  --f1-border: #dcdde0;
  --f1-muted: #60646b;
  --hub-text: #202226;
  --f1-text: var(--hub-text);
  --hub-track: #f2f2f3;
  --hub-accent: #bd1835;
  --hub-steel: #52667c;
  --hub-mineral: #18765d;
  color: var(--hub-text);
  font: 400 15px/1.55 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-variant-numeric: tabular-nums;
}
html[data-f1-theme="dark"] :is(.f1-results-hub, .f1-platform, .f1-widget, .f1-widget-tabela) {
  --f1-surface: #252629;
  --f1-border: #43454a;
  --f1-muted: #b9bbc1;
  --hub-text: #f4f4f5;
  --hub-track: #2e3034;
  --hub-accent: #ff7188;
  --hub-steel: #aab9cb;
  --hub-mineral: #6cc8a6;
  color-scheme: dark;
}
/* Every analysis token refers to the shared surface/ink system, including dark mode. */
:root .f1-results-hub .f1-analysis {
  --f1-analysis-border: var(--f1-border);
  --f1-analysis-surface: var(--f1-surface);
  --f1-analysis-muted: var(--f1-muted);
  --f1-analysis-track: var(--hub-track);
  --f1-analysis-text: var(--hub-text);
  --f1-analysis-wins: var(--hub-accent);
  --f1-analysis-podiums: var(--hub-steel);
  --f1-analysis-poles: var(--hub-mineral);
  --f1-analysis-finishes: var(--hub-accent);
  --f1-analysis-grids: var(--hub-steel);
}
:root :is(.f1-results-hub, .f1-platform, .f1-widget, .f1-widget-tabela) :is(h1,h2,h3,h4,p,table,th,td,dl,dt,dd,a,button,input,select,strong,small) {
  font-family: inherit;
}
:root .f1-results-hub :is(h1,h2,h3,h4) { color: var(--hub-text); font-weight: 750; line-height: 1.15; letter-spacing: -.035em; }
:root .f1-results-hub h1 { font-size: clamp(32px, 4vw, 52px); margin: 22px 0; }
:root .f1-results-hub h2 { font-size: clamp(23px, 2.5vw, 30px); margin: 36px 0 18px; }
:root .f1-results-hub h3 { font-size: 21px; }
:root :is(.f1-results-hub, .f1-platform, .f1-widget, .f1-widget-tabela) a { color: var(--hub-accent); text-underline-offset: 3px; }
:root :is(.f1-results-hub, .f1-platform, .f1-widget, .f1-widget-tabela) :focus-visible { outline: 2px solid var(--hub-accent); outline-offset: 4px; }
:root :is(.f1-results-hub, .f1-platform) :is(.f1-results-table-wrap,.f1-history-highlight,.f1-history-stat-grid > div,.f1-stats-feature-card,.f1-results-gp-card,.f1-history-timeline li,.f1-gp-bloco) {
  background: var(--f1-surface); border: 1px solid var(--f1-border); border-radius: 10px; box-shadow: none; color: var(--hub-text);
}
:root :is(.f1-results-hub, .f1-platform) :is(.f1-results-table,.f1-tabela,.f1-analysis-chart) { background: var(--f1-surface); color: var(--hub-text); font-size: 14px; }
:root :is(.f1-results-hub, .f1-platform) :is(.f1-results-table,.f1-tabela,.f1-analysis-chart) :is(th,td) { border-color: var(--f1-border); color: var(--hub-text); padding: 13px 16px; font-weight: 400; }
:root :is(.f1-results-hub, .f1-platform) :is(.f1-results-table,.f1-tabela,.f1-analysis-chart) thead {
  background: var(--hub-track); color: var(--f1-muted);
}
/* Ranking headers previously carry !important in legacy CSS. */
:root :is(.f1-results-hub, .f1-platform) table.f1-tabela > thead,
:root :is(.f1-results-hub, .f1-platform) table.f1-tabela > thead > tr,
:root :is(.f1-results-hub, .f1-platform) table.f1-tabela > thead > tr > th { background: var(--hub-track) !important; color: var(--f1-muted) !important; }
:root :is(.f1-results-hub, .f1-platform) :is(.f1-results-table,.f1-tabela,.f1-analysis-chart) thead th { font-size: 12px; font-weight: 700; letter-spacing: .025em; }
:root :is(.f1-results-hub, .f1-platform) :is(.f1-results-table,.f1-tabela,.f1-analysis-chart) tbody tr { background: var(--f1-surface); }
:root :is(.f1-results-hub, .f1-platform) :is(.f1-results-table,.f1-tabela,.f1-analysis-chart) tbody tr:hover { background: var(--hub-track); }
:root :is(.f1-results-hub, .f1-platform) :is(.f1-results-table,.f1-tabela) tbody td:first-child { font-weight: 650; }
:root :is(.f1-results-hub, .f1-platform) :is(.f1-hub-anchor-nav,.f1-history-search,.f1-analysis-filters) { border-radius: 10px; }
:root :is(.f1-results-hub, .f1-platform) :is(input,select,button,.f1-hub-anchor-nav a,.f1-history-pagination a,.f1-history-alpha a,.f1-gps-alpha a) { background: var(--f1-surface); border: 1px solid var(--f1-border); border-radius: 6px; color: var(--hub-text); font-size: 14px; }
:root .f1-results-hub :is(.f1-history-search button,.f1-analysis-filters button,.f1-results-cta) { background: #bd1835; border-color: #bd1835; color: #fff; }
:root .f1-results-hub :is(.f1-history-pagination a[aria-current],.f1-history-alpha a[aria-current],.f1-gps-alpha a.is-active) { background: var(--hub-track); border-color: var(--hub-accent); color: var(--hub-accent); }
:root .f1-results-hub .f1-hub-anchor-nav { margin: 20px 0 32px; gap: 8px; }
:root .f1-results-hub .f1-hub-anchor-nav a { font-weight: 600; padding: 9px 13px; }
:root .f1-results-hub .f1-history-stat-grid > div { padding: 17px; }
:root .f1-results-hub .f1-history-stat-card { border-top: 1px solid var(--f1-border); }
:root .f1-results-hub .f1-history-stat-card > strong { font-size: 28px; }
:root .f1-results-hub .f1-analysis-panel { border-radius: 10px; box-shadow: none; }
:root .f1-results-hub .f1-analysis-plot svg { min-width: 0; width: 100%; height: auto; max-height: none; }
:root .f1-results-hub .f1-analysis-tick { font-size: 11px; }
:root .f1-results-hub .f1-analysis-panel__meta { min-height: 38px; }
/* Editorial hero: real image, visible credit, name as the only H1. */
:root .f1-results-hub .f1-profile-hero { background: var(--f1-surface); border: 1px solid var(--f1-border); border-top: 4px solid #bd1835; border-radius: 12px; margin: 24px 0 0; padding: clamp(18px, 3vw, 36px); }
:root .f1-profile-hero .f1-history-driver-profile__intro { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); align-items: center; gap: 32px; }
:root .f1-profile-hero .f1-history-driver-profile__media { grid-column: 2; grid-row: 1; width: 100%; max-width: none; margin: 0; }
:root .f1-profile-hero .f1-history-driver-profile__meta { grid-column: 1; grid-row: 1; }
:root .f1-profile-hero .f1-history-driver-profile__image { display: block; width: 100%; max-width: none; height: auto; max-height: none; aspect-ratio: 3/2; object-fit: cover; border: 0; border-radius: 7px; }
:root .f1-profile-hero figcaption, :root .f1-profile-hero figcaption p { color: var(--f1-muted); font-size: 11px; margin: 6px 0 0; }
:root .f1-profile-hero .f1-profile-kicker { color: var(--hub-accent); font-size: 12px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; margin: 0 0 16px; }
:root .f1-profile-hero h1 { font-size: clamp(36px, 5vw, 68px); font-weight: 850; letter-spacing: -.055em; line-height: 1.02; margin: 0 0 18px; overflow-wrap: anywhere; }
:root .f1-profile-hero .f1-profile-description { color: var(--f1-muted); font-size: 15px; margin: 0 0 25px; }
:root .f1-profile-hero .f1-history-meta { display: flex; flex-wrap: wrap; gap: 18px 32px; margin: 0 0 20px; }
:root .f1-profile-hero .f1-history-meta dt { color: var(--f1-muted); font-size: 12px; }
:root .f1-profile-hero .f1-history-meta dd { color: var(--hub-text); font-size: 20px; font-weight: 700; margin: 2px 0 0; }
:root .f1-profile-hero .f1-history-stat-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 0; margin: 24px 0 0; border-top: 1px solid var(--f1-border); }
:root .f1-profile-hero .f1-history-stat-grid > div { border: 0; border-radius: 0; border-right: 1px solid var(--f1-border); padding: 18px 12px 0; background: transparent; }
:root .f1-profile-hero .f1-history-stat-grid > div:first-child { padding-left: 0; }
:root .f1-profile-hero .f1-history-stat-grid > div:last-child { border-right: 0; }
:root .f1-profile-hero .f1-history-stat-card > span { font-size: 12px; color: var(--f1-muted); }
:root .f1-profile-hero .f1-history-stat-card > strong { font-size: clamp(23px, 2.5vw, 32px); margin: 5px 0; }
:root .f1-profile-hero .f1-history-stat-card > small { font-size: 11px; color: var(--f1-muted); display: block; line-height: 1.5; }
:root :is(.f1-widget,.f1-widget-tabela) { background: var(--f1-surface); border: 1px solid var(--f1-border); border-radius: 10px; box-shadow: none; }
:root :is(.f1-widget,.f1-widget-tabela) :is(h3,.f1-day,.f1-linha,.f1-session,.f1-session-name,.f1-nome,.f1-pontos) { background: transparent; color: var(--hub-text); border-color: var(--f1-border); }
:root .f1-platform :is(.f1-gp-cabecalho,.f1-gp-sessoes,.f1-session) { background: var(--f1-surface); color: var(--hub-text); border-color: var(--f1-border); }
:root .f1-platform :is(.f1-gp-data,.f1-circuito) { color: var(--f1-muted); }
@media (max-width: 1050px) {
  :root .f1-profile-hero .f1-history-stat-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px 0; }
  :root .f1-profile-hero .f1-history-stat-grid > div { padding: 12px; }
  :root .f1-profile-hero .f1-history-stat-grid > div:first-child { padding-left: 12px; }
  :root .f1-profile-hero .f1-history-stat-grid > div:nth-child(4) { border-right: 0; }
}
@media (max-width: 767px) {
  :root .f1-profile-hero .f1-history-driver-profile__intro { grid-template-columns: 1fr; gap: 20px; }
  :root .f1-profile-hero .f1-history-driver-profile__media { grid-column: 1; grid-row: 2; }
  :root .f1-profile-hero .f1-history-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :root .f1-profile-hero .f1-history-stat-grid > div:nth-child(even) { border-right: 0; }
}

/* Filled actions need their own foreground: the generic link accent cannot be inherited here. */
:root .f1-results-widget .f1-results-widget__links a.f1-results-widget__primary,
:root .f1-results-widget .f1-results-widget__links a.f1-results-widget__primary:visited {
  background: #bd1835;
  border-color: #bd1835;
  color: #fff;
}
:root .f1-results-widget .f1-results-widget__links a.f1-results-widget__primary:hover,
:root .f1-results-widget .f1-results-widget__links a.f1-results-widget__primary:focus-visible {
  background: #a0132c;
  border-color: #a0132c;
  color: #fff;
}

/* Comparison and annual matrix share the public platform surfaces. */
:root .f1-comparison .f1-compare-year { flex: 0 1 90px; }
:root .f1-comparison .f1-compare-form select { width: 100%; max-width: 100%; }
:root .f1-comparison .f1-compare-table { min-width: 560px; }
:root .f1-comparison .f1-compare-table td { width: 30%; font-size: 20px; font-weight: 750; }
:root .f1-comparison .f1-compare-table td small { display: block; color: var(--f1-muted); font-size: 12px; font-weight: 400; }
:root .f1-comparison .f1-compare-score { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
:root .f1-comparison .f1-compare-score span { color: var(--f1-muted); font-size: 13px; }
:root .f1-comparison .f1-compare-score strong { display: block; color: var(--hub-text); font-size: 34px; }
:root .f1-results-hub .f1-season-matrix { max-height: 650px; overflow: auto; }
:root .f1-results-hub .f1-season-matrix table { width: max-content; min-width: 100%; }
:root .f1-results-hub .f1-season-matrix caption { text-align: left; padding: 12px 16px; color: var(--f1-muted); font-size: 13px; }
:root .f1-results-hub .f1-season-matrix thead th { position: sticky; top: 0; z-index: 2; background: var(--hub-track); max-width: 160px; min-width: 110px; white-space: normal; }
:root .f1-results-hub .f1-season-matrix tr > th:first-child { position: sticky; left: 0; z-index: 1; min-width: 160px; max-width: 220px; background: var(--f1-surface); }
:root .f1-results-hub .f1-season-matrix thead th:first-child { z-index: 3; background: var(--hub-track); }
:root .f1-results-hub .f1-matrix-result { display: block; white-space: nowrap; font-size: 13px; }
:root .f1-results-hub .f1-matrix-result--podium { color: var(--hub-accent); font-weight: 750; }

/* Aligned comparison: one year axis, the same metric colors as profile charts. */
:root .f1-results-hub .f1-compare-metric--wins,
:root .f1-results-hub .f1-compare-metric--win_rate { --f1-compare-color: var(--hub-accent); }
:root .f1-results-hub .f1-compare-metric--podiums,
:root .f1-results-hub .f1-compare-metric--podium_rate { --f1-compare-color: var(--hub-steel); }
:root .f1-results-hub .f1-compare-metric--poles { --f1-compare-color: var(--hub-mineral); }
:root .f1-results-hub .f1-compare-annual :is(th,td)[class*="f1-compare-metric--"],
:root .f1-results-hub .f1-compare-table [class*="f1-compare-metric--"] > th,
:root .f1-results-hub .f1-compare-metric dt,
:root .f1-results-hub .f1-compare-metric dd strong { color: var(--f1-compare-color, var(--hub-text)); }
:root .f1-results-hub .f1-compare-annual { min-width: 740px; table-layout: fixed; }
:root .f1-results-hub .f1-compare-annual th:first-child { width: 82px; }
:root .f1-results-hub .f1-compare-annual td { font-size: 18px; font-weight: 700; }
:root .f1-results-hub .f1-compare-annual :is(td,th):nth-child(5) { border-left: 2px solid var(--f1-border); }
:root .f1-results-hub .f1-compare-annual caption { text-align: left; padding: 12px 16px; color: var(--f1-muted); }
:root .f1-results-hub .f1-compare-records { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin: 18px 0 28px; }
:root .f1-results-hub .f1-compare-records h3 { margin: 0 0 18px; font-size: 20px; }
:root .f1-results-hub .f1-compare-records dl { margin: 0; display: grid; gap: 14px; }
:root .f1-results-hub .f1-compare-metric { border-left: 3px solid var(--f1-compare-color); padding-left: 12px; }
:root .f1-results-hub .f1-compare-metric dt { font-size: 12px; font-weight: 700; }
:root .f1-results-hub .f1-compare-metric dd { margin: 3px 0 0; }
:root .f1-results-hub .f1-compare-metric dd strong { font-size: 24px; margin-right: 10px; }
:root .f1-results-hub .f1-compare-metric dd span { color: var(--f1-muted); font-size: 13px; }
:root .f1-results-hub .f1-h2h-overview { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; padding: 16px 0; }
:root .f1-results-hub .f1-h2h-overview h3,
:root .f1-results-hub .f1-h2h-overview h4 { margin: 0 0 8px; font-size: 15px; }
:root .f1-results-hub .f1-h2h-score { align-items: center; display: flex; gap: 10px; max-width: 280px; }
:root .f1-results-hub .f1-h2h-score strong { color: var(--hub-text); font-size: 22px; min-width: 24px; }
:root .f1-results-hub .f1-h2h-track { background: var(--hub-track); border: 1px solid var(--f1-border); border-radius: 6px; display: flex; height: 10px; min-width: 80px; flex: 1; overflow: hidden; justify-content: space-between; }
:root .f1-results-hub .f1-h2h-track > span { background: var(--hub-accent); }
:root .f1-results-hub .f1-h2h-track > i { background: var(--hub-steel); }
:root .f1-results-hub .f1-h2h-score + small,
:root .f1-results-hub .f1-compare-empty { color: var(--f1-muted); font-size: 11px; }
:root .f1-results-hub .f1-h2h-years { min-width: 620px; }
:root .f1-results-hub .f1-h2h-years td { vertical-align: middle; }
:root .f1-results-hub .f1-teammate-card { background: var(--f1-surface); border: 1px solid var(--f1-border); border-radius: 10px; padding: 18px; margin: 16px 0; }
:root .f1-results-hub .f1-teammate-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
:root .f1-results-hub .f1-teammate-heading h3 { font-size: 20px; margin: 0; }
:root .f1-results-hub .f1-teammate-heading p { color: var(--f1-muted); font-size: 12px; margin: 4px 0 0; }
:root .f1-results-hub .f1-teammate-heading .f1-results-cta { font-size: 12px; padding: 9px 12px; }
:root .f1-results-hub .f1-compare-sharing { margin: 20px 0 8px; }
:root .f1-results-hub .f1-share-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 650; }
:root .f1-results-hub .f1-share-link svg { flex: 0 0 20px; }
:root .f1-results-hub .f1-compare-sharing [hidden] { display: none; }
:root .f1-results-hub [data-f1-share-fallback] { margin-top: 12px; display: flex; flex-wrap: wrap; align-items: end; gap: 10px; }
:root .f1-results-hub [data-f1-share-fallback] label { flex: 1 1 250px; display: grid; gap: 5px; font-size: 12px; }
:root .f1-results-hub [data-f1-share-fallback] input { min-width: 0; width: 100%; padding: 10px; }
:root .f1-results-hub [data-f1-copy] { padding: 10px 14px; cursor: pointer; }
:root .f1-results-hub [data-f1-share-status] { display: block; color: var(--f1-muted); font-size: 12px; margin-top: 6px; }
:root .f1-results-hub .f1-compare-index-link { display: inline-block; font-size: 11px; margin-left: 10px; }
@media (max-width: 600px) {
  :root .f1-results-hub .f1-compare-records { grid-template-columns: 1fr; }
  :root .f1-results-hub .f1-h2h-overview { gap: 16px; }
  :root .f1-results-hub .f1-teammate-card { padding: 14px; }
}
:root .f1-results-hub .f1-compare-annual tbody th { position: sticky; left: 0; z-index: 1; background: var(--f1-surface); }

/* Profile charts adapt to actual content width, without a horizontal scroll viewport. */
:root .f1-results-hub .f1-analysis--charts { container: f1-charts / inline-size; }
:root .f1-results-hub .f1-analysis-panel { container: f1-chart-panel / inline-size; min-width: 0; }
:root .f1-results-hub .f1-analysis-panels--annual { grid-template-columns: minmax(0,1fr); }
:root .f1-results-hub .f1-analysis-plot { overflow: visible; }
:root .f1-results-hub .f1-analysis-plot svg { max-width: 760px; margin: 0 auto; }
:root .f1-results-hub .f1-analysis-tick { font-size: 13px; }
:root .f1-results-hub .f1-analysis-horizontal { display: none; margin: 18px 0; }
:root .f1-results-hub .f1-analysis-horizontal__row { display: grid; grid-template-columns: 48px minmax(0,1fr) 42px; align-items: center; gap: 10px; min-height: 30px; color: var(--hub-text); text-decoration: none; font-size: 13px; }
:root .f1-results-hub .f1-analysis-horizontal__label { color: var(--f1-muted); }
:root .f1-results-hub .f1-analysis-horizontal__row strong { text-align: right; font-size: 13px; font-weight: 650; }
:root .f1-results-hub .f1-analysis-horizontal__track { display: block; height: 8px; border-radius: 4px; overflow: hidden; background: var(--hub-track); }
:root .f1-results-hub .f1-analysis-horizontal__track > span { display: block; height: 100%; background: var(--f1-analysis-series); border-radius: inherit; }
@container f1-charts (min-width: 1480px) {
  :root .f1-results-hub .f1-analysis-panels--annual { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@container f1-chart-panel (max-width: 479px) {
  :root .f1-results-hub .f1-analysis-plot { display: none; }
  :root .f1-results-hub .f1-analysis-horizontal { display: block; }
}
/* Fallback for browsers without container queries. */
@media (max-width: 600px) {
  :root .f1-results-hub .f1-analysis-plot { display: none; }
  :root .f1-results-hub .f1-analysis-horizontal { display: block; }
}
@media (forced-colors: active) {
  :root .f1-results-hub .f1-analysis-horizontal__track { border: 1px solid CanvasText; }
  :root .f1-results-hub .f1-analysis-horizontal__track > span { background: CanvasText; }
}

/* Lote 5: compact rankings and automatically imported current circuits. */
:root .f1-results-hub .f1-insights-filters {
  display: flex; flex-wrap: wrap; align-items: end; gap: 14px;
  padding: 20px; margin: 24px 0; background: var(--f1-surface);
  border: 1px solid var(--f1-border); border-radius: 10px;
}
:root .f1-results-hub .f1-insights-filters label { display: grid; gap: 6px; flex: 1 1 130px; min-width: 0; font-size: 13px; font-weight: 650; color: var(--hub-text); opacity: 1; }
:root .f1-results-hub .f1-insights-filters :is(input,select,button) { min-height: 44px; padding: 9px 12px; max-width: 100%; width: 100%; box-sizing: border-box; }
:root .f1-results-hub .f1-insights-filters :is(input,select) { background: var(--f1-surface); color: var(--hub-text); font-weight: 500; }
:root .f1-results-hub .f1-insights-filters button { width: auto; background: #bd1835; color: #fff; border-color: #bd1835; cursor: pointer; }
:root .f1-results-hub ol.f1-insights-ranking { list-style: none; padding: 0; margin: 24px 0; counter-reset: none; border: 1px solid var(--f1-border); border-radius: 10px; overflow: hidden; background: var(--f1-surface); }
:root .f1-results-hub ol.f1-insights-ranking > li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; padding: 16px 20px; margin: 0; border: 0; border-bottom: 1px solid var(--f1-border); border-radius: 0; background: var(--f1-surface); color: var(--hub-text); list-style: none; }
/* The host theme adds its own numbered pseudo-element to editorial lists. */
:root .f1-results-hub ol.f1-insights-ranking > li::before,
:root .f1-results-hub ol.f1-insights-ranking > li::after { content: none !important; display: none !important; }
:root .f1-results-hub ol.f1-insights-ranking > li:last-child { border-bottom: 0; }
:root .f1-results-hub .f1-insights-position { align-self: start; font-size: 18px; font-weight: 700; color: var(--f1-muted); line-height: 1.5; }
:root .f1-results-hub .f1-insights-body { min-width: 0; }
:root .f1-results-hub .f1-insights-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 18px; font-size: 17px; line-height: 1.5; }
:root .f1-results-hub .f1-insights-heading b { color: var(--hub-accent); }
:root .f1-results-hub .f1-insights-heading strong { font-weight: 650; }
:root .f1-results-hub .f1-insights-sample { margin: 3px 0 0; color: var(--f1-muted); font-size: 13px; line-height: 1.5; }
:root .f1-results-hub .f1-insights-body details { margin: 0; padding: 0; color: var(--hub-text); }
:root .f1-results-hub .f1-insights-body summary { color: var(--hub-text); font-size: 13px; line-height: 1.5; cursor: pointer; }
:root .f1-results-hub .f1-insights-body details[open] summary { margin-bottom: 12px; }
:root .f1-results-hub .f1-insights-track { height: 5px; background: var(--hub-track); border-radius: 5px; overflow: hidden; margin: 8px 0; }
:root .f1-results-hub .f1-insights-track span { height: 100%; display: block; background: var(--hub-accent); }
:root .f1-results-hub .f1-insights-ranking--podiums .f1-insights-heading b { color: var(--hub-steel); }
:root .f1-results-hub .f1-insights-ranking--podiums .f1-insights-track span { background: var(--hub-steel); }
:root .f1-results-hub .f1-circuits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 24px; margin: 24px 0; }
:root .f1-results-hub .f1-circuit-card { min-width: 0; border: 1px solid var(--f1-border); border-radius: 10px; padding: 20px; background: var(--f1-surface); }
:root .f1-results-hub .f1-circuit-card h2 { margin: 0 0 12px; font-size: 24px; }
:root .f1-results-hub .f1-circuit-image { margin: 24px 0; max-width: 900px; }
:root .f1-results-hub .f1-circuit-image img { display: block; width: 100%; height: 260px; object-fit: contain; border-radius: 8px; background: #fff; }
:root .f1-results-hub .f1-circuit-image figcaption { color: var(--f1-muted); margin-top: 8px; font-size: 12px; }
:root .f1-results-hub .f1-circuit-meta { display: flex; flex-wrap: wrap; gap: 16px 32px; }
:root .f1-results-hub .f1-circuit-meta dt { font-weight: 700; color: var(--f1-muted); }
:root .f1-results-hub .f1-circuit-meta dd { margin: 4px 0; }
@media (max-width: 600px) {
  :root .f1-results-hub ol.f1-insights-ranking > li { grid-template-columns: 28px minmax(0, 1fr); padding: 14px 12px; gap: 8px; }
  :root .f1-results-hub .f1-insights-filters button { width: 100%; }
}