.page-wrapper { display: flex; flex-direction: column; min-block-size: 100vh; min-block-size: 100dvh; }
main { flex: 1; min-inline-size: 0; }
.shell { inline-size: min(100%, var(--shell)); margin-inline: auto; padding-inline: var(--gutter); }
.desktop-header { display: grid; grid-template-columns: auto 1fr auto; gap: var(--step-2); align-items: center; }
.desktop-header > nav:first-of-type { justify-self: center; }
.mobile-header, .no-script-nav { display: none; }
.content { padding-block: var(--step-5); display: grid; gap: var(--step-5); }
.content > section, .vertical-list { display: grid; gap: var(--step-4); }
.media-row, .two-col { display: grid; align-items: center; gap: var(--step-4); }
.media-row:has(picture) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
.two-col { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--step-2); }

/* Na menším desktopu ponecháváme viditelné menu i všechny jazyky. */
@media (48rem < width <= 76rem) {
    .desktop-header {
        --gutter: 1rem;
        --menu-gap: .5rem;
        --language-gap: .22rem;
        --logo-desktop: 6.8rem;
        gap: .65rem;
    }
    .desktop-header .page-links { flex-wrap: wrap; justify-content: center; }
}