/*! Renegades Basketball Portugal | style.css v2.1.0 | Updated: 2026-11-11 */
:root {
  --bg-base: #121418;
  --bg-elevated: #1A1D24;
  --surface-card: #1E222B;
  --surface-subtle: #161920;
  --surface-input: #14171E;
  --border-line: #2A303D;
  --border-strong: #3B4354;
  --accent: #FF6B00;
  --accent-hover: #FF8800;
  --text-heading: #FFFFFF;
  --text-body: #A0A5B1;
  --text-muted: #949BA8;
  --max-w: 1240px;
  --gutter: 24px;
  --r-sm: 4px;
  --r-md: 6px;
  --font-sans: "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; line-height: 1.6; background-color: var(--bg-base); color: var(--text-body); -webkit-text-size-adjust: 100%; scrollbar-gutter: stable; }
body { min-height: 100vh; display: flex; flex-direction: column; background-color: var(--bg-base); color: var(--text-body); font-family: var(--font-sans); font-size: 1rem; line-height: 1.65; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
body[data-modal-open="true"] { overflow: hidden; }
[hidden] { display: none !important; }
img, svg, picture { display: block; max-width: 100%; }
img, svg { height: auto; }
h1, h2, h3, h4, h5, h6 { color: var(--text-heading); font-family: var(--font-sans); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; }
h1 { font-size: clamp(1.85rem, 3.4vw, 2.75rem); line-height: 1.12; letter-spacing: -0.025em; }
h2 { font-size: clamp(1.4rem, 2.4vw, 1.95rem); line-height: 1.18; }
h3 { font-size: clamp(1.08rem, 1.5vw, 1.25rem); line-height: 1.28; }
p, ul, ol, dl, table, blockquote { margin: 0; }
a { color: var(--text-heading); text-decoration-line: underline; text-decoration-color: var(--border-strong); text-underline-offset: 3px; transition: color 0.18s ease, text-decoration-color 0.18s ease; }
a:hover { color: var(--accent-hover); text-decoration-color: var(--accent-hover); }
button, input, select, textarea { font-family: inherit; font-size: inherit; color: inherit; }
button { cursor: pointer; border: 1px solid transparent; background: none; touch-action: manipulation; }
button:disabled { opacity: 0.72; cursor: wait; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.88em; background-color: var(--surface-subtle); color: var(--text-heading); border: 1px solid var(--border-line); padding: 2px 6px; border-radius: var(--r-sm); overflow-wrap: anywhere; word-break: break-word; }
address { font-style: normal; }
body > header { position: sticky; top: 0; z-index: 150; background-color: var(--bg-base); border-bottom: 1px solid var(--border-line); }
aside[data-top-strip] { background-color: var(--surface-subtle); border-bottom: 1px solid var(--border-line); font-size: 0.8125rem; line-height: 1.4; }
aside[data-top-strip] > div { max-width: var(--max-w); margin-inline: auto; padding: 5px var(--gutter); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 20px; }
aside[data-top-strip] p { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--text-body); }
strong[data-age-pill] { display: inline-flex; align-items: center; justify-content: center; padding: 2px 7px; background-color: var(--accent); color: var(--bg-base); font-size: 0.75rem; font-weight: 800; border-radius: var(--r-sm); letter-spacing: 0.03em; font-variant-numeric: tabular-nums; }
div[data-header-bar] { max-width: var(--max-w); margin-inline: auto; padding: 8px var(--gutter); display: flex; align-items: center; justify-content: space-between; gap: 14px; }
a[data-brand] { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }
a[data-brand] img { width: 34px; height: 34px; flex-shrink: 0; }
a[data-brand] span { display: flex; flex-direction: column; gap: 1px; }
a[data-brand] strong { color: var(--text-heading); font-size: 1rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; white-space: nowrap; }
a[data-brand] small { color: var(--text-muted); font-size: 0.6875rem; font-weight: 500; white-space: nowrap; }
body > header nav[aria-label="Navegação Principal"] ul, body > header nav[aria-label="Primary Navigation"] ul { list-style: none; display: flex; align-items: center; gap: 3px; }
body > header nav[aria-label="Navegação Principal"] a, body > header nav[aria-label="Primary Navigation"] a { display: inline-block; padding: 6px 8px; border-radius: var(--r-sm); color: var(--text-body); font-size: 0.8rem; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background-color 0.16s ease, color 0.16s ease; }
body > header nav[aria-label="Navegação Principal"] a:hover, body > header nav[aria-label="Primary Navigation"] a:hover { background-color: var(--surface-card); color: var(--text-heading); }
body > header nav a[aria-current="page"] { background-color: var(--surface-card); color: var(--text-heading); border: 1px solid var(--border-line); }
div[data-header-meta] { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
div[data-header-meta] img { width: 80px; height: 32px; }
#navToggleBtn { display: none; align-items: center; justify-content: center; min-height: 38px; padding: 6px 12px; background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-sm); color: var(--text-heading); font-size: 0.82rem; font-weight: 700; }
#mobileNav { border-top: 1px solid var(--border-line); background-color: var(--bg-elevated); }
#mobileNav ul { list-style: none; max-width: var(--max-w); margin-inline: auto; padding: 12px var(--gutter) 18px; display: grid; gap: 8px; }
#mobileNav a { display: block; padding: 11px 14px; border-radius: var(--r-sm); background-color: var(--surface-card); border: 1px solid var(--border-line); color: var(--text-heading); font-weight: 600; text-decoration: none; }
#mobileNav a[aria-current="page"] { border-color: var(--accent); color: var(--accent-hover); }
button[data-variant="primary"], a[data-variant="primary"] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 12px 22px; background-color: var(--accent); border: 1px solid var(--accent); border-radius: var(--r-sm); color: #121418; font-size: 0.95rem; font-weight: 800; letter-spacing: -0.01em; text-decoration: none; transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.12s ease; }
button[data-variant="primary"]:hover, a[data-variant="primary"]:hover { background-color: var(--accent-hover); border-color: var(--accent-hover); color: #121418; }
button[data-variant="primary"]:active { transform: translateY(1px); }
button[data-variant="secondary"], a[data-variant="secondary"] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 12px 20px; background-color: var(--surface-card); border: 1px solid var(--border-strong); border-radius: var(--r-sm); color: var(--text-heading); font-size: 0.93rem; font-weight: 700; text-decoration: none; transition: background-color 0.16s ease, border-color 0.16s ease; }
button[data-variant="secondary"]:hover, a[data-variant="secondary"]:hover { background-color: var(--bg-elevated); border-color: var(--accent); color: var(--text-heading); }
button[data-variant="ghost"] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 10px 14px; background-color: transparent; border: 1px solid var(--border-line); border-radius: var(--r-sm); color: var(--text-body); font-size: 0.85rem; font-weight: 600; transition: border-color 0.16s ease, color 0.16s ease; }
button[data-variant="ghost"]:hover { border-color: var(--border-strong); color: var(--text-heading); }
main { flex: 1; }
main > section { border-bottom: 1px solid var(--border-line); }
main > section > div[data-container] { max-width: var(--max-w); margin-inline: auto; padding: 64px var(--gutter); }
header[data-section-head] { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; max-width: 820px; }
header[data-section-head] p { font-size: 1.02rem; color: var(--text-body); }
p[data-doc-meta] { font-size: 0.85rem; font-weight: 500; color: var(--text-muted); }
section[data-section="hero"] { background-color: var(--bg-base); }
section[data-section="hero"] > div[data-container] { padding-block: 16px 18px; display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(0, 0.78fr); gap: 24px; align-items: center; }
div[data-hero-copy] { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
section[data-section="hero"] h1 { font-size: clamp(1.34rem, 2.05vw, 1.72rem); line-height: 1.15; max-width: 36ch; }
p[data-lead] { font-size: 1.04rem; line-height: 1.58; color: var(--text-body); max-width: 64ch; }
section[data-section="hero"] p[data-lead] { font-size: 0.9rem; line-height: 1.44; max-width: 68ch; }
div[data-actions] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 2px; }
section[data-section="hero"] div[data-actions] button { min-height: 38px; padding: 8px 16px; font-size: 0.86rem; }
figure[data-hero-visual] { min-width: 0; background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-md); overflow: hidden; }
figure[data-hero-visual] picture { display: block; width: 100%; height: 128px; aspect-ratio: 1280 / 714; overflow: hidden; background-color: var(--surface-subtle); }
figure[data-hero-visual] img { width: 100%; height: 100%; aspect-ratio: 1280 / 714; object-fit: cover; }
figure[data-hero-visual] figcaption { padding: 7px 12px; border-top: 1px solid var(--border-line); font-size: 0.74rem; font-weight: 600; color: var(--text-muted); font-variant-numeric: tabular-nums; }
div[data-toolbar] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-bottom: 20px; }
div[data-tab-group] { display: inline-flex; flex-wrap: wrap; gap: 6px; background-color: var(--surface-subtle); padding: 4px; border: 1px solid var(--border-line); border-radius: var(--r-md); }
div[data-tab-group] button { min-height: 36px; padding: 6px 12px; border-radius: var(--r-sm); font-size: 0.82rem; font-weight: 700; color: var(--text-body); border: 1px solid transparent; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
div[data-tab-group] button:hover { color: var(--text-heading); }
div[data-tab-group] button[aria-pressed="true"] { background-color: var(--surface-card); color: var(--text-heading); border-color: var(--accent); }
section[data-section="operators"] { background-color: var(--bg-elevated); }
section[data-section="operators"] > div[data-container] { padding-top: 18px; padding-bottom: 44px; }
section[data-section="operators"] header[data-section-head] { gap: 4px; margin-bottom: 10px; max-width: none; }
section[data-section="operators"] header[data-section-head] h2 { font-size: clamp(1.18rem, 1.85vw, 1.48rem); }
section[data-section="operators"] header[data-section-head] p { font-size: 0.88rem; line-height: 1.42; }
section[data-section="operators"] div[data-toolbar] { margin-bottom: 12px; gap: 8px 16px; }
div[data-operator-grid] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 28px; }
article[data-operator-card] { background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-md); display: flex; flex-direction: column; justify-content: space-between; }
article[data-operator-card] > header { padding: 12px 18px; border-bottom: 1px solid var(--border-line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
article[data-operator-card] > header > div:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; min-width: 0; }
article[data-operator-card] > header img { width: 132px; height: auto; aspect-ratio: 220 / 64; flex-shrink: 0; }
div[data-operator-title] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
div[data-operator-title] h3 { font-size: 1rem; line-height: 1.2; }
div[data-operator-title] span { font-size: 0.75rem; color: var(--text-muted); font-weight: 500; }
div[data-score] { background-color: var(--surface-subtle); border: 1px solid var(--border-strong); border-radius: var(--r-sm); padding: 6px 10px; text-align: right; flex-shrink: 0; font-variant-numeric: tabular-nums; }
div[data-score] strong { display: block; font-size: 1.22rem; line-height: 1; color: var(--accent-hover); }
div[data-score] span { font-size: 0.66rem; font-weight: 700; color: var(--text-muted); }
div[data-operator-body] { padding: 12px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
dl[data-specs] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background-color: var(--border-line); border: 1px solid var(--border-line); border-radius: var(--r-sm); overflow: hidden; }
dl[data-specs] > div { background-color: var(--surface-subtle); padding: 7px 10px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
dl[data-specs] dt { font-size: 0.7rem; color: var(--text-muted); font-weight: 600; line-height: 1.2; }
dl[data-specs] dd { font-size: 0.85rem; font-weight: 700; color: var(--text-heading); font-variant-numeric: tabular-nums; line-height: 1.25; }
ul[data-features] { list-style: disc; padding-left: 18px; display: flex; flex-direction: column; gap: 5px; }
ul[data-features] li { font-size: 0.85rem; line-height: 1.4; color: var(--text-body); }
ul[data-features] li::marker { color: var(--text-muted); }
ul[data-features] li strong { color: var(--text-heading); }
div[data-audit-drawer] { padding: 12px 14px; background-color: var(--surface-subtle); border: 1px solid var(--border-line); border-radius: var(--r-sm); font-size: 0.82rem; display: flex; flex-direction: column; gap: 6px; }
div[data-audit-drawer] h4 { font-size: 0.84rem; color: var(--text-heading); }
article[data-operator-card] > footer { padding: 12px 18px; border-top: 1px solid var(--border-line); background-color: var(--surface-subtle); display: flex; flex-direction: column; gap: 6px; }
div[data-card-cta-row] { display: flex; flex-wrap: wrap; gap: 8px; }
div[data-card-cta-row] > button { min-height: 40px; padding: 8px 16px; font-size: 0.88rem; }
div[data-card-cta-row] > button[data-variant="primary"] { flex: 1; min-width: 156px; }
p[data-card-legal] { font-size: 0.72rem; color: var(--text-muted); line-height: 1.38; }
div[data-table-wrap] { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--border-line); border-radius: var(--r-md); background-color: var(--surface-card); }
table { width: 100%; border-collapse: collapse; text-align: left; font-size: 0.9rem; font-variant-numeric: tabular-nums; }
table caption { padding: 16px 20px; text-align: left; font-weight: 700; color: var(--text-heading); background-color: var(--surface-subtle); border-bottom: 1px solid var(--border-line); font-size: 0.98rem; }
thead th { padding: 13px 20px; background-color: var(--surface-subtle); color: var(--text-heading); font-size: 0.82rem; font-weight: 700; letter-spacing: 0.02em; border-bottom: 1px solid var(--border-line); }
tbody th, tbody td { padding: 14px 20px; border-bottom: 1px solid var(--border-line); vertical-align: top; overflow-wrap: break-word; }
tbody tr:last-child th, tbody tr:last-child td { border-bottom: none; }
tbody th { color: var(--text-heading); font-weight: 600; width: 28%; overflow-wrap: anywhere; }
tbody td { color: var(--text-body); }
tbody td strong { color: var(--text-heading); }
section[data-section="calculator"] { background-color: var(--bg-base); }
div[data-calc-layout] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
#oddsCalcForm, aside#oddsCalcOutput { background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-md); padding: 26px; display: flex; flex-direction: column; gap: 18px; }
div[data-preset-row] { display: flex; flex-wrap: wrap; gap: 8px; }
div[data-preset-row] button { min-height: 40px; padding: 8px 12px; background-color: var(--surface-subtle); border: 1px solid var(--border-line); border-radius: var(--r-sm); font-size: 0.8rem; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text-body); transition: border-color 0.15s ease, color 0.15s ease; }
div[data-preset-row] button:hover { border-color: var(--accent); color: var(--text-heading); }
div[data-input-pair] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
dl[data-calc-results] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 4px; }
dl[data-calc-results] > div { background-color: var(--surface-subtle); border: 1px solid var(--border-line); border-radius: var(--r-sm); padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
dl[data-calc-results] dt { font-size: 0.76rem; color: var(--text-muted); }
dl[data-calc-results] dd { font-size: 1.25rem; font-weight: 800; color: var(--text-heading); font-variant-numeric: tabular-nums; }
dl[data-calc-results] dd[data-highlight="accent"] { color: var(--accent-hover); }
p[data-calc-note] { font-size: 0.85rem; color: var(--text-body); padding-top: 8px; border-top: 1px solid var(--border-line); }
section[data-section="analytics"] { background-color: var(--bg-elevated); }
p#tournamentCount { font-size: 0.85rem; color: var(--text-muted); font-variant-numeric: tabular-nums; }
div[data-analytics-grid] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
article[data-match-card] { background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-md); overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; }
article[data-match-card] figure { border-bottom: 1px solid var(--border-line); background-color: var(--surface-input); aspect-ratio: 720 / 402; overflow: hidden; }
article[data-match-card] figure picture { display: block; width: 100%; aspect-ratio: 720 / 402; }
article[data-match-card] figure img { width: 100%; height: 100%; aspect-ratio: 720 / 402; object-fit: cover; }
div[data-match-content] { padding: 20px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
div[data-match-meta] { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 0.76rem; }
div[data-match-meta] span { padding: 3px 8px; background-color: var(--surface-subtle); border: 1px solid var(--border-line); border-radius: var(--r-sm); color: var(--text-heading); font-weight: 600; }
div[data-match-meta] time { color: var(--text-muted); }
dl[data-telemetry] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding-top: 8px; border-top: 1px solid var(--border-line); }
dl[data-telemetry] > div { display: flex; flex-direction: column; gap: 2px; }
dl[data-telemetry] dt { font-size: 0.72rem; color: var(--text-muted); }
dl[data-telemetry] dd { font-size: 0.88rem; font-weight: 700; color: var(--text-heading); font-variant-numeric: tabular-nums; }
div[data-report-panel] { padding: 14px; background-color: var(--surface-subtle); border: 1px solid var(--border-line); border-radius: var(--r-sm); font-size: 0.86rem; color: var(--text-body); display: flex; flex-direction: column; gap: 8px; }
div[data-report-panel] strong { color: var(--text-heading); }
article[data-match-card] > footer { padding: 12px 14px; border-top: 1px solid var(--border-line); background-color: var(--surface-subtle); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: center; }
article[data-match-card] > footer button, article[data-match-card] > footer a { width: 100%; min-height: 38px; padding: 8px 10px; font-size: 0.8125rem; font-weight: 700; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; }
section[data-section="responsible"] { background-color: var(--bg-base); }
div[data-rg-panel] { background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-md); padding: 32px; display: flex; flex-direction: column; gap: 24px; }
div[data-rg-head] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 16px 24px; }
div[data-rg-head] > div:first-child { max-width: 720px; display: flex; flex-direction: column; gap: 10px; }
div[data-badge-strip] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
div[data-badge-strip] img { height: 36px; width: auto; }
div[data-rg-columns] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding-top: 22px; border-top: 1px solid var(--border-line); }
div[data-rg-columns] > article { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
div[data-rg-columns] > article + article { border-left: 1px solid var(--border-line); padding-left: 24px; }
div[data-rg-columns] > article h3 { font-size: 1rem; }
div[data-rg-columns] > article p { font-size: 0.9rem; }
section[data-section="lead"] { background-color: var(--bg-elevated); }
div[data-lead-grid] { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: 32px; align-items: start; }
div[data-lead-info] { display: flex; flex-direction: column; gap: 18px; }
dl[data-company-card] { background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-md); padding: 22px; display: flex; flex-direction: column; gap: 14px; }
dl[data-company-card] > div { display: flex; flex-direction: column; gap: 3px; }
dl[data-company-card] dt { font-size: 0.76rem; font-weight: 700; color: var(--text-muted); }
dl[data-company-card] dd { color: var(--text-heading); font-weight: 600; font-size: 0.95rem; }
form[data-lead-form] { background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-md); padding: 28px; display: flex; flex-direction: column; gap: 18px; }
div[data-form-row] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
div[data-field] { display: flex; flex-direction: column; gap: 6px; }
div[data-field] label { font-size: 0.86rem; font-weight: 700; color: var(--text-heading); }
div[data-field] input, div[data-field] select, div[data-field] textarea { width: 100%; min-height: 44px; padding: 11px 14px; background-color: var(--surface-input); border: 1px solid var(--border-line); border-radius: var(--r-sm); color: var(--text-heading); font-size: 0.94rem; transition: border-color 0.15s ease; }
div[data-field] input::placeholder, div[data-field] textarea::placeholder { color: var(--text-muted); }
div[data-field] input:focus, div[data-field] select:focus, div[data-field] textarea:focus { border-color: var(--accent); outline: none; }
label[data-checkbox] { display: flex; align-items: flex-start; gap: 10px; font-size: 0.86rem; color: var(--text-body); cursor: pointer; }
label[data-checkbox] input[type="checkbox"] { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--accent); flex-shrink: 0; }
div[data-form-feedback] { display: none; margin-top: 14px; padding: 14px 16px; border-radius: var(--r-sm); font-size: 0.9rem; line-height: 1.5; }
div[data-form-feedback][data-state="success"] { display: block; background-color: rgba(34, 197, 94, 0.12); border: 1px solid rgba(34, 197, 94, 0.4); color: #4ade80; font-weight: 600; }
div[data-form-feedback][data-state="error"] { display: block; background-color: var(--surface-subtle); border: 1px solid var(--accent); color: var(--text-heading); }
div[data-form-feedback] a { color: var(--accent-hover); font-weight: 700; }
section[data-page-hero] { background-color: var(--bg-elevated); }
section[data-page-hero] > div[data-container] { padding-block: 44px 48px; display: flex; flex-direction: column; gap: 14px; }
nav[aria-label="Breadcrumb"] ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 0.82rem; color: var(--text-muted); }
nav[aria-label="Breadcrumb"] li + li::before { content: "/"; margin-right: 8px; color: var(--border-strong); }
nav[aria-label="Breadcrumb"] a { color: var(--text-body); text-decoration: none; }
nav[aria-label="Breadcrumb"] a:hover { color: var(--accent-hover); }
div[data-accordion] { display: flex; flex-direction: column; gap: 12px; }
article[data-faq-item] { background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-md); overflow: hidden; transition: border-color 0.16s ease; }
article[data-faq-item][data-open="true"] { border-color: var(--border-strong); }
article[data-faq-item] h3 { font-size: 1.04rem; margin: 0; }
article[data-faq-item] h3 button { width: 100%; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: left; color: var(--text-heading); font-weight: 700; background-color: transparent; }
article[data-faq-item] h3 button:hover { color: var(--accent-hover); }
article[data-faq-item] h3 button span[data-icon] { width: 26px; height: 26px; border: 1px solid var(--border-strong); border-radius: var(--r-sm); display: inline-flex; align-items: center; justify-content: center; font-size: 1.05rem; font-weight: 700; color: var(--accent-hover); flex-shrink: 0; transition: transform 0.2s ease, background-color 0.2s ease; }
article[data-faq-item][data-open="true"] h3 button span[data-icon] { background-color: var(--accent); border-color: var(--accent); color: var(--bg-base); transform: rotate(45deg); }
div[data-faq-panel] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.24s ease; }
article[data-faq-item][data-open="true"] div[data-faq-panel] { grid-template-rows: 1fr; }
div[data-faq-panel] > div { overflow: hidden; }
div[data-faq-inner] { padding: 16px 22px 20px; border-top: 1px solid var(--border-line); display: flex; flex-direction: column; gap: 10px; color: var(--text-body); font-size: 0.96rem; }
div[data-policy-stack] { width: 100%; max-width: 920px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
article[data-policy-clause] { width: 100%; max-width: 100%; min-width: 0; background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-md); padding: 24px 28px; display: flex; flex-direction: column; gap: 12px; overflow-wrap: break-word; }
article[data-policy-clause] h2 { font-size: 1.18rem; color: var(--text-heading); }
article[data-policy-clause] p { font-size: 0.96rem; color: var(--text-body); }
article[data-policy-clause] ul, article[data-policy-clause] ol { padding-left: 22px; display: flex; flex-direction: column; gap: 8px; font-size: 0.95rem; color: var(--text-body); }
article[data-policy-clause] li strong { color: var(--text-heading); }
div[data-formula-box] { background: var(--surface-subtle); border: 1px solid var(--border-line); border-left: 4px solid var(--accent); border-radius: var(--r-sm); padding: 16px 20px; display: flex; flex-direction: column; gap: 6px; margin-block: 8px; }
div[data-formula-box][data-theme="blue"] { border-left-color: #60a5fa; }
div[data-formula-box] span[data-formula-tag] { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--accent); }
div[data-formula-box][data-theme="blue"] span[data-formula-tag] { color: #60a5fa; }
div[data-formula-box] div[data-formula-math] { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 1.12rem; font-weight: 700; color: var(--text-heading); }
div[data-step-grid] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-block: 10px; }
div[data-step-card] { background: var(--surface-subtle); border: 1px solid var(--border-line); border-radius: var(--r-sm); padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
div[data-step-card] span[data-step-num] { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; color: var(--accent); letter-spacing: 0.05em; }
div[data-step-card] strong { font-size: 0.92rem; color: var(--text-heading); }
div[data-step-card] p { font-size: 0.84rem; color: var(--text-body); }
span[data-scale-badge] { display: inline-flex; align-items: center; justify-content: center; padding: 3px 9px; border-radius: var(--r-sm); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.02em; white-space: nowrap; }
span[data-scale-badge="excellent"] { background: rgba(34, 197, 94, 0.15); color: #4ade80; border: 1px solid rgba(34, 197, 94, 0.3); }
span[data-scale-badge="good"] { background: rgba(59, 130, 246, 0.15); color: #60a5fa; border: 1px solid rgba(59, 130, 246, 0.3); }
span[data-scale-badge="fair"] { background: rgba(234, 179, 8, 0.15); color: #facc15; border: 1px solid rgba(234, 179, 8, 0.3); }
span[data-scale-badge="high"] { background: rgba(239, 68, 68, 0.15); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.3); }
aside[data-corporate-box] { width: 100%; max-width: 920px; min-width: 0; background-color: var(--surface-card); border: 1px solid var(--border-strong); border-radius: var(--r-md); padding: 26px 28px; display: flex; flex-direction: column; gap: 12px; overflow-wrap: break-word; }
aside[data-corporate-box] h2, aside[data-corporate-box] h3 { font-size: 1.15rem; color: var(--text-heading); }
body > footer { background-color: var(--surface-subtle); border-top: 1px solid var(--border-line); font-size: 0.9rem; }
body > footer > div[data-container] { max-width: var(--max-w); margin-inline: auto; padding: 48px var(--gutter) 32px; display: flex; flex-direction: column; gap: 32px; }
div[data-footer-top] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 24px; border-bottom: 1px solid var(--border-line); }
div[data-footer-grid] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr) minmax(0, 1.05fr) minmax(0, 1.2fr); gap: 28px; }
div[data-footer-grid] section { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
div[data-footer-grid] h2 { font-size: 0.92rem; font-weight: 700; color: var(--text-heading); }
div[data-footer-grid] ul { list-style: none; display: flex; flex-direction: column; gap: 6px; }
div[data-footer-grid] li a { display: inline-block; padding-block: 3px; color: var(--text-body); text-decoration: none; font-size: 0.88rem; }
div[data-footer-grid] a { color: var(--text-body); text-decoration: none; font-size: 0.88rem; }
div[data-footer-grid] a:hover { color: var(--accent-hover); text-decoration-line: underline; }
div[data-footer-grid] button[data-cookie-action] { align-self: flex-start; min-height: 40px; padding: 8px 14px; background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-sm); color: var(--text-heading); font-size: 0.82rem; font-weight: 600; }
div[data-footer-grid] button[data-cookie-action]:hover { border-color: var(--accent); }
p[data-requisites] { padding: 12px 14px; background-color: var(--surface-card); border: 1px solid var(--border-line); border-radius: var(--r-sm); color: var(--text-heading); font-size: 0.86rem; line-height: 1.55; }
div[data-footer-bottom] { padding-top: 22px; border-top: 1px solid var(--border-line); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; font-size: 0.8rem; color: var(--text-muted); }
div[data-footer-bottom] strong { color: var(--text-heading); }
#cookieBanner { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 260; max-width: 1120px; margin-inline: auto; background-color: var(--surface-card); border: 1px solid var(--border-strong); border-radius: var(--r-md); padding: 20px 24px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35); display: none; }
#cookieBanner[data-active="true"] { display: block; }
#cookieBanner > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; }
#cookieBanner > div > div:first-child { flex: 1 1 520px; display: flex; flex-direction: column; gap: 6px; }
#cookieBanner h2 { font-size: 1rem; }
#cookieBanner p { font-size: 0.86rem; color: var(--text-body); }
div[data-cookie-actions] { display: flex; flex-wrap: wrap; gap: 8px; }
#cookieModal, #ageGateModal { position: fixed; inset: 0; z-index: 320; background-color: rgba(10, 12, 16, 0.88); padding: 20px; display: none; align-items: center; justify-content: center; overflow-y: auto; }
#ageGateModal { z-index: 400; }
#cookieModal[data-active="true"], #ageGateModal[data-active="true"] { display: flex; }
#cookieModal > div, #ageGateModal > div { width: 100%; max-width: 560px; background-color: var(--surface-card); border: 1px solid var(--border-strong); border-radius: var(--r-md); padding: 28px; display: flex; flex-direction: column; gap: 18px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4); }
div[data-cookie-switches] { display: flex; flex-direction: column; gap: 10px; }
div[data-cookie-switches] > label { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 12px 14px; background-color: var(--surface-subtle); border: 1px solid var(--border-line); border-radius: var(--r-sm); cursor: pointer; }
div[data-cookie-switches] > label span { display: flex; flex-direction: column; gap: 3px; }
div[data-cookie-switches] strong { font-size: 0.9rem; color: var(--text-heading); }
div[data-cookie-switches] small { font-size: 0.8rem; color: var(--text-body); }
div[data-cookie-switches] input[type="checkbox"] { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--accent); flex-shrink: 0; }
div[data-modal-actions] { display: flex; flex-wrap: wrap; gap: 10px; }
div[data-modal-actions] > button { flex: 1 1 auto; }
#ageUnderageNotice { display: none; padding: 14px 16px; background-color: var(--surface-subtle); border: 1px solid var(--accent); border-radius: var(--r-sm); color: var(--text-heading); font-size: 0.88rem; line-height: 1.5; }
#ageUnderageNotice[data-visible="true"] { display: block; }
@media (max-width: 1080px) {
  body > header nav[aria-label="Navegação Principal"], body > header nav[aria-label="Primary Navigation"] { display: none; }
  #navToggleBtn { display: inline-flex; }
}
@media (max-width: 1140px) {
  :root { --gutter: 20px; }
  main > section > div[data-container] { padding: 36px var(--gutter); }
  section[data-section="hero"] > div[data-container] { grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr); gap: 18px; padding-block: 14px 16px; }
  section[data-section="operators"] > div[data-container] { padding: 16px var(--gutter) 32px; }
  section[data-page-hero] > div[data-container] { padding-block: 26px 30px; gap: 10px; }
  header[data-section-head] { margin-bottom: 20px; gap: 8px; }
  h1 { font-size: clamp(1.55rem, 3vw, 2.05rem); line-height: 1.15; max-width: 34ch; }
  section[data-section="hero"] h1 { font-size: clamp(1.24rem, 2.2vw, 1.54rem); max-width: 38ch; }
  p[data-lead] { font-size: 0.98rem; line-height: 1.55; max-width: 72ch; }
  section[data-section="hero"] p[data-lead] { font-size: 0.86rem; line-height: 1.42; }
  figure[data-hero-visual] picture { height: 116px; }
  div[data-analytics-grid], div[data-footer-grid] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  body > footer > div[data-container] { padding: 32px var(--gutter) 24px; gap: 24px; }
}
@media (max-width: 1024px) {
  div[data-operator-grid], div[data-calc-layout], div[data-lead-grid] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  div[data-operator-grid] { margin-bottom: 20px; }
  article[data-operator-card] > header { align-items: center; padding: 12px 16px; }
  div[data-operator-body] { padding: 12px 16px; gap: 8px; }
  article[data-operator-card] ul[data-features] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
  article[data-operator-card] > footer { padding: 12px 16px; }
  dl[data-company-card] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; padding: 18px 20px; }
}
@media (max-width: 860px) {
  section[data-section="hero"] > div[data-container] { grid-template-columns: minmax(0, 1fr); padding-block: 12px 14px; }
  figure[data-hero-visual] { display: none; }
  section[data-section="hero"] h1 { max-width: none; }
  div[data-rg-columns] { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-top: 16px; }
  div[data-rg-columns] > article + article { border-left: none; border-top: 1px solid var(--border-line); padding-left: 0; padding-top: 14px; }
  div[data-rg-panel] { padding: 22px; gap: 16px; }
}
@media (max-width: 768px) {
  div[data-table-wrap] { overflow-x: hidden; }
  table, tbody { display: block; width: 100%; }
  table caption { display: block; width: 100%; padding: 10px 12px; font-size: 0.88rem; }
  thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  tbody tr { display: flex; flex-direction: column; width: 100%; padding: 10px 12px; gap: 8px; border-bottom: 1px solid var(--border-line); }
  tbody tr:last-child { border-bottom: none; }
  tbody th { display: block; width: 100%; padding: 0 0 6px; border-bottom: 1px solid var(--border-line); font-size: 0.85rem; overflow-wrap: anywhere; }
  tbody td { display: flex; flex-direction: column; gap: 2px; width: 100%; padding: 0; border-bottom: none; font-size: 0.84rem; overflow-wrap: anywhere; }
  tbody td[data-label]::before { content: attr(data-label); font-size: 0.7rem; font-weight: 700; color: var(--text-muted); letter-spacing: 0.02em; }
}
@media (max-width: 640px) {
  :root { --gutter: 12px; }
  body { font-size: 0.9375rem; line-height: 1.52; }
  h1 { font-size: clamp(1.22rem, 4.8vw, 1.48rem); line-height: 1.15; max-width: none; }
  h2 { font-size: clamp(1.12rem, 4.4vw, 1.34rem); line-height: 1.2; }
  h3 { font-size: 0.98rem; line-height: 1.24; }
  aside[data-top-strip] { font-size: 0.7rem; line-height: 1.28; }
  aside[data-top-strip] > div { padding: 3px var(--gutter); gap: 2px 10px; }
  aside[data-top-strip] p { gap: 5px; }
  div[data-header-bar] { padding: 6px var(--gutter); gap: 8px; }
  a[data-brand] { gap: 8px; }
  a[data-brand] img { width: 28px; height: 28px; }
  a[data-brand] strong { font-size: 0.92rem; }
  a[data-brand] small { font-size: 0.58rem; }
  div[data-header-meta] { gap: 6px; }
  div[data-header-meta] img { width: 64px; height: 26px; }
  #navToggleBtn { min-height: 36px; padding: 6px 12px; font-size: 0.8rem; }
  #mobileNav ul { padding: 8px var(--gutter) 10px; gap: 6px; }
  #mobileNav a { padding: 9px 12px; font-size: 0.9rem; }
  button[data-variant="primary"], a[data-variant="primary"], button[data-variant="secondary"], a[data-variant="secondary"] { min-height: 38px; padding: 7px 14px; font-size: 0.84rem; }
  button[data-variant="ghost"] { min-height: 36px; padding: 6px 12px; font-size: 0.78rem; }
  main > section > div[data-container] { padding: 16px var(--gutter); }
  section[data-section="hero"] > div[data-container] { padding-block: 8px 10px; gap: 6px; }
  section[data-section="hero"] h1 { font-size: clamp(1.08rem, 4.3vw, 1.28rem); line-height: 1.15; }
  section[data-section="hero"] p[data-lead] { font-size: 0.8rem; line-height: 1.34; }
  div[data-hero-copy] { gap: 5px; }
  div[data-actions] { gap: 6px; padding-top: 2px; }
  div[data-step-grid] { grid-template-columns: 1fr; gap: 8px; }
  section[data-section="hero"] div[data-actions] button { min-height: 34px; padding: 6px 11px; font-size: 0.78rem; }
  section[data-page-hero] > div[data-container] { padding-block: 16px 18px; gap: 8px; }
  header[data-section-head] { gap: 5px; margin-bottom: 10px; }
  header[data-section-head] p, p[data-lead] { font-size: 0.86rem; line-height: 1.42; }
  section[data-section="operators"] > div[data-container] { padding: 10px var(--gutter) 16px; }
  section[data-section="operators"] header[data-section-head] { gap: 3px; margin-bottom: 6px; }
  section[data-section="operators"] header[data-section-head] h2 { font-size: 1.05rem; line-height: 1.18; }
  section[data-section="operators"] header[data-section-head] p { font-size: 0.78rem; line-height: 1.32; }
  section[data-section="operators"] div[data-toolbar] { gap: 6px; margin-bottom: 8px; }
  section[data-section="operators"] div[data-toolbar] > p { display: none; }
  div[data-toolbar] { gap: 8px; margin-bottom: 10px; }
  div[data-tab-group] { width: 100%; gap: 4px; padding: 3px; }
  div[data-tab-group] button { flex: 1 1 auto; min-height: 32px; padding: 5px 8px; font-size: 0.74rem; text-align: center; }
  div[data-operator-grid] { gap: 10px; margin-bottom: 10px; }
  article[data-operator-card] > header { padding: 8px 10px; gap: 8px; flex-direction: row; align-items: center; }
  article[data-operator-card] > header > div:first-child { gap: 4px 10px; }
  article[data-operator-card] > header img { width: 108px; }
  div[data-operator-title] h3 { font-size: 0.9rem; }
  div[data-operator-title] span { font-size: 0.68rem; }
  div[data-score] { padding: 5px 8px; text-align: right; }
  div[data-score] strong { font-size: 1.08rem; }
  div[data-score] span { font-size: 0.6rem; }
  div[data-operator-body] { padding: 8px 10px; gap: 6px; }
  dl[data-specs] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  dl[data-specs] > div { padding: 5px 8px; gap: 1px; }
  dl[data-specs] dt { font-size: 0.65rem; }
  dl[data-specs] dd { font-size: 0.78rem; }
  article[data-operator-card] ul[data-features] { padding-left: 16px; display: flex; flex-direction: column; gap: 4px; }
  ul[data-features] li { font-size: 0.78rem; line-height: 1.34; }
  div[data-audit-drawer] { padding: 8px 10px; gap: 5px; font-size: 0.78rem; }
  article[data-operator-card] > footer { padding: 8px 10px; gap: 5px; }
  div[data-card-cta-row] { gap: 6px; }
  div[data-card-cta-row] > button { min-height: 36px; padding: 6px 12px; font-size: 0.82rem; }
  div[data-card-cta-row] > button[data-variant="primary"] { min-width: 132px; }
  p[data-card-legal] { font-size: 0.68rem; line-height: 1.32; }
  div[data-calc-layout] { gap: 10px; }
  #oddsCalcForm, aside#oddsCalcOutput { padding: 12px; gap: 10px; }
  div[data-preset-row] { gap: 6px; }
  div[data-preset-row] button { min-height: 36px; padding: 6px 10px; font-size: 0.76rem; }
  div[data-input-pair], dl[data-calc-results] { grid-template-columns: 1fr; gap: 8px; }
  dl[data-calc-results] > div { padding: 9px 12px; flex-direction: row; align-items: center; justify-content: space-between; gap: 8px; }
  dl[data-calc-results] dd { font-size: 1.05rem; }
  p[data-calc-note] { font-size: 0.8rem; padding-top: 6px; }
  div[data-analytics-grid] { grid-template-columns: 1fr; gap: 10px; }
  div[data-match-content] { padding: 12px; gap: 8px; }
  dl[data-telemetry] { gap: 6px; padding-top: 6px; }
  div[data-report-panel] { padding: 10px 12px; gap: 6px; font-size: 0.82rem; }
  article[data-match-card] > footer { padding: 10px 12px; }
  div[data-rg-panel] { padding: 12px; gap: 10px; }
  div[data-rg-head] { gap: 8px; }
  div[data-rg-head] > div:first-child { gap: 6px; }
  div[data-badge-strip] { gap: 6px; }
  div[data-badge-strip] img { height: 28px; }
  div[data-rg-columns] { gap: 10px; padding-top: 10px; }
  div[data-rg-columns] > article { gap: 4px; }
  div[data-rg-columns] > article + article { padding-top: 10px; }
  div[data-rg-columns] > article p { font-size: 0.85rem; }
  div[data-lead-grid] { gap: 10px; }
  div[data-lead-info] { gap: 8px; }
  dl[data-company-card] { display: flex; flex-direction: column; padding: 12px; gap: 8px; }
  form[data-lead-form] { padding: 12px; gap: 10px; }
  div[data-form-row] { grid-template-columns: 1fr; gap: 8px; }
  div[data-field] { gap: 4px; }
  div[data-field] label { font-size: 0.82rem; }
  div[data-field] input, div[data-field] select, div[data-field] textarea { min-height: 40px; padding: 8px 11px; font-size: 0.9rem; }
  label[data-checkbox] { gap: 8px; font-size: 0.82rem; }
  div[data-form-feedback] { padding: 10px 12px; font-size: 0.84rem; }
  div[data-accordion] { gap: 8px; }
  article[data-faq-item] h3 { font-size: 0.95rem; }
  article[data-faq-item] h3 button { padding: 11px 12px; gap: 10px; }
  article[data-faq-item] h3 button span[data-icon] { width: 22px; height: 22px; font-size: 0.95rem; }
  div[data-faq-inner] { padding: 10px 12px 12px; gap: 6px; font-size: 0.88rem; }
  div[data-policy-stack] { gap: 8px; }
  article[data-policy-clause] { padding: 12px; gap: 8px; }
  article[data-policy-clause] h2 { font-size: 1.04rem; }
  article[data-policy-clause] p, article[data-policy-clause] ul, article[data-policy-clause] ol { font-size: 0.88rem; }
  article[data-policy-clause] ul, article[data-policy-clause] ol { padding-left: 18px; gap: 5px; }
  aside[data-corporate-box] { padding: 12px; gap: 8px; }
  aside[data-corporate-box] h2, aside[data-corporate-box] h3 { font-size: 1.02rem; }
  body > footer > div[data-container] { padding: 16px var(--gutter) 14px; gap: 12px; }
  div[data-footer-top] { gap: 8px; padding-bottom: 10px; }
  div[data-footer-grid] { grid-template-columns: 1fr; gap: 10px; }
  div[data-footer-grid] section { gap: 5px; }
  div[data-footer-grid] ul { gap: 3px; }
  p[data-requisites] { padding: 8px 10px; font-size: 0.82rem; }
  div[data-footer-bottom] { padding-top: 10px; gap: 6px 10px; font-size: 0.76rem; }
  #cookieBanner { left: 8px; right: 8px; bottom: 8px; padding: 10px 12px; }
  #cookieBanner > div { gap: 8px; }
  #cookieBanner > div > div:first-child { flex-basis: 100%; gap: 4px; }
  #cookieBanner p { font-size: 0.8rem; }
  div[data-cookie-actions] { width: 100%; gap: 6px; }
  div[data-cookie-actions] > button { flex: 1 1 auto; }
  #cookieModal, #ageGateModal { padding: 8px; }
  #cookieModal > div, #ageGateModal > div { padding: 14px 12px; gap: 10px; }
  div[data-cookie-switches] { gap: 6px; }
  div[data-cookie-switches] > label { padding: 8px 10px; gap: 8px; }
  div[data-modal-actions] { gap: 6px; }
  #ageUnderageNotice { padding: 10px 12px; font-size: 0.82rem; }
}
@media (max-width: 480px) {
  :root { --gutter: 10px; }
  a[data-brand] strong { font-size: 0.86rem; }
  a[data-brand] small { font-size: 0.56rem; }
  div[data-header-meta] img { width: 56px; height: 23px; }
  main > section > div[data-container] { padding: 14px var(--gutter); }
  section[data-section="hero"] > div[data-container] { padding-block: 7px 9px; gap: 5px; }
  section[data-section="operators"] > div[data-container] { padding: 8px var(--gutter) 14px; }
  section[data-page-hero] > div[data-container] { padding-block: 10px 12px; gap: 8px; }
  header[data-section-head], div[data-toolbar], div[data-operator-grid] { margin-bottom: 8px; }
  div[data-operator-grid], div[data-calc-layout], div[data-analytics-grid], div[data-lead-grid], div[data-rg-panel], #oddsCalcForm, aside#oddsCalcOutput, form[data-lead-form] { gap: 8px; }
  #oddsCalcForm, aside#oddsCalcOutput, div[data-match-content], article[data-match-card] > footer, div[data-rg-panel], dl[data-company-card], form[data-lead-form], article[data-policy-clause], aside[data-corporate-box] { padding: 10px; }
  article[data-match-card] > footer { grid-template-columns: 1fr; gap: 8px; }
  div[data-actions] > button, div[data-actions] > a { flex: 1 1 auto; }
}