
:root{--fond:#f6f5f2;--carte:#fff;--texte:#1f2328;--doux:#5b616b;--trait:#e2e0da;--accent:#1d5c4d;--accent-clair:#e3efe9;--alerte:#9a3412;--alerte-clair:#fdeee6;--info:#1e4f8a;--info-clair:#e6eef8;--ok:#166534}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--fond);color:var(--texte)}
.bandeau{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;background:var(--carte);border-bottom:1px solid var(--trait)}
.marque{font-weight:700;color:var(--accent);text-decoration:none;font-size:1.15rem}.marque span{font-weight:400;color:var(--doux)}
nav{display:flex;gap:1rem;align-items:center}nav form{margin:0}.qui{color:var(--doux);font-size:.9rem}
main{max-width:1100px;margin:1.5rem auto;padding:0 1.2rem}footer{max-width:1100px;margin:2rem auto;padding:0 1.2rem;color:var(--doux);font-size:.85rem}
h1{font-size:1.5rem;margin:.2rem 0 1rem}h2{font-size:1.15rem;margin:1.6rem 0 .6rem}
.carte{background:var(--carte);border:1px solid var(--trait);border-radius:10px;padding:1rem 1.2rem;margin:0 0 1rem}
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}
.chiffre{font-size:1.8rem;font-weight:700}.legende{color:var(--doux);font-size:.9rem}
table{width:100%;border-collapse:collapse;background:var(--carte);font-size:.93rem}th,td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--trait);vertical-align:top}th{font-weight:600;color:var(--doux);font-size:.85rem}
label{display:block;margin:.6rem 0 .2rem;font-weight:600}input,select{font:inherit;padding:.45rem .6rem;border:1px solid var(--trait);border-radius:6px;width:100%;max-width:420px;background:#fff}
input[type=radio],input[type=checkbox]{width:auto}
button{font:inherit;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.5rem 1rem;cursor:pointer;margin-top:.8rem}button.second{background:#fff;color:var(--accent);border:1px solid var(--accent)}button.lien{background:none;color:var(--accent);padding:0;margin:0;text-decoration:underline}
.message{background:var(--accent-clair);padding:.7rem 1rem;border-radius:8px}.erreur{background:var(--alerte-clair);color:var(--alerte);padding:.7rem 1rem;border-radius:8px}
.pastille{display:inline-block;padding:.05rem .5rem;border-radius:99px;font-size:.8rem;font-weight:600;white-space:nowrap}
.bloquant{background:var(--alerte-clair);color:var(--alerte)}.a_corriger{background:#fff4d6;color:#7a5a00}.information{background:var(--info-clair);color:var(--info)}.valide{background:var(--accent-clair);color:var(--ok)}.ecarte{background:#eee;color:#555}
.cle{font-family:ui-monospace,monospace;font-size:1.1rem;letter-spacing:.08em;background:#f0efe9;padding:.4rem .6rem;border-radius:6px;display:inline-block;word-break:break-all}
.etroit{max-width:640px}.doux{color:var(--doux)}.petit{font-size:.85rem}.ligne{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
details{margin:.4rem 0}summary{cursor:pointer;color:var(--accent)}
.texte-lu{font-family:ui-monospace,monospace;font-size:.85rem;white-space:pre-wrap;background:#f0efe9;padding:.5rem .7rem;border-radius:6px;margin:.4rem 0}
input.douteux{background:#fff4d6;border-color:#d9a400}.champs-ligne{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 .8rem}
