/* Mapy mózgu: wspólne nagłówki i kolory z resztą Atlasu (decyzja Marcina 31.10.2026).
   Dział zostaje osobny (sceny, panele sterowania, układ bez zmian); ten plik podmienia tylko tokeny kolorów
   i typografię nagłówków. Wklejany po stylach strony przez krok budowy w spakuj.sh, więc wygrywa przy tej samej
   szczegółowości. Tokeny jak w heurystyki/wspolne/heurystyki.css: czerń pod sceną, tekst hsl(240 8% 96%),
   akcent #00BFFF, krój systemowy SF. Stopka (.mzs-kol h2) i menu mają własne, bardziej szczegółowe reguły. */
:root {
  --ink: hsl(240 8% 96%);
  --dim: hsl(240 8% 70%);
  --faint: hsl(240 8% 56%);
  --ground: #000;
  --panel: hsl(240 8% 8%);
  --line: hsl(240 6% 17%);
  --edge: hsl(240 6% 32%);
  --accent: #00BFFF;
  --mapy-krój: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
html { background: #000; }
body { font-family: var(--mapy-krój); -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-family: var(--mapy-krój) !important; }
h1 { font-weight: 600; font-size: clamp(28px, 4.2vw, 46px); line-height: 1.1; letter-spacing: -.022em; }
h1 .soft { color: var(--dim); }
/* nagłówek w panelu nad sceną (Milimetr, Istota biała): mniejszy, żeby panel nie rósł */
.heropanel h1 { font-size: clamp(24px, 2.2vw, 30px); line-height: 1.15; }
/* etykiety sekcji (dawniej małe wersaliki) jako nagłówki sekcji jak w Atlasie */
h2, h2.dom { font-weight: 600; font-size: clamp(21px, 2.4vw, 28px); line-height: 1.2; letter-spacing: -.015em;
  text-transform: none; color: var(--ink); }
.role-summary h2, .tn-head h2, .rr h2, .plate-intro h2 { font-weight: 600; letter-spacing: -.015em; }
h3 { font-weight: 600; letter-spacing: -.005em; }
/* przycisk główny jak w Atlasie: akcent z ciemnym tekstem (biały na #00BFFF ma za mały kontrast) */
.btn.primary { color: hsl(195 100% 8%); }
a { text-underline-offset: 3px; }