
#dcm{--ink:#7b1818;--teal:#b03020;--gold:#d4450f;--paper:#faf5f3;--line:#ead9d5;--mut:#6b5a58;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#2b1d1d;max-width:880px;margin:0 auto;padding:20px;box-sizing:border-box}
#dcm *{box-sizing:border-box}
#dcm h2,#dcm h3{font-family:Manrope,"Times New Roman",serif;margin:0 0 .5em;line-height:1.2}
#dcm h2{font-size:clamp(1.5rem,4vw,2.1rem)}#dcm h3{font-size:1.25rem}
#dcm .card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(18px,4vw,34px)}
#dcm .mut{color:var(--mut);font-size:.92rem}
#dcm button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 22px;font-weight:600}
#dcm .pri{background:var(--teal);color:#fff}#dcm .pri:hover{background:#8f2618}
#dcm .sec{background:transparent;color:var(--mut);border:1px solid var(--line)}
#dcm button:focus-visible,#dcm input:focus-visible,#dcm select:focus-visible,#dcm textarea:focus-visible,#dcm label.opt:focus-within{outline:3px solid var(--gold);outline-offset:2px}
#dcm .bar{height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin:0 0 6px}
#dcm .bar i{display:block;height:100%;background:var(--teal);transition:width .35s}
#dcm .dim{color:var(--teal);font-weight:600;font-size:.9rem;margin:18px 0 4px}
#dcm .q{font-family:Georgia,serif;font-size:clamp(1.15rem,3vw,1.45rem);margin:0 0 18px}
#dcm label.opt{display:flex;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:10px;padding:13px 16px;margin:0 0 10px;cursor:pointer;transition:border-color .15s,background .15s}
#dcm label.opt:hover{border-color:var(--teal)}
.couleur-text{color:antiquewhite}
#dcm label.opt.on{border-color:var(--teal);background:#fbeeea}
#dcm input[type=radio]{accent-color:var(--teal);width:18px;height:18px;flex:none}
#dcm .nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}
#dcm .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
@media(max-width:640px){#dcm .hero{grid-template-columns:1fr}}
#dcm .score{font-family:Georgia,serif;font-size:4.2rem;line-height:1;color:var(--teal)}
#dcm .lvl{display:inline-block;background:var(--ink);color:#fff;border-radius:20px;padding:3px 14px;font-size:.88rem;margin:8px 0}
#dcm .dr{display:flex;justify-content:space-between;font-size:.92rem;margin-top:10px}
#dcm .rec{background:var(--ink);color:#fff;border-radius:14px;padding:clamp(20px,4vw,34px);margin-top:22px}
#dcm .rec h3{color:#fff}#dcm .price{font-family:Georgia,serif;font-size:2.2rem;color:#fff}
#dcm .rec ul{padding-left:20px;margin:10px 0}
#dcm .tw{overflow-x:auto;margin:10px 0}
#dcm table{border-collapse:collapse;width:100%;font-size:.9rem;min-width:520px}
#dcm th,#dcm td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left}
#dcm th{background:var(--paper)}#dcm td.c,#dcm th.c{text-align:center}
#dcm .hl{background:#fdebe3;font-weight:600}
#dcm .cond li{margin-bottom:6px}
#dcm .note{background:#fdebe3;border-left:4px solid var(--gold);padding:12px 16px;border-radius:6px;font-size:.9rem;margin:14px 0}
#dcm .fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){#dcm .fg{grid-template-columns:1fr}}
#dcm .fg label{display:flex;flex-direction:column;font-size:.88rem;font-weight:600;gap:4px}
#dcm .fg .w{grid-column:1/-1}
#dcm input[type=text],#dcm input[type=tel],#dcm select,#dcm textarea{font:inherit;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;width:100%}
#dcm .wa{background:#1fa855;color:#fff;margin-top:14px}#dcm .wa:hover{background:#188a45}
#dcm .err{color:#c0392b;font-size:.85rem;min-height:1.2em}
#dcm [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){#dcm *{transition:none!important}}

#dcm .tg{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:700}#dcm .bd{background:#f6dcdc;color:var(--ink)}#dcm .wn{background:#fde5da;color:var(--gold)}#dcm .ok{background:#e4f3e8;color:#1f7a3a}
#dcm s{opacity:.6;font-size:.55em;display:block;font-family:system-ui}#dcm .df{border-left:4px solid var(--teal);padding:4px 0 4px 14px;margin:12px 0}#dcm .ul{padding-left:20px;margin:8px 0}
