/* strony pojedynczych miast — te same barwy co aplikacja, bez jej mechaniki */
:root{--paper:#ECEDE8;--surface:#F5F6F2;--ink:#1B211F;--ink-2:#565E5A;--ink-3:#7C837E;
  --rule:#C7CBC2;--wyb:#8C3B36;--serif:Georgia,'Iowan Old Style',serif;
  --mono:ui-monospace,'SF Mono',Menlo,monospace}
@media(prefers-color-scheme:dark){:root{--paper:#141816;--surface:#1B211E;--ink:#E8EAE4;
  --ink-2:#AEB5AF;--ink-3:#868D88;--rule:#333B36}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);
  font-size:17px;line-height:1.6}
.mg{max-width:760px;margin:0 auto;padding:0 20px}
header{padding-top:36px}
.okruchy{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.okruchy a{color:var(--ink-2)}
h1{font-size:38px;line-height:1.1;margin:6px 0 8px}
h2{font-size:20px;margin:34px 0 10px;padding-top:14px;border-top:1px solid var(--rule)}
.lid{color:var(--ink-2);margin:0 0 8px}
.plan{margin:22px 0 0;padding:0}
.plan svg{width:100%;height:auto;display:block;background:var(--surface);
  border:1px solid var(--rule);border-radius:3px}
figcaption,.uwaga{font-size:13px;color:var(--ink-3);line-height:1.5;margin-top:8px}
table.kryt{width:100%;border-collapse:collapse;font-size:14px}
table.kryt th,table.kryt td{text-align:left;padding:7px 8px 7px 0;
  border-bottom:1px solid var(--rule);vertical-align:top}
table.kryt thead th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3);font-weight:400}
table.kryt td.n{font-family:var(--mono);text-align:right;white-space:nowrap;width:52px}
dl.fakty{margin:0;font-size:15px}
dl.fakty div{display:flex;gap:14px;padding:7px 0;border-bottom:1px solid var(--rule)}
dl.fakty dt{color:var(--ink-3);min-width:170px;font-size:13px;flex:none}
dl.fakty dd{margin:0}
a{color:var(--wyb)}
.sas{font-size:15px;line-height:1.9}
.powrot{margin:34px 0 60px;font-size:15px}
footer{border-top:1px solid var(--rule);padding:16px 20px 40px;font-size:13px;
  color:var(--ink-3)}