/* Základ stránky: jen prvky mimo bloky. Barvy a písmo jsou z kitu (--ax-*), světlá sada z bloky/tokeny.css. */
*, *::before, *::after { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; background: var(--ax-bg); color: var(--ax-text); font: 400 16px/1.55 var(--ax-font); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
main { flex: 1; }
a { color: var(--ax-link); }
:focus-visible { outline: 2px solid var(--ax-hi); outline-offset: 3px; border-radius: 6px; }
.st-lista { position: relative; z-index: 3; display: flex; align-items: center; gap: 10px; width: 100%; max-width: 1160px; margin: 0 auto; min-height: 64px; padding: 8px max(16px, env(safe-area-inset-right, 0px)) 8px max(16px, env(safe-area-inset-left, 0px)); }
main:focus { outline: none; }
/* Přeskočení má oba jazyky ve zdroji, aby fungovalo i bez skriptu a po přepnutí jazyka. */
html[lang="cs"] .au-skip [lang="en"], html:not([lang="cs"]) .au-skip [lang="cs"] { display: none; }
.st-nojs { max-width: 1160px; margin: 0 auto; padding: 48px 16px; }
.st-nojs h1 { margin: 0 0 16px; font-weight: 500; font-size: clamp(32px, 5.4vw, 64px); line-height: 1.06; letter-spacing: -.02em; }
.st-nojs p { max-width: 52ch; }
/* Nahoře text vlevo a Globe v pravém horním rohu, asi čtvrtina obrazovky. Na telefonu Globe nad textem, zmenšený a vpravo. */
.st-horni { max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) min(42vw, 62vh, 520px); column-gap: 16px; align-items: start; }
.st-horni > [data-au-block="globe"] { margin-top: -64px; }
@media (max-width: 760px) {
  .st-horni { grid-template-columns: minmax(0, 1fr); }
  .st-horni > [data-au-block="globe"] { order: -1; margin-top: -16px; }
}
/* Přepínač jazyka z kitu počítá s proměnnými, které má .info a tady nejsou. */
.ax-lang { --line: var(--ax-line); --text: var(--ax-text); --hi: var(--ax-hi); --muted: var(--ax-muted); --font: var(--ax-font); --mono: var(--ax-mono); }
html .ax-lang > button { height: 44px; min-width: 44px; }
/* Dotyk: přepínač i patička z knihovny musí mít aspoň 44 px. Styly bloků se načítají později, proto přednost přes body. */
@media (max-width: 760px), (pointer: coarse) {
  body [data-au-block="paticka"] .pa-logo, body [data-au-block="paticka"] .pa-col a { min-height: 44px; }
}
/* Patička blok od obsahu odděluje sama, na této stránce stačí menší mezera. */
[data-au-block="paticka"] { margin-top: 40px; }
.st-znacka { display: inline-flex; align-items: center; min-height: 44px; margin-right: auto; }