/* exos-v1 — tuiles d'exercices guidés (TDAH, Autisme) (sans ombres portées, sans flash) ; chaque rubrique a sa couleur (--td-c) */
.ex-ecran .td-contenu{display:flex;flex-direction:column;gap:14px}
.ex-ecran .td-intro{padding:12px 14px;border-radius:16px;border:1px solid rgba(127,207,192,.26);background:linear-gradient(135deg,rgba(127,207,192,.12),rgba(255,179,71,.06))}
.ex-ecran .td-intro-t{margin:0 0 6px;line-height:1.5}
.ex-ecran .td-rub{padding:12px 14px;border-radius:18px;border:1px solid var(--trait,rgba(255,255,255,.16));background:var(--voile,rgba(255,255,255,.05));border-left:4px solid var(--td-c)}
.ex-ecran .td-rub-t{margin:0;font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:1.3rem}
.ex-ecran .td-rub-s{margin:2px 0 10px;font-size:.9rem;color:var(--encre-douce);line-height:1.4}
.ex-ecran .td-liste{display:flex;flex-direction:column;gap:6px}
.ex-ecran .td-exo{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 12px;border-radius:14px;border:1px solid var(--trait,rgba(255,255,255,.14));background:rgba(255,255,255,.04);color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ex-ecran .td-exo.ferme{opacity:.78}
.ex-ecran .td-exo-txt{display:flex;flex-direction:column;flex:1;min-width:0}
.ex-ecran .td-exo-txt b{font-weight:600}
.ex-ecran .td-exo-d{font-size:.8rem;color:var(--encre-douce)}
.ex-ecran .td-chev{flex:none;font-size:1.2rem;color:var(--td-c)}
/* un exercice */
.ex-ecran .td-tete{display:flex;flex-direction:column;gap:4px}
.ex-ecran .td-tete .lien{margin:0;align-self:flex-start}
.ex-ecran .td-titre{margin:0;font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:1.6rem;color:var(--td-c)}
.ex-ecran .td-etapes{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px;line-height:1.5}
.ex-ecran .td-etapes li::marker{color:var(--encre-douce);font-weight:600}
.ex-ecran .td-champ{display:flex;flex-direction:column;gap:6px}
.ex-ecran .td-champ label{font-size:.9rem;color:var(--encre-douce)}
.ex-ecran .td-champ input,.ex-ecran .td-champ textarea,.ex-ecran .td-coche input[type=text]{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid var(--trait,rgba(255,255,255,.2));background:var(--voile,rgba(255,255,255,.06));color:inherit;font:inherit}
.ex-ecran .td-minuteur{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--trait,rgba(255,255,255,.14));background:var(--voile,rgba(255,255,255,.05))}
.ex-ecran .td-min-aff{margin:0;font-family:'Newsreader',Georgia,serif;font-size:2.6rem;line-height:1;font-variant-numeric:tabular-nums}
.ex-ecran .td-min-choix{display:flex;gap:6px}
.ex-ecran .td-min-b{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--trait,rgba(255,255,255,.2));background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
.ex-ecran .td-min-b.actif{background:var(--sauge,#7FCFC0);color:#0B1F1E;border-color:transparent}
.ex-ecran .td-coches{display:flex;flex-direction:column;gap:8px}
.ex-ecran .td-coches-t{margin:0;font-weight:600}
.ex-ecran .td-coche{display:flex;align-items:center;gap:10px}
.ex-ecran .td-coche input[type=checkbox]{width:24px;height:24px;flex:none;accent-color:var(--sauge,#7FCFC0)}
.ex-ecran .td-coche.fait input[type=text]{text-decoration:line-through;color:var(--encre-douce)}
.ex-ecran .td-thermo{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-radius:18px;border:1px solid var(--trait,rgba(255,255,255,.14));background:var(--voile,rgba(255,255,255,.05))}
.ex-ecran .td-thermo-aff{margin:0;font-family:'Newsreader',Georgia,serif;font-size:2rem}
.ex-ecran .td-thermo input[type=range]{width:100%;accent-color:#9FC4FF}
.ex-ecran .td-fait{align-self:flex-start}
.ex-ecran .action{align-self:center}