/* Pages simples (contact, mentions légales, 404) : une colonne de lecture sur le carton. */
html.simple, html.simple body { height: auto; overflow: auto; }
.simple__page { padding: 96px max(16px, env(safe-area-inset-right, 0px)) 72px max(16px, env(safe-area-inset-left, 0px)); }
.simple__feuille { max-width: 760px; margin-inline: auto; display: grid; gap: 18px; }
.simple__feuille h1 { font-size: clamp(40px, 7vw, 72px); line-height: 1; font-weight: 700; letter-spacing: -.03em; font-variation-settings: "SHRP" 100; }
.simple__feuille h2 { margin-top: 18px; font-size: 24px; line-height: 1.2; font-weight: 700; font-variation-settings: "SHRP" 100; }
.simple__feuille p, .simple__feuille li, .simple__feuille dd { font-size: 18px; line-height: 1.6; max-width: 68ch; }
.simple__feuille .chapo { font-size: clamp(20px, 2.6vw, 24px); line-height: 1.45; }
.simple__feuille a { color: var(--stylo); text-underline-offset: 3px; }
.simple__feuille dl { display: grid; grid-template-columns: minmax(120px, max-content) minmax(0, 1fr); gap: 6px 20px; }
.simple__feuille dt { font-family: var(--mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--mine); padding-top: 5px; }
.simple__feuille .filet { height: 6px; border-block: 1.5px solid var(--rouge); }
.simple__feuille .a-completer { background: #F7E7A6; padding: 0 4px; }
@media (max-width: 560px) { .simple__feuille dl { grid-template-columns: 1fr; gap: 2px; } .simple__feuille dd { margin-bottom: 10px; } }