:root{--fond:#f4f5f5;--surface:#fff;--surface-2:#f0f2f1;--trait:#e6e9e7;--encre:#13211a;--encre-2:#56655d;--encre-3:#8d9a93;--accent:#17663f;--accent-fonce:#0f4a2d;--accent-doux:#e6f0eb;--sur-accent:#fff;--critique:#c0392b;--critique-doux:#fbe9e7;--fragile:#b4740f;--fragile-doux:#fdf1de;--correct:#1f6fb2;--correct-doux:#e8f1fa;--solide:#1d7a5f;--solide-doux:#e4f3ed;--arrondi:16px;--arrondi-s:10px;--ombre:0 1px 2px #13211a08, 0 6px 20px -14px #13211a29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fond);color:var(--encre);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6}[dir=rtl] body{font-family:ui-sans-serif,system-ui,Noto Naskh Arabic,Geeza Pro,serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.enveloppe{max-width:860px;margin-inline:auto;padding:28px 20px 80px}.etroit{max-width:620px;margin-inline:auto}.carte{background:var(--surface);border:1px solid var(--trait);border-radius:var(--arrondi);box-shadow:var(--ombre);padding:22px}.titre{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(28px,4.6vw,42px);font-weight:700;line-height:1.12}.titre .doux{color:var(--encre-3);font-weight:600}.sous-titre{color:var(--encre-2);max-width:58ch;margin:12px 0 0}.etiquette{text-transform:uppercase;letter-spacing:.09em;color:var(--encre-3);font-size:11.5px;font-weight:700}.bouton{background:var(--accent);min-height:46px;color:var(--sur-accent);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;transition:filter .15s,transform .12s;display:inline-flex}.bouton:hover{filter:brightness(1.08)}.bouton:active{transform:translateY(1px)}.bouton:disabled{opacity:.45;cursor:default;transform:none}.bouton.discret{background:var(--surface);color:var(--encre-2);border-color:var(--trait)}.bouton.large{width:100%}.option{border:1px solid var(--trait);border-radius:var(--arrondi-s);background:var(--surface);cursor:pointer;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;transition:border-color .12s,background .12s;display:flex}.option:hover{border-color:var(--accent)}.option[data-choisie=oui]{border-color:var(--accent);background:var(--accent-doux);font-weight:600}.option input{accent-color:var(--accent);flex:none;width:17px;height:17px}.progression{background:var(--trait);border-radius:2px;height:4px;margin-bottom:26px;overflow:hidden}.progression>i{background:var(--accent);height:100%;transition:width .25s;display:block}.jauge{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.jauge>i{border-radius:3px;height:100%;display:block}.pastille{border-radius:999px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.pastille.critique{background:var(--critique-doux);color:var(--critique)}.pastille.fragile{background:var(--fragile-doux);color:var(--fragile)}.pastille.correct{background:var(--correct-doux);color:var(--correct)}.pastille.solide{background:var(--solide-doux);color:var(--solide)}.avertissement{color:var(--encre-3);border-top:1px solid var(--trait);max-width:62ch;margin-top:26px;padding-top:14px;font-size:12.5px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.tuile{background:var(--surface);border:1px solid var(--trait);border-radius:var(--arrondi);padding:18px 20px}.tuile.pleine{background:var(--accent);color:var(--sur-accent);border-color:#0000}.tuile b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1.05;display:block}.tuile span{color:var(--encre-3);margin-top:6px;font-size:12.5px;display:block}.tuile.pleine span{color:#ffffffb3}.rail{background:var(--surface);border:1px solid var(--trait);border-radius:var(--arrondi);flex-direction:column;gap:2px;padding:14px 12px;display:flex}.rail a{border-radius:var(--arrondi-s);color:var(--encre-2);align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.rail a:hover{background:var(--surface-2)}.rail a[aria-current=page]{background:var(--accent-doux);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);font-weight:650}[dir=rtl] .rail a[aria-current=page]{box-shadow:inset -3px 0 0 var(--accent)}