/* Nápověda (/napoveda). Jen proměnné z app.css; třídy s předponou nap-. HTML sekcí vzniká na serveru (mdtext.md_do_html): p, h3, h4, ul, ol, li, strong, code, a. */

.nap-rozlozeni { display: grid; grid-template-columns: minmax(200px, 260px) minmax(0, 1fr); gap: 16px; align-items: start; }
.nap-obsah { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow: auto; }
.nap-obsah h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--text-3); margin-bottom: 8px; }
.nap-obsah-seznam { margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; }
.nap-obsah-seznam a { display: block; padding: 6px 8px; margin: 0 -8px; border-radius: var(--r1); color: var(--text-2); font-size: 13.5px; line-height: 1.35; }
.nap-obsah-seznam a:hover { background: var(--plocha-3); color: var(--text); text-decoration: none; }
.nap-sekce { display: grid; gap: 16px; min-width: 0; }
.nap-karta { scroll-margin-top: 16px; }
.nap-karta > h2 { margin-bottom: 10px; }

/* text sekce */
.nap-text { max-width: 78ch; color: var(--text); overflow-wrap: anywhere; }
.nap-text > * + * { margin-top: 10px; }
.nap-text h3 { margin-top: 18px; font-size: 15px; }
.nap-text h4 { margin-top: 14px; }
.nap-text ul, .nap-text ol { margin: 10px 0 0; padding-left: 22px; display: grid; gap: 4px; }
.nap-text li::marker { color: var(--text-3); }
.nap-text strong { font-weight: 600; }
.nap-text code { font: 400 12.5px var(--mono); padding: 1px 5px; border-radius: var(--r1); background: var(--plocha-3); border: 1px solid var(--linka); }

@media (max-width: 900px) {
  .nap-rozlozeni { grid-template-columns: minmax(0, 1fr); }
  .nap-obsah { position: static; max-height: none; }
  .nap-karta { scroll-margin-top: 64px; }  /* pod horní lištou mobilního rozvržení */
}
@media print {
  .nap-rozlozeni { display: block; }
  .nap-obsah { display: none; }
  .nap-karta { break-inside: avoid-page; margin-bottom: 12px; }
}