/* Pages simples du site (mentions légales, confidentialité, page introuvable). Mêmes jetons que la page d'accueil. */
:root {
  --surface: #f7f4ef; --raised: #fffefb; --ink: #23272b; --ink-2: #5f6770;
  --sauge-deep: #48665c; --border: #e4ddd2; --r: 4px;
  --f-sans: system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: var(--surface); }
body { margin: 0; background: var(--surface); color: var(--ink); font: 16px/1.6 var(--f-sans); -webkit-font-smoothing: antialiased; }
.haut { max-width: 720px; margin: 0 auto; padding: 22px 16px 0; }
.marque { font-weight: 900; font-size: 22px; letter-spacing: -0.02em; color: var(--ink); text-decoration: none; } /* comme le logo de l'accueil */
.marque span { color: var(--sauge-deep); }
main { max-width: 720px; margin: 0 auto; padding: 8px 16px 40px; }
h1 { font-size: clamp(28px, 6vw, 38px); line-height: 1.15; letter-spacing: -0.015em; margin: 28px 0 18px; }
h2 { font-size: 20px; margin: 30px 0 8px; letter-spacing: -0.01em; }
p, ul { margin: 0 0 12px; }
ul { padding-left: 22px; }
a { color: var(--sauge-deep); }
.chapeau { font-size: 18px; color: var(--ink-2); }
.bloc { background: var(--raised); border: 1px solid var(--border); border-radius: var(--r); padding: 14px 16px; margin-bottom: 12px; overflow-wrap: anywhere; }
.bloc p { margin: 0; }
.maj { color: var(--ink-2); font-size: 14px; margin-top: 30px; }
.pied { text-align: center; padding: 26px 16px 40px; color: var(--ink-2); font-size: 14px; border-top: 1px solid var(--border); }
.pied p { margin: 4px 0; }
.liens { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; }
.liens a { color: var(--ink-2); }
.retour { display: inline-block; margin-top: 8px; font-weight: 700; }
.etat-mesure { background: #e6eeea; color: var(--sauge-deep); border-radius: var(--r); padding: 9px 12px; font-weight: 600; }
.etat-mesure[hidden], .refus[hidden] { display: none; }
.refus { font-weight: 700; white-space: nowrap; }
code { font-size: .92em; background: #efe9df; border-radius: 3px; padding: 0 4px; }
