/* LES PAGES SIMPLES (mentions légales, 404) : mêmes couleurs et polices que l'accueil, sans les scènes. */
.page { max-width: 760px; margin-inline: auto; padding: var(--s16) var(--gutter) var(--s20); }
.page-top { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); margin-bottom: var(--s12); }
.page h1 { font-size: var(--fs-2xl); margin-bottom: var(--s6); }
.page h2 { font-size: var(--fs-lg); margin: var(--s10) 0 var(--s3); }
.page p, .page li { color: var(--text-2); margin-bottom: var(--s3); }
.page ul { padding-left: var(--s6); }
.page li { list-style: "◆  "; }
.page li::marker { color: var(--accent); font-size: 0.7em; }
.page strong { color: var(--text-1); font-weight: 600; }
.todo { color: var(--warning); background: color-mix(in srgb, var(--warning) 12%, transparent); padding: 0 4px; }
.lost { min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: var(--s6); text-align: center; padding: var(--s8) var(--gutter); }
.lost .code { font: 400 96px/1 "Pixelify Sans", ui-monospace, monospace; color: var(--accent); }
.lost p { color: var(--text-2); max-width: 40ch; }