/* 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: 1040px; }
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 10px; 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 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; }
}