PageLayout

Rytmus obsahu jedné stránky — mezera mezi bloky, šířka čtení a volitelný postranní rejstřík. Co si dřív každá obrazovka skládala sama.

Kdy použít

Každá obrazovka administrace. Pořadí bloků je závazné: hlavička → metriky → toolbar → obsah; mezery mezi nimi drží tohle primitivum, ne třídy na místě.
Obrazovka, která se čte nebo vyplňuje — dlouhé nastavení, formulář, právní text: width="reading". Řádek přes celý monitor se nečte, ale přelétá.
Detail záznamu: čte se, ale formulář to není — width="wide". Širší než sloupec na čtení, užší než rám: blok roztažený na 1 440 px přestává být jeden předmět.
Celá obrazovka je jedna malá krabička — přihlášení, potvrzení, modul, ve kterém ještě nic není: width="card". Jediná šířka, která se sama vystředí.
Obrazovka s vlastním rejstříkem (aside + IngotSideNav): rejstřík stojí, obsah roluje.

Vnější rám aplikace — šířku 1440 px a odsazení od okrajů drží shell pod horní lištou, ne stránka.
Mřížka karet nebo dvousloupcový blok uvnitř obsahu. To je vnitřek bloku (grid na místě), ne rám stránky — rám nemá vědět, co v něm je.
Boční navigace aplikace. Administrace ji nemá; aside je rejstřík obsahu jedné stránky.

width: "full" | "wide" | "reading" | "card" — Podle toho, co stránka JE: full (výchozí, --frame) tabulky a seznamy · wide (--page-wide) detail, který se čte · reading (--page-reading) formulář nebo text · card (--page-card) obrazovka, která je jedna krabička, a jako jediná se středí.
aside: ReactNode — Postranní rejstřík vlevo, typicky IngotSideNav. Od `md` sticky sloupec široký `--aside`; pod `md` sbalený blok nad obsahem. Chodí ve dvojici s `asideLabel` — typ nedovolí jedno bez druhého.
asideLabel: string — Jak se sbalený rejstřík jmenuje na úzké obrazovce („Obsah“), už přeložené. S `aside` povinné: pod `md` je rejstřík blok, který čtenář otevírá, a nepojmenovaný blok neotevře nikdo.
children: ReactNode — Bloky stránky v závazném pořadí. Mezery mezi nimi kreslí layout.
testId: string — Kotva pro testy. Do vzhledu nezasahuje.