/* Feuille unique du site de vérification : servie par le serveur lui-même (CSP style-src 'self'), aucun tiers. */
:root { --bg:#f5f6f8; --card:#fff; --text:#1c2330; --muted:#5b6475; --accent:#1f5fbf; --on-accent:#fff; --error:#b42318; --ok:#1b7f3b; --warn:#fff4d6; }
@media (prefers-color-scheme: dark) { :root { --bg:#12161d; --card:#1b212b; --text:#e6e9ef; --muted:#9aa3b2; --accent:#6ea2ff; --on-accent:#12161d; --error:#ff8a80; --ok:#6fd08c; --warn:#3a2f12; } }
* { box-sizing: border-box; }
body { margin:0; padding:24px 16px; background:var(--bg); color:var(--text); font:16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
.page { max-width:640px; margin:0 auto; background:var(--card); border-radius:12px; padding:20px; }
h1 { font-size:1.4rem; margin-top:0; }
dl { display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; }
dt { color:var(--muted); } dd { margin:0; }
/* À 320 px la colonne des libellés (max-content) écraserait celle des valeurs : on empile (WCAG 1.4.10). */
@media (max-width: 30rem) { dl { display:block; } dd { margin-bottom:8px; } }
a { color:var(--accent); }
.muted, footer { color:var(--muted); font-size:.85rem; }
.warning { background:var(--warn); padding:10px 12px; border-radius:8px; }
.error { color:var(--error); font-weight:600; } .ok { color:var(--ok); font-weight:600; }
.check { border-top:1px solid var(--muted); margin-top:12px; }
form { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
button { padding:8px 16px; border:0; border-radius:6px; background:var(--accent); color:var(--on-accent); font:inherit; cursor:pointer; }
input[type=text] { padding:6px 8px; font:inherit; color:var(--text); background:var(--card); border:1px solid var(--muted); border-radius:6px; }
label { display:flex; flex-direction:column; gap:4px; }
/* Choix de la langue, en haut à droite de chaque page : boutons assez grands pour le doigt (WCAG 2.5.8, 24 px). */
.languages { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; margin:-4px 0 12px; }
.languages a, .languages span { padding:4px 10px; min-height:28px; border:1px solid var(--muted); border-radius:999px; font-size:.9rem; text-decoration:none; }
.languages span[aria-current] { background:var(--accent); color:var(--on-accent); border-color:var(--accent); font-weight:600; }