/* Spoločná navigácia a odsadenie pôvodnej lišty kapitol. */
:root{--vyska-navigacie:57px}
.app-nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:11;background:var(--paper);border-bottom:1px solid var(--line)}
.app-nav .app-riadok{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;min-height:56px;padding-block:6px}
.app-nav a{text-decoration:none}
.app-nazov{font-family:var(--font-display);font-size:.92rem;font-weight:700;line-height:1.3;color:var(--ink)}
.app-nazov[aria-current="page"]{color:var(--accent)}
.app-odkazy{display:flex;gap:4px;align-items:center;min-width:0}
.app-odkazy a{font-size:.82rem;font-weight:500;line-height:1.4;padding:8px 10px;border-radius:7px;color:var(--muted);white-space:nowrap}
.app-odkazy a:hover{background:var(--surface);color:var(--ink)}
.app-odkazy a[aria-current="page"]{background:var(--accent);color:var(--accent-ink)}
.app-rezim{display:grid;place-items:center;width:40px;height:40px;flex:none;padding:8px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--accent);cursor:pointer}
.app-rezim:hover{border-color:var(--accent)}
.app-rezim svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-rezim .app-slnko{display:none}
:root[data-theme="dark"] .app-rezim .app-mesiac{display:none}
:root[data-theme="dark"] .app-rezim .app-slnko{display:block}
:root[data-theme="light"]{color-scheme:light}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .app-rezim .app-mesiac{display:none}
  :root:not([data-theme="light"]) .app-rezim .app-slnko{display:block}
}
.nav{top:calc(env(safe-area-inset-top,0px) + var(--vyska-navigacie))}
section.sec{scroll-margin-top:calc(60px + env(safe-area-inset-top,0px) + var(--vyska-navigacie))}
.app-prepojenie{margin-top:12px}
.app-upozornenie{margin-top:8px;max-width:90ch}
@media (max-width:760px){
  :root{--vyska-navigacie:89px}
  .app-nav .app-riadok{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding-block:8px}
  .app-nazov{grid-column:1/-1;font-size:.83rem}
  .app-odkazy a{font-size:.8rem;padding:8px}
}
@media (prefers-reduced-motion:no-preference){
  .app-nav a,.app-rezim{transition:background .15s,color .15s,border-color .15s}
}