:root {
  --tlo: #ffffff;
  --tlo-2: #f5f6f8;
  --tekst: #202122;
  --tekst-2: #54595d;
  --link: #3b4a6b;
  --akcent: #3b4a6b;
  --linia: #c8ccd1;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --tlo: #121417;
    --tlo-2: #1b1e23;
    --tekst: #e6e7e9;
    --tekst-2: #a2a9b1;
    --link: #93a6d6;
    --akcent: #6f82b8;
    --linia: #33373e;
    color-scheme: dark;
  }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--tlo); color: var(--tekst); font: 1.03rem/1.65 "Linux Libertine", Georgia, "Times New Roman", serif; }
.kol { max-width: 50rem; margin: 0 auto; padding: 0 1rem; }
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }

.haslo-g { border-bottom: 1px solid var(--linia); padding: 1rem 0 0.8rem; background: var(--tlo-2); }
.tyt { font-size: 1.45rem; color: var(--tekst); }
.pod { display: block; font: 0.82rem/1.3 system-ui, "Segoe UI", sans-serif; color: var(--tekst-2); margin-top: 0.15rem; }

main { padding-top: 1.2rem; }
.okruszki { font: 0.82rem system-ui, "Segoe UI", sans-serif; color: var(--tekst-2); }
.okruszki span { margin: 0 0.3rem; }
h1 { font-weight: 400; font-size: clamp(1.7rem, 4.6vw, 2.25rem); line-height: 1.22; margin: 0.7rem 0 0.2rem; padding-bottom: 0.3rem; border-bottom: 1px solid var(--linia); }
.stan { font: 0.82rem system-ui, "Segoe UI", sans-serif; color: var(--tekst-2); margin: 0.3rem 0 1.2rem; }
.art > p:first-child { font-size: 1.08rem; }
.art > p:first-child::first-line { font-weight: 700; }
.art h2 { font-weight: 400; font-size: 1.45rem; margin: 2.1rem 0 0.5rem; padding-bottom: 0.2rem; border-bottom: 1px solid var(--linia); }
.art h3 { font: 700 1.02rem/1.4 system-ui, "Segoe UI", sans-serif; margin: 1.3rem 0 0.3rem; }
.art p, .art ul { margin: 0 0 0.9rem; }

.tabela { overflow-x: auto; margin: 1rem 0 1.4rem; }
table { border-collapse: collapse; width: 100%; font: 0.9rem/1.45 system-ui, "Segoe UI", sans-serif; background: var(--tlo-2); border: 1px solid var(--linia); }
th, td { border: 1px solid var(--linia); padding: 0.45rem 0.6rem; text-align: left; vertical-align: top; }
th { background: var(--tlo); font-weight: 700; }

.hasla { margin: 2.5rem 0 0; padding: 1rem 1.2rem; background: var(--tlo-2); border: 1px solid var(--linia); font: 0.92rem/1.5 system-ui, "Segoe UI", sans-serif; }
.hasla-t { font-size: 0.95rem; margin: 0 0 0.5rem; }
.hasla ul { margin: 0; padding-left: 1.1rem; columns: 2 14rem; }
.hasla li { margin-bottom: 0.3rem; }

.stopka-e { margin-top: 2.5rem; border-top: 1px solid var(--linia); padding: 1.4rem 0 2.4rem; font: 0.86rem/1.55 system-ui, "Segoe UI", sans-serif; color: var(--tekst-2); }
.m { font-size: 0.78rem; }