/* valorant-spind.de – Basis-CSS (Paket 169, 05.11.2026)
   Gemeinsame Regeln für alle Seiten außer den Agent-Seiten.
   Wird nach allen Inline-Styles geladen. Schritt 1 des Designsystems (Audit 05.11.2026, Anhang C). */
:root{
  --vs-font-display:"Rajdhani","Arial Narrow",sans-serif;
  --vs-font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --vs-text:#eef1f6;
  --vs-primary:#E8863C;
  --vs-fs-micro:12px;
}
/* B06: Formular-Elemente erben die Markenschrift statt Arial */
:where(button,input,select,textarea){font-family:inherit}
/* B02: Zwischenüberschriften einheitlich fett */
main h2{font-weight:800!important}
/* B03: dritte Ebene einheitlich weiß, Orange bleibt Akzent für Kicker und Links */
main h3{color:var(--vs-text)!important}
/* B10: Touch-Ziele mindestens 24 px */
main input[type=range]{min-height:24px}
.mg-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%}
.vb-mini{min-width:24px!important;min-height:24px!important}
a.vs-cvx-2nd,a.vs-sh-a{display:inline-block;padding-block:2px;min-height:24px}
/* B11: TTK-Duell-Regler darf im Tablet-Format schrumpfen */
.tk-range{flex:1 1 180px!important;max-width:100%}
.tk-range>input{min-width:0!important;flex:1 1 auto;width:auto!important}

/* P180 (05.11.2026): grosse Zwischenueberschriften (H2) mittig – passend zum bereits mittigen orangen Trennstrich. Startseite (data-vs-home) ausgenommen; :where haelt die Spezifitaet bei 0,0,1, damit Bausteine mit eigener Ausrichtung (z. B. Akkordeons, Mini-Tool) unveraendert bleiben. */
:where(html:not([data-vs-home]) :is(main,.wrap,#vs-main)) h2{text-align:center}