/* Mój Kompas krakowski — wygląd, szata v2 (projekt: .superpowers/sdd/2026-09-17-szata-graficzna/projekt.md).

   Kierunek: arkusz planu miasta. Papier w odcieniu wapienia, tusz, ramka arkusza z podwójną linią
   (nagłówek, stopka, baner), mapa 2D jako arkusz w ramce z podziałką. Bez koloru (także hover),
   bez cieni (poza wewnętrzną ramką 2px zaznaczonej odpowiedzi), zaokrągleń (poza 2px w select), animacji i przejść. Neutralność wobec barw partyjnych.

   Kroje (fonty/, OFL 1.1, podzbiór woff2, razem 200 864 B):
     Newsreader 1.003 (wght 400–700, opsz 6–72) + kursywa (wght 400) — tytuły, pytanie, tekst ciągły;
     Sofia Sans Semi Condensed 4.101 (wght 400–700) — UI, etykiety mapy i radaru, tabele, liczby
     (tabular-nums), bieguny ze strzałkami (Newsreader nie ma ←↑→↓).

   Skala (mobile → ≥768 px): body 1.0625 → 1.125rem/1.6 szeryf; h1 clamp(2rem…3rem)/1.1 600;
     pytanie clamp(1.5rem…2.25rem)/1.2 500; h2 1.5 → 1.75rem 600; h3 1.1875 → 1.25rem 600;
     h4 1rem bez 600; h5 1rem kursywa; UI 1.0625rem bez; drobne .9375rem bez; etykiety mapy 11 jedn. 500,
     „Ty” 13 jedn. 700; osie radaru 12 jedn. 500.
   Odstępy: --o1 .25 · --o2 .5 · --o3 .75 · --o4 1 · --o5 1.5 · --o6 2 · --o7 3 · --o8 4 (rem).
   Szerokości: --arkusz 70rem (strona), --miara 34rem (tekst ciągły ≈ 71 znaków), --margines 16rem
     (kolumna legendy ≥1024 px). Punkty łamania: 600, 768, 1024.

   Tokeny (jasny / ciemny):
     --tlo    #f1f1ef / #1b1b1b  papier
     --pow    #fbfbfa / #242424  arkusz: mapa, radar, pola, zaznaczenie, ramki
     --tekst  #191919 / #ebebe9  tusz
     --slaby  #595959 / #a8a8a6  opisy, postęp, bieguny, powiązania na mapie
     --linia  #7d7d7d / #858585  obramowania kontrolek, osie 0 mapy
     --wlos   #c9c9c6 / #454545  linie podziału (dekoracyjne)
     --siatka #e3e3e0 / #323232  siatka mapy i radaru (dekoracyjna)

   Kontrast WCAG 2.x (policzony skryptem z tokenów, W/kontrast.py):
     para                jasny  ciemny  próg  użycie
     --tekst / --tlo     15.55  14.43   4.5  tekst główny, linki, flagi
     --tekst / --pow     16.98  13.00   4.5  tekst na arkuszu: pola, zaznaczona odpowiedź, zastrzeżenie, ramki, etykiety SVG
     --slaby / --tlo      6.19   7.23   4.5  postęp, stopka, bieguny, legenda wyboru, dowody, small
     --slaby / --pow      6.76   6.52   4.5  opisy na arkuszu
     --tlo / --tekst     15.55  14.43   4.5  napis przycisku głównego (tło = tusz)
     --linia / --tlo      3.64   4.67   3    obramowanie przycisków drugorzędnych, flag
     --linia / --pow      3.98   4.21   3    obramowanie select; osie 0 mapy
     --tekst / --tlo     15.55  14.43   3    fokus, ramka zaznaczenia, przycisk główny, linie arkusza
     --tekst / --pow     16.98  13.00   3    znaczniki, ramka i podziałka mapy, serie radaru, fokus na arkuszu
     --slaby / --pow      6.76   6.52   3    linie powiązań i odnośników mapy
     --tekst / --wlos    10.59   8.03   3    wartość paska postępu na torze
     --wlos / --tlo       1.47   1.80   —    linie podziału (dekoracja, informacja niesiona tekstem)
     --wlos / --pow       1.60   1.62   —    linie podziału na arkuszu (dekoracja)
     --siatka / --pow     1.24   1.21   —    siatka mapy i radaru (dekoracja)
   Natywne radio/checkbox: accent-color = tusz, obramowanie UA zgodne z color-scheme. */

@font-face { font-family: "Newsreader"; src: url(fonty/newsreader.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url(fonty/newsreader-italic.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Sofia Sans Semi Condensed"; src: url(fonty/sofia-sans-semi-condensed.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }

:root {
  color-scheme: light dark;
  --tlo: #f1f1ef;
  --pow: #fbfbfa;
  --tekst: #191919;
  --slaby: #595959;
  --linia: #7d7d7d;
  --wlos: #c9c9c6;
  --siatka: #e3e3e0;
  --szeryf: "Newsreader", Georgia, serif;
  --bez: "Sofia Sans Semi Condensed", "Arial Narrow", system-ui, sans-serif;
  --miara: 34rem;
  --arkusz: 70rem;
  --margines: 16rem;
  --o1: .25rem; --o2: .5rem; --o3: .75rem; --o4: 1rem; --o5: 1.5rem; --o6: 2rem; --o7: 3rem; --o8: 4rem;
}
@media (prefers-color-scheme: dark) {
  :root { --tlo: #1b1b1b; --pow: #242424; --tekst: #ebebe9; --slaby: #a8a8a6; --linia: #858585; --wlos: #454545; --siatka: #323232; }
}

/* Całość */
*, *::before, *::after { box-sizing: border-box; }
html { accent-color: var(--tekst); font-synthesis: none; -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--tlo); color: var(--tekst);
  font: 400 1.0625rem/1.6 var(--szeryf); font-variant-numeric: lining-nums; overflow-wrap: break-word;
}
.naglowek, main, .stopka { max-width: var(--arkusz); margin-inline: auto; padding-inline: 16px; }
@media (min-width: 768px) {
  body { font-size: 1.125rem; }
  .naglowek, main, .stopka { padding-inline: 32px; }
}

h1, h2, h3, h4, h5 { margin: 0; }
h1 { font: 600 clamp(2rem, 1.4rem + 2.8vw, 3rem)/1.1 var(--szeryf); letter-spacing: -.01em; text-wrap: balance; margin: var(--o6) 0 var(--o4); }
h2 { font: 600 1.5rem/1.2 var(--szeryf); margin: var(--o7) 0 var(--o4); padding-top: var(--o3); border-top: 1px solid var(--tekst); }
h3 { font: 600 1.1875rem/1.25 var(--szeryf); margin: var(--o5) 0 var(--o2); }
h4 { font: 600 1rem/1.3 var(--bez); margin: 1.25em 0 .4em; }
h5 { font: italic 400 1rem/1.3 var(--szeryf); margin: 1em 0 .25em; }
@media (min-width: 768px) { h2 { font-size: 1.75rem; } h3 { font-size: 1.25rem; } }
@media (min-width: 1024px) { h2 { margin-top: var(--o8); } }
p, ul, ol { margin: 0 0 var(--o4); }
p, ul, ol, legend, details > summary, .zastrzezenie { max-width: var(--miara); }
ul, ol { padding-left: 1.25rem; }
li + li { margin-top: .3em; }
small { color: var(--slaby); }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { text-decoration-thickness: 2px; }

:focus-visible { outline: 3px solid var(--tekst); outline-offset: 3px; }
main:focus-visible { outline: none; } /* fokus programowy po zmianie ekranu, main nie jest interaktywny */
.grupa-osi:focus-visible { outline-offset: 8px; }

/* Nagłówek ze znakiem słownym, stopka, baner */
.naglowek {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: var(--o4);
  min-height: 64px; border-bottom: 3px double var(--tekst);
}
.naglowek a { text-decoration: none; }
.naglowek a:hover { text-decoration: underline; }
.naglowek > a:not(.logo) { display: inline-flex; align-items: center; min-height: 44px; font: 400 1.0625rem/1.3 var(--bez); }
.naglowek a[aria-current] { text-decoration: underline; text-decoration-thickness: 2px; }
.logo { display: inline-flex; align-items: center; gap: .6rem; min-height: 44px; font: 600 1.1875rem/1.1 var(--szeryf); }
.znak { flex: none; width: 28px; height: 28px; }
.stopka {
  margin-top: var(--o8); padding-block: var(--o5) var(--o7); border-top: 3px double var(--tekst);
  font: 400 .9375rem/1.45 var(--bez); color: var(--slaby);
}
.stopka p { margin: 0; }
.stopka a { color: var(--tekst); }
.baner {
  max-width: var(--arkusz); margin: 0 auto; padding: var(--o3) var(--o4);
  border-block: 3px double var(--tekst); background: var(--pow); font: 600 1.0625rem/1.4 var(--bez);
}

/* Przyciski */
.przycisk, button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .7rem 1.4rem;
  border: 1px solid var(--linia); border-radius: 0; background: transparent; color: var(--tekst);
  font: 600 1.0625rem/1.3 var(--bez); text-decoration: none; cursor: pointer;
}
a.przycisk, button[type=submit] { background: var(--tekst); border-color: var(--tekst); color: var(--tlo); }
a.przycisk:hover, button[type=submit]:hover { text-decoration: underline; text-underline-offset: .2em; }
button:not([type=submit]):hover { background: var(--pow); }
.nawigacja {
  display: flex; flex-wrap: wrap; gap: var(--o2); margin: var(--o5) 0;
  padding-top: var(--o4); border-top: 1px solid var(--tekst);
}
.nawigacja button[type=submit] { margin-left: auto; min-width: 8rem; }
@media (max-width: 599px) { .nawigacja button { padding-inline: 1rem; } }

/* Formularze i rozwijane */
fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
legend { padding: 0; }
label { display: block; }
input[type=radio], input[type=checkbox] { width: 1.25rem; height: 1.25rem; margin: .2rem 0 0; flex: none; }
select {
  display: block; width: 100%; margin-top: var(--o1); min-height: 44px; padding: .45rem .6rem;
  border: 1px solid var(--linia); border-radius: 2px; background: var(--pow); color: var(--tekst); font: 1.0625rem/1.3 var(--bez);
}
/* znacznik plus/minus rysowany tłem pseudo-elementu: bez tekstu, więc innerText bez zmian */
summary { display: block; position: relative; min-height: 44px; padding: .6rem 0 .6rem 1.5rem; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
summary::before {
  content: ""; position: absolute; left: 0; top: calc(.6rem + .5lh - .35em); width: .7em; height: .7em; border: 1px solid currentColor;
  background: linear-gradient(currentColor 0 0) center/60% 1px no-repeat, linear-gradient(currentColor 0 0) center/1px 60% no-repeat;
}
details[open] > summary::before { background: linear-gradient(currentColor 0 0) center/60% 1px no-repeat; }
details > :not(summary) { margin-left: 1.5rem; }
details[open] { padding-bottom: var(--o4); }

/* Tabele */
table {
  display: block; overflow-x: auto; border-collapse: collapse; width: 100%; margin: 0 0 var(--o4);
  font: 400 .9375rem/1.45 var(--bez); font-variant-numeric: tabular-nums;
}
th, td { text-align: left; vertical-align: top; padding: .5rem var(--o4) .5rem 0; border-bottom: 1px solid var(--wlos); }
thead th { border-bottom-color: var(--tekst); font-weight: 600; }
tbody th { font-weight: 600; }

.flaga {
  display: inline-block; padding: .05rem .4rem; border: 1px solid var(--linia); border-radius: 0;
  font: 400 .8125rem/1.5 var(--bez); color: var(--tekst); white-space: nowrap;
}

/* Start */
.start .wstep { font: 400 1.25rem/1.4 var(--szeryf); max-width: 30rem; }
.start-ograniczenia {
  margin: var(--o5) 0; max-width: var(--miara); padding: var(--o4) var(--o5);
  border: 1px solid var(--tekst); outline: 1px solid var(--wlos); outline-offset: 3px; background: var(--pow);
}
.start-ograniczenia h2 { margin: 0 0 var(--o2); padding: 0; border: 0; font: 600 1.0625rem/1.3 var(--bez); }
.start-ograniczenia ul { margin: 0; font: 400 1rem/1.5 var(--bez); }
.start-akcja { margin-top: var(--o5); }
.start-akcja .przycisk { min-height: 56px; padding-inline: 2.5rem; font-size: 1.1875rem; }
@media (max-width: 599.98px) { .start-akcja .przycisk { display: flex; } }
@media (min-width: 768px) { .start .wstep { font-size: 1.5rem; } }
@media (min-width: 1024px) {
  .start {
    display: grid; grid-template-columns: minmax(0, 36rem) minmax(0, 24rem); column-gap: var(--o8); align-items: start;
    grid-template-areas: "h1 h1" "wstep ogr" "tezy ogr" "stan ogr" "akcja ogr"; grid-template-rows: auto auto auto auto 1fr;
  }
  .start > h1 { grid-area: h1; }
  .start .wstep { grid-area: wstep; }
  .start .tezy { grid-area: tezy; }
  .start-ograniczenia { grid-area: ogr; margin: var(--o1) 0 0; }
  .start-stan { grid-area: stan; }
  .start-akcja { grid-area: akcja; }
}

/* Pytanie */
.postep { margin: var(--o5) 0 var(--o2); font: 400 .9375rem/1.45 var(--bez); color: var(--slaby); font-variant-numeric: tabular-nums; }
progress { display: block; width: 100%; max-width: var(--miara); height: 4px; appearance: none; border: 0; background: var(--wlos); }
progress::-webkit-progress-bar { background: var(--wlos); }
progress::-webkit-progress-value { background: var(--tekst); }
progress::-moz-progress-bar { background: var(--tekst); }
legend h1 { font: 500 clamp(1.5rem, 1.15rem + 1.7vw, 2.25rem)/1.2 var(--szeryf); letter-spacing: 0; max-width: var(--miara); margin: var(--o5) 0 var(--o4); }
.pytanie details { margin-bottom: var(--o4); }
.pytanie summary { font: 400 1.0625rem/1.4 var(--bez); }
.pytanie details p { max-width: var(--miara); }
.dopisek { margin: 0 0 var(--o2); font-style: italic; color: var(--slaby); }
.odpowiedz {
  display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: .9rem; align-items: start;
  max-width: var(--miara); min-height: 44px; padding: .85rem .75rem; border-top: 1px solid var(--wlos);
  line-height: 1.5; cursor: pointer;
}
.odpowiedz:last-of-type { border-bottom: 1px solid var(--wlos); }
.odpowiedz:hover { background: var(--pow); }
.odpowiedz:has(:checked) { background: var(--pow); box-shadow: inset 0 0 0 2px var(--tekst); }
.odpowiedz input { margin-top: .15rem; }
.wazne { display: flex; gap: .9rem; align-items: center; min-height: 44px; margin-top: var(--o5); font: 400 1.0625rem/1.3 var(--bez); cursor: pointer; }
.wazne input { margin: 0; }
.odpowiedz:has(:focus-visible), .wazne:has(:focus-visible) { outline: 3px solid var(--tekst); outline-offset: 2px; }
.odpowiedz input:focus-visible, .wazne input:focus-visible { outline: none; }
.pytanie .nawigacja { max-width: var(--miara); }

/* Wynik */
.zastrzezenie { padding: var(--o3) var(--o4); border: 1px solid var(--tekst); border-left-width: 4px; background: var(--pow); font: 400 1.0625rem/1.45 var(--bez); }
.wybor-osi { display: grid; gap: var(--o2) var(--o4); margin-bottom: var(--o5); }
.wybor-osi label { font: 400 .9375rem/1.45 var(--bez); color: var(--slaby); }
.wybor-osi label:has(input) { display: flex; gap: .6rem; align-items: center; min-height: 44px; font-size: 1.0625rem; color: var(--tekst); cursor: pointer; }
.wybor-osi label:has(input) input { margin: 0; }
@media (min-width: 600px) and (max-width: 1023.98px) {
  .wybor-osi { grid-template-columns: 1fr 1fr; }
  .wybor-osi label:last-child { grid-column: 1 / -1; }
}
@media (min-width: 1024px) {
  .plansza {
    display: grid; grid-template-columns: var(--margines) minmax(0, 38rem); grid-template-rows: auto auto 1fr; column-gap: var(--o7); align-items: start;
    margin-top: var(--o8); padding-top: var(--o4); border-top: 1px solid var(--tekst);
  }
  .plansza > h2 { grid-column: 1; margin: 0 0 var(--o4); padding: 0; border: 0; }
  .plansza > :not(h2):not(#mapa):not(#radar) { grid-column: 1; }
  .plansza > :is(#mapa, #radar) { grid-column: 2; grid-row: 1 / span 3; }
}

/* Mapa: arkusz w ramce z podziałką */
svg { display: block; width: 100%; height: auto; font: 500 11px var(--bez); }
svg text { fill: var(--tekst); paint-order: stroke; stroke: var(--pow); stroke-width: 3px; stroke-linejoin: round; }
#mapa svg { max-width: 38rem; background: var(--pow); }
.ramka { fill: none; stroke: var(--tekst); stroke-width: 1.5; }
.ramka-zewn { fill: none; stroke: var(--tekst); stroke-width: .5; }
.podzialka { fill: none; stroke: var(--tekst); stroke-width: .75; }
.siatka { fill: none; stroke: var(--siatka); stroke-width: .75; }
.os { fill: none; stroke: var(--linia); }
#mapa .os { stroke-width: .75; }
circle.kandydat { fill: var(--tekst); stroke: var(--pow); stroke-width: 1.5; }
circle.kandydat.malo-danych { fill: var(--pow); stroke: var(--tekst); stroke-width: 1.5; }
rect.zaplecze { fill: var(--pow); stroke: var(--tekst); stroke-width: 1.25; }
.powiazanie { stroke: var(--slaby); stroke-width: .75; stroke-dasharray: 3 2; }
.odnosnik { stroke: var(--slaby); stroke-width: .5; }
.ty { fill: none; stroke: var(--tekst); stroke-width: 2.5; }
.etykieta-ty { font-size: 13px; }
.biegun-x, .biegun-y { font: 400 .9375rem/1.45 var(--bez); color: var(--slaby); font-variant-numeric: tabular-nums; }
.biegun-y { max-width: 38rem; margin: var(--o2) 0; text-align: center; }
.biegun-x { display: flex; justify-content: space-between; gap: var(--o4); max-width: 38rem; margin: var(--o2) 0 var(--o4); }
.biegun-x span:last-child { text-align: right; }

/* Radar i wybór do radaru */
#radar-wybor { margin: 0 0 var(--o4); }
#radar-wybor > legend { margin-bottom: var(--o2); font: 400 1.0625rem/1.3 var(--bez); color: var(--slaby); }
.grupa-wyboru { margin-top: var(--o3); }
.grupa-wyboru > legend { width: 100%; max-width: none; padding-bottom: var(--o1); border-bottom: 1px solid var(--wlos); font: 600 .9375rem/1.45 var(--bez); }
#radar-wybor label { display: flex; gap: .6rem; align-items: center; min-height: 44px; font: 400 1rem/1.3 var(--bez); cursor: pointer; }
#radar-wybor input { margin: 0; }
@media (min-width: 600px) and (max-width: 1023.98px) { .grupa-wyboru { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--o4); } }
#radar-limit { margin: var(--o2) 0 0; font: 600 1rem/1.3 var(--bez); }
#radar-limit:empty { display: none; }
#radar > svg { max-width: 34rem; background: var(--pow); font-size: 12px; }
#radar a text { text-decoration: underline; }
#radar a:focus-visible text { font-weight: 700; }
polygon.seria, line.seria { fill: none; stroke: var(--tekst); stroke-width: 2; }
polygon.seria-0, line.seria-0 { stroke-width: 3.5; }
circle.seria { fill: var(--tekst); }
.seria-1 { stroke-dasharray: 7 4; } .seria-2 { stroke-dasharray: 2 3; } .seria-3 { stroke-dasharray: 10 3 2 3; }
#radar > p { margin-top: var(--o3); }
.legenda { list-style: none; padding: 0; font: 400 .9375rem/1.45 var(--bez); }
.probka { display: inline-block; width: 36px; height: 10px; vertical-align: middle; margin-right: .3rem; }

/* Szczegóły i karty */
.grupa-osi { margin-top: var(--o6); padding-top: var(--o4); border-top: 1px solid var(--tekst); }
.grupa-osi > h3 { margin: 0 0 var(--o2); }
@media (min-width: 1024px) {
  .grupa-osi { display: grid; grid-template-columns: var(--margines) minmax(0, 1fr); column-gap: var(--o7); align-items: start; }
  .grupa-osi > h3 { grid-column: 1; grid-row: 1 / span 99; margin: 0; }
  .grupa-osi > details { grid-column: 2; }
}
.grupa-osi details, .karta { border-top: 1px solid var(--wlos); }
.grupa-osi details:last-child, .karta:last-of-type { border-bottom: 1px solid var(--wlos); }
.grupa-osi summary { font: 400 1.0625rem/1.45 var(--szeryf); }
.grupa-osi details > ul { padding-left: 0; list-style: none; }
.grupa-osi details > ul > li + li { margin-top: var(--o3); }
.grupa-osi details strong { font: 600 1rem/1.3 var(--bez); }
.dowody {
  list-style: none; margin: var(--o1) 0 var(--o2); padding-left: var(--o3); border-left: 1px solid var(--wlos);
  font: 400 .9375rem/1.45 var(--bez); color: var(--slaby);
}
.dowody a { color: var(--tekst); }
.karty > h2 + .karta { margin-top: var(--o2); }
.karta > summary { font: 600 1.25rem/1.3 var(--szeryf); }
.karta > ul:not(.dowody) { list-style: none; padding-left: 0; font: 400 1rem/1.45 var(--bez); font-variant-numeric: tabular-nums; }
@media (min-width: 600px) { .karta > ul:not(.dowody) { columns: 2; } }
.karta > ul:not(.dowody) li { break-inside: avoid; }
p.nawigacja { max-width: none; }

/* Metodologia */
.spis ul { list-style: none; padding: 0; margin: 0 0 var(--o6); max-width: none; }
.spis li + li { margin-top: 0; }
.spis a { display: flex; align-items: center; min-height: 44px; border-top: 1px solid var(--wlos); font: 400 1.0625rem/1.3 var(--bez); text-decoration: none; }
.spis a:hover { text-decoration: underline; }
@media (min-width: 600px) and (max-width: 1023.98px) { .spis ul { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--o5); } }
.metodologia section { max-width: 52rem; }
@media (min-width: 1024px) {
  .metodologia { display: grid; grid-template-columns: 14rem minmax(0, 1fr); column-gap: var(--o7); align-items: start; }
  .metodologia > * { grid-column: 2; }
  .metodologia > h1 { grid-column: 1 / -1; }
  .metodologia > .spis { grid-column: 1; grid-row: 2 / span 20; position: sticky; top: var(--o5); align-self: start; }
  .spis ul { margin: var(--o8) 0 0; }
}
#osie th[scope=row] { white-space: nowrap; }
section[aria-labelledby="zrodla-tytul"] :is(th, td):is(:first-child, :last-child) { text-align: right; padding-inline: 0 var(--o4); }
#katalog h3 { margin-top: var(--o6); padding-top: var(--o3); border-top: 1px solid var(--wlos); }
#katalog h3 + details { margin-top: var(--o2); }
#katalog details { border-top: 1px solid var(--wlos); }
#katalog details:last-child { border-bottom: 1px solid var(--wlos); }
#katalog details > summary .flaga { margin-left: var(--o1); vertical-align: .1em; }
#katalog small { font: 400 .9375rem/1.45 var(--bez); font-variant-numeric: tabular-nums; }
#errata {
  margin-top: var(--o8); padding: var(--o4) var(--o5);
  border: 1px solid var(--tekst); outline: 1px solid var(--wlos); outline-offset: 3px; background: var(--pow);
}
#errata h2 { margin-top: 0; padding-top: 0; border-top: 0; }
#errata-lista { margin-bottom: 0; }
#errata-lista time { font-family: var(--bez); font-variant-numeric: tabular-nums; }