#original{--surface:var(--sc-sable-hi);--surface-2:var(--sc-sable-lo);--ink-soft:var(--sc-text-default);--ink-mute:var(--sc-text-muted);--rule:var(--sc-sable-lo);--display:var(--sc-font-serif);--body:var(--sc-font-sans);--teal:var(--sc-lagon);--sage:var(--sc-success);--amber:var(--sc-warning);--brick:var(--sc-error);--sage-bg:color-mix(in srgb,var(--sc-success) 9%,var(--page));--brick-bg:color-mix(in srgb,var(--sc-error) 9%,var(--page));}
#original h1{font-size:clamp(2rem,4vw,3rem);margin:1rem 0}#original .note{font-size:.8rem;padding:1rem;background:var(--sc-sable-lo);margin-top:1rem}#original .prog{height:3px;background:var(--sc-sable-lo)}#original .prog i{display:block;height:100%;background:var(--sc-cuivre-lo)}#original .feu.vide .dot{background:var(--sc-text-muted)}#original .contact h3{margin:1rem 0}#original .contact-status{margin-top:1rem}#original .opt:focus-within{outline:2px solid var(--sc-cuivre-lo);outline-offset:2px}
#original fieldset{border:none;margin:26px 0 0;padding:0}
#original legend{font-weight:bold;font-size:14.5px;padding:0;margin-bottom:11px;line-height:1.4}
#original .opts{display:flex;flex-direction:column;gap:7px}
#original .opt{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--rule);
  border-radius:3px;padding:12px 14px;cursor:pointer;font-size:14.5px;transition:border-color .12s,background .12s}
#original .opt:hover{border-color:var(--ink-mute)}
#original .opt input{accent-color:var(--accent);margin:0;flex:0 0 auto;width:16px;height:16px}
#original .opt.on{border-color:var(--accent);background:var(--surface-2)}
#original .opt.dis{opacity:.42;cursor:not-allowed}

#original .nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;
  padding-top:18px;border-top:1px solid var(--rule)}
#original button{font-family:var(--body);font-size:14.5px;cursor:pointer;border-radius:3px;padding:12px 20px;border:1px solid var(--rule);
  background:var(--surface);color:var(--ink)}
#original button.primary{background:var(--sc-cacao-lo);color:var(--sc-craie);border-color:var(--sc-cacao-lo);font-weight:bold}
#original button:disabled{opacity:.4;cursor:not-allowed}
#original button.link{border:none;background:none;color:var(--ink-mute);font-size:12.5px;padding:8px 0;text-decoration:underline}

/* ---------- restitution ---------- */
#original .resti h2{font-family:var(--display);font-weight:500;font-size:1.5rem;line-height:1.2;margin:0 0 8px;text-wrap:balance}
#original .resti .sub{color:var(--ink-soft);font-size:14px;margin:0 0 26px}
#original .block-title{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);
  margin:0 0 12px;padding-bottom:7px;border-bottom:1px solid var(--rule)}
#original .said{margin:0 0 26px;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
#original .said li{font-size:14px;color:var(--ink-soft);padding-left:15px;position:relative}
#original .said li::before{content:"—";position:absolute;left:0;color:var(--ink-mute)}
#original .good{background:var(--sage-bg);border-left:3px solid var(--sage);padding:15px 17px;margin:0 0 26px;border-radius:0 3px 3px 0}
#original .good p{margin:0 0 7px;font-size:14px}#original .good p:last-child{margin:0}
#original .feux{display:flex;flex-direction:column;gap:9px;margin:0 0 26px}
#original .feu{display:flex;gap:12px;padding:13px 15px;border-radius:3px;border:1px solid var(--rule);background:var(--surface)}
#original .feu .dot{width:11px;height:11px;border-radius:50%;flex:0 0 11px;margin-top:5px}
#original .feu .t{font-weight:bold;font-size:14px;display:block;margin-bottom:2px}
#original .feu .d{font-size:12.5px;color:var(--ink-soft)}
#original .feu.rouge{background:var(--brick-bg);border-color:var(--brick)}#original .feu.rouge .dot{background:var(--brick)}
#original .feu.orange .dot{background:var(--amber)}
#original .feu.vert .dot,#original .feu.vide .dot{background:var(--sage)}
#original .constat{border-top:1px solid var(--rule);padding-top:16px;margin-top:16px}
#original .constat:first-child{border-top:none;padding-top:0;margin-top:0}
#original .constat h4{font-family:var(--display);font-size:1.05rem;font-weight:600;margin:0 0 6px;line-height:1.3}
#original .constat p{margin:0;font-size:13.5px;color:var(--ink-soft)}
#original .cta{display:block;width:100%;background:var(--accent);color:#fff;text-align:center;padding:15px;
  border-radius:3px;font-weight:bold;font-size:15px;border:none;margin-top:4px}
#original .cta-sub{text-align:center;font-size:12px;color:var(--ink-mute);margin:11px 0 0}
#original .field{width:100%;padding:12px 14px;border:1px solid var(--rule);border-radius:3px;background:var(--surface);
  color:var(--ink);font-family:var(--body);font-size:15px;margin-bottom:10px}
#original .check-line{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-soft);margin:14px 0}
#original .check-line input{margin-top:3px;accent-color:var(--accent)}
#original .confirm{background:var(--sage-bg);border-left:3px solid var(--sage);padding:16px 18px;border-radius:0 3px 3px 0;font-size:14px}

/* ---------- panneau conseiller ---------- */
#original .debug{margin-top:40px;border:1px dashed var(--ink-mute);border-radius:3px;background:var(--surface-2)}
#original .debug summary{cursor:pointer;padding:13px 16px;font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-mute)}
#original .debug .in{padding:0 16px 18px;font-size:13px}
#original .debug table{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:16px}
#original .debug th,#original .debug td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--rule)}
#original .debug th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-weight:normal}
#original .debug td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#original .codes{display:flex;flex-wrap:wrap;gap:5px}
#original .code{font-size:11px;border:1px solid var(--teal);color:var(--teal);border-radius:2px;padding:2px 7px}
#original footer{margin-top:34px;padding-top:18px;border-top:1px solid var(--rule);font-size:11.5px;color:var(--ink-mute)}
#original :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

@media(prefers-reduced-motion:reduce){#original *{transition:none!important}}

#diagnostic{scroll-margin-top:6rem}#original .debug .in{overflow-x:auto}#original #contact-status{padding:1rem;margin-top:1rem;background:var(--sc-sable-lo)}