/* capa-cours.css — composants des COURS CAPa en auto-apprentissage (mapse.fr).
   Complète fiche.css (mêmes variables --accent/--paper/--rule/--panel/--accent-soft/--ink-2…),
   donc hérite automatiquement des modes accessibilité (dys / contraste / teinte) de fiche.js.
   N'écrase aucune classe de fiche.css. Généré par build_cours_capa_web.py. */

/* italique réel (fiche.css redéfinit em en gras non-italique) */
.capa i{font-style:italic;font-weight:inherit}

/* objectif d'en-tête */
.capa-objectif{margin:10px 0 0;color:var(--ink-2)}

/* séance : réutilise .sec/.sec-head ; petit numéro */
.capa-seance-num{display:inline-block;background:var(--accent);color:#fff;border-radius:8px;
  font-family:var(--disp);font-weight:700;font-size:.8rem;padding:2px 9px;margin-right:8px;vertical-align:middle}
.capa-seance-obj{color:var(--ink-2);margin:0 0 4px}

/* situation-problème (fil rouge du module) */
.capa-situation{background:var(--accent-soft);border:1px solid var(--accent);border-left:5px solid var(--accent);
  border-radius:14px;padding:14px 16px;margin-top:14px}
.capa-situation .capa-tag{display:inline-block;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;
  letter-spacing:.06em;color:var(--accent-2);font-weight:700;margin-bottom:6px}
.capa-situation p{margin:0}

.capa-analyse{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  font-size:.9rem;color:var(--accent-2);margin:18px 0 6px}

/* QQOQCP */
.capa-qqoqcp{margin-top:12px}
.capa-qqoqcp .capa-consigne{font-weight:700;margin:0 0 8px}
.capa-qqoqcp table{width:100%;border-collapse:collapse}
.capa-qqoqcp th{width:92px;text-align:left;vertical-align:top;padding:7px 8px;border-bottom:1px solid var(--rule);
  font-family:var(--disp);color:var(--accent-2)}
.capa-qqoqcp td{padding:7px 8px;border-bottom:1px solid var(--rule);vertical-align:top}

/* documents */
.capa-document{margin:14px 0 0;padding:0}
.capa-document.capa-cadre{background:var(--panel);border:1px solid var(--rule);border-radius:12px;padding:14px 16px}
.capa-document figcaption{font-family:var(--disp);font-weight:700;margin-bottom:6px}
.capa-doclabel{display:inline-block;background:var(--accent-2);color:#fff;border-radius:6px;
  font-family:var(--mono);font-size:.72rem;padding:2px 7px;margin-right:6px}
.capa-document p{margin:6px 0}
.capa-source{font-size:.82rem;color:var(--ink-2);font-style:italic;margin-top:8px!important}
.capa-doc-img{max-width:100%;height:auto;border-radius:8px;margin-top:8px}

/* placeholder image manquante (à remplacer plus tard) */
.capa-img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border:2px dashed var(--accent);border-radius:12px;background:repeating-linear-gradient(45deg,var(--accent-soft),var(--accent-soft) 12px,transparent 12px,transparent 24px);
  color:var(--accent-2);padding:22px 14px;margin:10px 0;text-align:center;min-height:90px}
.capa-img-placeholder span{font-family:var(--disp);font-weight:700}
.capa-img-placeholder small{font-family:var(--mono);font-size:.72rem;color:var(--ink-2);word-break:break-all}

/* texte libre */
.capa-texte{margin:12px 0}

/* champs de réponse (le travail de l'élève reste dans sa page, jamais envoyé) */
.capa-champ{width:100%;font-family:inherit;font-size:.95rem;border:1px solid var(--rule);border-radius:8px;
  padding:8px 10px;background:var(--paper);color:var(--ink);margin-top:6px}
textarea.capa-champ{resize:vertical;min-height:38px}
input.capa-champ{margin-top:0}

/* questions : encart réutilisant .test .q + <details> de fiche.css.
   Chaque question est rendue dans <div class="test"><div class="q">…</div></div>. */
.capa-qnum{display:inline-block;background:var(--accent);color:#fff;min-width:24px;height:24px;padding:0 6px;
  border-radius:50px;text-align:center;line-height:24px;font-family:var(--disp);font-weight:700;font-size:.82rem;margin-right:7px}
.capa-badge{display:inline-block;background:var(--accent-soft);color:var(--accent-2);border:1px solid var(--accent);
  border-radius:50px;font-family:var(--mono);font-size:.7rem;font-weight:700;padding:1px 8px;letter-spacing:.03em}
.capa-badge-sm{font-size:.64rem;padding:0 6px;vertical-align:middle}
.capa-corrige{margin-top:8px}
.capa-corrige .capa-rep{margin:8px 0 0}
.capa-corrige .capa-expl{margin:8px 0 0;color:var(--ink-2);font-size:.93rem}

/* À retenir (notions) */
.capa-notions{margin-top:16px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:14px;padding:14px 18px}
.capa-notions h3{margin:0 0 8px;font-family:var(--disp);color:var(--accent-2)}
.capa-notions dl{margin:0}
.capa-notions dt{font-family:var(--disp);font-weight:700;margin-top:8px}
.capa-notions dd{margin:2px 0 0;color:var(--ink-2);font-size:.94rem}

/* ---- activités auto-corrigées ---- */
.capa-activite{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:14px 16px;margin-top:16px}
.capa-activite .capa-consigne{font-weight:700;margin:0 0 10px}
.capa-activite ul,.capa-activite ol{list-style:none;margin:0;padding:0}
.capa-activite li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  border:1px solid var(--rule);border-radius:10px;padding:9px 12px;margin-bottom:8px;background:var(--panel)}
.capa-activite li>span:first-child{flex:1;min-width:150px}
.capa-activite select{font-family:inherit;font-size:.9rem;padding:6px 8px;border:1px solid var(--rule);border-radius:8px;
  background:var(--paper);color:var(--ink)}
.capa-vf-btns{display:flex;gap:12px}
.capa-vf-btns label{font-weight:700;display:flex;align-items:center;gap:4px;cursor:pointer}
.capa-verifier,.capa-ae-valider{margin-top:4px}
.capa-feedback{margin:10px 0 0;font-weight:700;min-height:1em}
.capa-activite li.ok{border-color:var(--accent);background:var(--accent-soft)}
.capa-activite li.ko{border-color:var(--alert);background:#fdecea}
body.contrast .capa-activite li.ko{background:#3a1512}

/* auto-évaluation notée localement */
.capa-autoeval h3{font-family:var(--disp);color:var(--accent-2);margin:0 0 10px}
.capa-autoeval .capa-ae-q{display:block;background:var(--panel);border:1px solid var(--rule);border-radius:10px;
  padding:11px 13px;margin-bottom:10px}
.capa-autoeval .capa-ae-opts{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.capa-ae-opt{display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid var(--rule);border-radius:8px;
  background:var(--paper);cursor:pointer}
.capa-ae-opt.ok{border-color:var(--accent);background:var(--accent-soft);font-weight:700}
.capa-ae-opt.ko{border-color:var(--alert);background:#fdecea}
body.contrast .capa-ae-opt.ko{background:#3a1512}
.capa-ae-score{margin:12px 0 0;font-family:var(--disp);font-weight:700;font-size:1.15rem}
.capa-remed-zone{margin-top:12px}
.capa-remed{border-radius:10px;padding:10px 13px;margin:6px 0;font-size:.94rem}
.capa-remed-rouge{background:#fdecea;border:1px solid var(--alert)}
.capa-remed-orange{background:#fff4e0;border:1px solid #d98317}
.capa-remed-vert{background:var(--accent-soft);border:1px solid var(--accent)}
.capa-remed[hidden]{display:none}

/* rappel « travail privé » */
.capa-note-privee{font-size:.8rem;color:var(--ink-2);background:var(--panel);border-radius:8px;padding:8px 11px;margin-top:8px}