/* Siffle Juste – Défi du jour (page publique). © 2026 Ghislain DEMONDA – Tous droits réservés.
   Uniquement les variables de /assets/sj.css (thèmes, mode sombre, contraste renforcé). */
.skip{position:absolute;left:-9999px;top:0;background:var(--surface);color:var(--text);padding:8px 12px;z-index:20}
.skip:focus{left:8px;top:8px}
main:focus,h1:focus,h2:focus{outline:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.theme-panel{max-width:960px;margin:0 auto;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}
.kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:650;margin:6px 0}
.lead{font-size:1.02rem;color:var(--muted);max-width:62ch;margin:0 0 14px}
.dtabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 16px}
.dtab{border:1px solid var(--border);border-radius:99px;padding:6px 14px;text-decoration:none;color:var(--text);background:var(--surface);font-size:.92rem}
.dtab.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.bar{height:6px;background:var(--border);border-radius:99px;overflow:hidden;margin:6px 0 12px}
.bar>div{height:100%;background:var(--accent)}
.qtext{font-size:1.15rem;line-height:1.4;margin:6px 0 10px}
fieldset.dopts{border:0;padding:0;margin:0}
.dopt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:8px;margin:8px 0;cursor:pointer;background:var(--surface)}
.dopt:hover{border-color:var(--accent)}
.dopt:focus-within{outline:3px solid var(--accent);outline-offset:1px}
.dopt input{margin-top:4px;flex:none}
.dopt .l{font-weight:700;color:var(--accent);flex:none}
.dopt .t{flex:1}
.dopt .st{font-size:.8rem;font-weight:650;flex:none}
.dopt.good{background:var(--okbg);border-color:var(--ok)}
.dopt.bad{background:var(--kobg);border-color:var(--ko)}
.dfb{border-left:4px solid var(--accent);background:var(--accent-bg);padding:10px 12px;border-radius:6px;margin-top:10px}
.dfb.ok{border-left-color:var(--ok)}.dfb.ko{border-left-color:var(--ko)}
.dfb p{margin:4px 0}.dfb .res{font-weight:700}
.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.row.end{justify-content:flex-end}
.corr{padding-left:1.2em}.corr li{margin:0 0 16px}.corr .cq{font-weight:650;margin:0 0 4px}
.ua{margin:2px 0}.ua.ok{color:var(--ok)}.ua.ko{color:var(--ko)}
.corr-h{margin:18px 0 8px}
.cta{border-color:var(--accent)}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.gcard{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--surface)}
.gcard h3{margin:0 0 6px}
.res-ok{color:var(--ok);font-weight:650}.res-ko{color:var(--ko);font-weight:650}
.hidden{display:none}
@media (max-width:480px){.qtext{font-size:1.05rem}.card{padding:14px}}
/* V3-CORRECTIFS début : signaler une question */
.rep-box{margin-top:10px}
.rep-form fieldset{border:0;padding:0;margin:0 0 8px;min-width:0}
.rep-form legend{font-weight:600;margin-bottom:4px;padding:0}
.rep-form .check{display:block;margin:4px 0}
.rep-form textarea{width:100%}
/* V3-CORRECTIFS fin */