:root {
  --pozadi: #f6f5f1;
  --karta: #ffffff;
  --text: #1d2321;
  --tlumeny: #5a6461;
  --linka: #dcdcd4;
  --akcent: #176b5b;
  --akcent-text: #ffffff;
  --stav: #8a5a00;
  --stav-pozadi: #fbf0d9;
}
@media (prefers-color-scheme: dark) {
  :root {
    --pozadi: #141817;
    --karta: #1c2220;
    --text: #e8ecea;
    --tlumeny: #a3aeaa;
    --linka: #2e3633;
    --akcent: #5cc4ad;
    --akcent-text: #0d1b17;
    --stav: #f0c46c;
    --stav-pozadi: #3a2f17;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--pozadi);
  color: var(--text);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 760px; margin: 0 auto; padding: 56px 16px 40px; }
.znacka {
  margin: 0 0 4px;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--akcent);
}
h1 { margin: 0 0 12px; font-size: 2.4rem; line-height: 1.15; }
h2 { margin: 48px 0 16px; font-size: 1.25rem; }
h3 { margin: 0 0 6px; font-size: 1.05rem; }
.uvod { margin: 0; max-width: 60ch; color: var(--tlumeny); font-size: 1.1rem; }
.pokusy { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.pokusy li {
  background: var(--karta);
  border: 1px solid var(--linka);
  border-radius: 10px;
  padding: 18px 20px;
}
.pokusy p { margin: 0 0 10px; color: var(--tlumeny); }
.stav {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--stav-pozadi);
  color: var(--stav);
  font-size: .85rem;
}
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--linka); color: var(--tlumeny); font-size: .95rem; }
footer p { margin: 0 0 6px; }
a { color: var(--akcent); }
a:focus-visible { outline: 2px solid var(--akcent); outline-offset: 2px; }
.ven { margin-left: 3px; vertical-align: -1px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tlacitko {
  display: inline-block;
  margin-top: 24px;
  padding: 10px 18px;
  border-radius: 8px;
  background: var(--akcent);
  color: var(--akcent-text);
  text-decoration: none;
  font-weight: 600;
}