/* Stránky lokalit (VUK-020): stejná identita jako landing (landing.css), jen tabulka a drobky. */
body.lokality .brand a { color: var(--forest); text-decoration: none; }
body.lokality .crumb { font-family: "Geologica", system-ui, sans-serif; font-size: 15px; color: var(--muted); }
body.lokality .crumb a { color: var(--muted); }
body.lokality.doc { max-width: none; }
body.lokality .wrap { max-width: 1100px; }  /* tabulka s Bezpečím a Riziky; odstavce drží 44em (VUK-024, fix round 1) */
body.lokality h1 { font-size: clamp(38px, 6vw, 60px); margin: 10px 0 14px; }
body.lokality h2 { font-size: 28px; margin: 26px 0 8px; }
body.lokality .sentences { max-width: 44em; color: var(--ink-2); }
body.lokality .cta-top { margin: 6px 0 18px; } body.lokality .cta-top a { color: var(--lake); font-weight: 500; }
body.lokality .lead { max-width: 44em; }
body.lokality .cta-line { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; margin: 18px 0 26px; }
body.lokality .btn { min-height: 44px; display: inline-flex; align-items: center; }
.lok { width: 100%; border-collapse: collapse; font-size: 15px; margin: 8px 0 10px; }
.lok th, .lok td { text-align: left; padding: 9px 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
.lok th { font-weight: 600; color: var(--ink-2); font-size: 13px; }
.lok .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lok th .muted { display: block; font-weight: 400; font-size: 12px; }
.lok th.num { white-space: normal; }  /* záhlaví čísel se smí zalomit („Stavební / pozemky“), jinak by tabulka přetekla rám (VUK-024) */
.lok td[data-empty] { color: var(--muted); }
.lok td.n { color: var(--muted); text-align: right; }
.lok tbody tr:first-child td { background: var(--paper-2); }
.districts { columns: 2; column-gap: 32px; padding-left: 1.1em; }
.districts li { break-inside: avoid; margin: 4px 0; }
.foot { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); }
@media (max-width: 720px) {
  /* telefon: každá obec jako karta – pořadí a jméno v řádku, čísla s popisky pod ním (žádné vodorovné rolování) */
  .lok thead { display: none; }
  .lok, .lok tbody, .lok tr, .lok td { display: block; }
  .lok tr { padding: 10px 0 8px; border-bottom: 1px solid var(--line); }
  .lok td { border: 0; padding: 2px 0; text-align: left; }
  .lok td.n { display: inline; color: var(--muted); padding-right: 6px; }
  .lok td.name { display: inline; font-size: 17px; }
  .lok td.num { text-align: left; white-space: normal; }
  .lok td[data-l]::before { content: attr(data-l) ": "; color: var(--muted); font-size: 13px; }
  .lok td[data-empty] { display: none; }
  .lok tbody tr:first-child { background: var(--paper-2); margin-inline: -8px; padding-inline: 8px; }
  .lok tbody tr:first-child td { background: none; }
  .districts { columns: 1; }
}
/* Bezpečí (VUK-023): kategorie textem + jemné podbarvení z tokenů palety (žádná nová barva); pravidla až za první řádkem
   tabulky a za telefonem, ať podbarvení vyhraje i v prvním řádku. Na telefonu štítek „Bezpečí: nižší“ jen na šířku textu. */
.lok tbody tr td.saf-nizsi, .lok tbody tr td.saf-prumer, .lok tbody tr td.saf-vyssi, .lok tbody tr td.saf-malo_dat { white-space: nowrap; }
.lok tbody tr td.saf-nizsi { background: color-mix(in srgb, var(--meadow) 28%, transparent); color: var(--forest); }
.lok tbody tr td.saf-prumer { color: var(--ink-2); }
.lok tbody tr td.saf-vyssi { background: color-mix(in srgb, var(--calm) 40%, transparent); color: var(--ink); font-weight: 500; }
.lok tbody tr td.saf-malo_dat, .lok tbody tr td.saf-none { color: var(--muted); }
/* „málo dat · okres: nižší“: kategorie okresu, ne obce → slabší podbarvení a normální řez (méně jistá informace) */
.lok tbody tr td.saf-okres.saf-nizsi { background: color-mix(in srgb, var(--meadow) 12%, transparent); }
.lok tbody tr td.saf-okres.saf-vyssi { background: color-mix(in srgb, var(--calm) 18%, transparent); font-weight: 400; }
body.lokality .saf-note { max-width: 44em; }
@media (max-width: 720px) {
  .lok tbody tr td.saf-nizsi, .lok tbody tr td.saf-vyssi { width: fit-content; padding: 1px 8px; margin: 2px 0 2px -8px; border-radius: 6px; }
}
/* Rizika pozemku (VUK-024): text v buňce říká vše, podbarvení jen tiše ukáže, kam se podívat – tokeny palety, žádná poplašná barva
   (stránky čtou hlavně lidé, kteří vybírají místo k bydlení; stejná váha jako Bezpečí). Záplavy = voda, radon a poddolování = zem;
   při souběhu vyhraje pravidlo níž (záplavy). Řádek buňky se láme jen mezi částmi (uvnitř části jsou nezlomitelné mezery). */
.lok tbody tr td.rsk-radon { background: color-mix(in srgb, var(--view) 14%, transparent); }
.lok tbody tr td.rsk-podd { background: color-mix(in srgb, var(--view) 22%, transparent); }
.lok tbody tr td.rsk-flood { background: color-mix(in srgb, var(--water) 26%, transparent); }
.lok tbody tr td.rsk { color: var(--ink-2); }
.lok tbody tr td.rsk-none { color: var(--muted); }
body.lokality .rsk-note { max-width: 44em; }
/* Tabulka se sloupci Bezpečí i Rizika se vejde do rámu bez vodorovného posunu od 1024 px okna výš – změřeno headless Chromiem na
   nejhorším obsahu (VUK-024, fix round 1; min. šířka tabulky okresu 933 px při 944 px místa na 1024 px, 1001 px při 1060 px od
   1100 px): záhlaví čísel se zalomí, buňky mají vodorovně 8 px, štítek „málo dat · okres: kolem průměru“ (233 px, má ho skoro každá
   stránka – 88 % obcí má málo dat) se na počítači zalomí do dvou řádků „málo dat · okres:“ / „kolem průměru“ a buňka Rizik má od
   1100 px okna šířku na dvě části vedle sebe („Q100 12 % · radon střední“); pod tím ustoupí, ať stránka nejezdí do strany. */
@media (min-width: 721px) {
  .lok tbody tr td.saf-okres { white-space: normal; min-width: 9.2em; }
}
@media (min-width: 1100px) {
  .lok td.rsk { min-width: 14em; }
}
@media (max-width: 720px) {
  .lok tbody tr td.rsk-flood, .lok tbody tr td.rsk-radon, .lok tbody tr td.rsk-podd { width: fit-content; padding: 1px 8px; margin: 2px 0 2px -8px; border-radius: 6px; }
}