/* =============================================================
   COURS DE LANGUES BIBLIQUES — feuille propre
   ============================================================= */
:root{
  --cl-encre:#2b2620; --cl-parch:#fdfbf5; --cl-or:#b8963f; --cl-or-pale:#e3d7b8;
  --cl-vert:#4a6b45; --cl-rouge:#8a3a3a; --cl-bleu:#2c4a6b; --cl-gris:#6e6862;
}
.cl-he{font-family:"SBL Hebrew","Ezra SIL","Times New Roman",serif;font-size:1.5em;
  direction:rtl;unicode-bidi:isolate;line-height:1.9}
.cl-gr{font-family:"SBL Greek","Gentium Plus","Times New Roman",serif;font-size:1.25em}
.cl-translit{font-style:italic;color:var(--cl-gris)}

/* Bandeau de progression */
.cl-progression{display:flex;align-items:center;gap:1rem;border:1px solid var(--cl-or-pale);
  border-radius:4px;padding:.8rem 1.2rem;background:var(--cl-parch);margin:1.5rem 0;flex-wrap:wrap}
.cl-progression .cl-stat{font-family:system-ui,sans-serif;font-size:.8rem;color:var(--cl-gris)}
.cl-progression .cl-stat b{display:block;font-size:1.4rem;color:var(--cl-encre);font-weight:600}
.cl-barre{flex:1;min-width:140px;height:8px;background:#e8e2d4;border-radius:4px;overflow:hidden}
.cl-barre span{display:block;height:100%;background:var(--cl-or);width:0;transition:width .4s}

/* Carte de révision */
.cl-carte{border:1px solid var(--cl-or-pale);border-radius:6px;background:#fff;
  padding:2rem 1.5rem;text-align:center;margin:1.5rem 0;min-height:200px;
  display:flex;flex-direction:column;justify-content:center;gap:.8rem}
.cl-carte-recto{font-size:2rem}
.cl-carte-verso{display:none}
.cl-carte.cl-revele .cl-carte-verso{display:block}
.cl-carte-sens{font-size:1.2rem;font-weight:600}
.cl-carte-info{font-size:.85rem;color:var(--cl-gris);font-family:system-ui,sans-serif}
.cl-boutons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.cl-btn{font-family:system-ui,sans-serif;font-size:.85rem;padding:.55rem 1.1rem;border-radius:4px;
  border:1px solid var(--cl-or-pale);background:#fff;cursor:pointer;transition:.15s}
.cl-btn:hover{background:var(--cl-parch)}
.cl-btn-1{border-color:var(--cl-rouge);color:var(--cl-rouge)}
.cl-btn-2{border-color:#a07a2a;color:#a07a2a}
.cl-btn-3{border-color:var(--cl-vert);color:var(--cl-vert)}
.cl-btn-prim{background:var(--cl-encre);color:#fff;border-color:var(--cl-encre)}
.cl-btn-prim:hover{background:#443c33}

/* Tableau de lexique */
.cl-lexique table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}
.cl-lexique th{background:var(--cl-parch);text-align:left;padding:.6rem;border-bottom:2px solid var(--cl-or-pale);
  font-family:system-ui,sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--cl-gris)}
.cl-lexique td{padding:.6rem;border-bottom:1px solid #eee;vertical-align:middle}
.cl-lexique tr:hover td{background:#fdfcf8}
.cl-occ{font-family:system-ui,sans-serif;font-size:.8rem;color:var(--cl-gris);white-space:nowrap}

/* Paradigme */
.cl-paradigme table{border-collapse:collapse;margin:1rem 0;font-size:.95rem}
.cl-paradigme th,.cl-paradigme td{border:1px solid var(--cl-or-pale);padding:.5rem .8rem;text-align:center}
.cl-paradigme th{background:var(--cl-parch);font-family:system-ui,sans-serif;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.04em;color:var(--cl-gris)}
.cl-paradigme .cl-cle{background:rgba(184,150,63,.12)}

/* Analyseur morphologique */
.cl-analyse{border:1px solid var(--cl-or-pale);border-radius:6px;padding:1.5rem;background:var(--cl-parch);margin:1.5rem 0}
.cl-analyse-forme{font-size:2rem;text-align:center;margin-bottom:1rem}
.cl-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}
.cl-champs label{display:block;font-family:system-ui,sans-serif;font-size:.75rem;
  text-transform:uppercase;letter-spacing:.04em;color:var(--cl-gris);margin-bottom:.25rem}
.cl-champs select,.cl-champs input{width:100%;padding:.45rem;border:1px solid var(--cl-or-pale);
  border-radius:3px;font:inherit;background:#fff}
.cl-verdict{margin-top:1rem;padding:.8rem 1rem;border-radius:4px;font-size:.9rem;display:none}
.cl-verdict.cl-juste{display:block;background:rgba(74,107,69,.1);border-left:3px solid var(--cl-vert)}
.cl-verdict.cl-faux{display:block;background:rgba(138,58,58,.08);border-left:3px solid var(--cl-rouge)}

/* Atelier de traduction */
.cl-atelier{border:1px solid var(--cl-or-pale);border-radius:6px;background:#fff;padding:1.5rem;margin:1.5rem 0}
.cl-verset{direction:rtl;text-align:right;font-size:1.7rem;line-height:2.4;margin:1rem 0;
  font-family:"SBL Hebrew","Ezra SIL",serif}
.cl-verset.cl-ltr{direction:ltr;text-align:left;font-family:"SBL Greek","Gentium Plus",serif;font-size:1.35rem}
.cl-mot{cursor:pointer;padding:2px 4px;border-radius:3px;transition:.15s;border-bottom:2px dotted transparent}
.cl-mot:hover{background:rgba(184,150,63,.15)}
.cl-mot.cl-vu{border-bottom-color:var(--cl-or)}
.cl-glose{display:none;margin:1rem 0;padding:1rem;background:var(--cl-parch);border-radius:4px;
  border-left:3px solid var(--cl-or);font-size:.92rem}
.cl-glose.cl-actif{display:block}
.cl-glose dt{font-family:system-ui,sans-serif;font-size:.72rem;text-transform:uppercase;
  letter-spacing:.04em;color:var(--cl-gris);margin-top:.5rem}
.cl-glose dd{margin:.15rem 0 0}
.cl-essai{width:100%;min-height:80px;padding:.7rem;border:1px solid var(--cl-or-pale);
  border-radius:4px;font:inherit;margin:.5rem 0}
.cl-modele{display:none;margin-top:1rem;padding:1rem;background:rgba(74,107,69,.06);
  border-left:3px solid var(--cl-vert);border-radius:4px}
.cl-modele.cl-actif{display:block}

/* Carte d'unité */
.cl-unites{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin:1.5rem 0}
.cl-unite{border:1px solid var(--cl-or-pale);border-radius:6px;padding:1rem 1.2rem;background:#fff;
  text-decoration:none;color:inherit;display:block;transition:.15s}
.cl-unite:hover{box-shadow:0 2px 10px rgba(0,0,0,.07);border-color:var(--cl-or)}
.cl-unite.cl-bloque{opacity:.5;pointer-events:none}
.cl-unite-num{font-family:system-ui,sans-serif;font-size:.72rem;text-transform:uppercase;
  letter-spacing:.06em;color:var(--cl-or);font-weight:600}
.cl-unite h3{margin:.3rem 0;font-size:1rem}
.cl-unite p{margin:0;font-size:.82rem;color:var(--cl-gris)}
.cl-unite-etat{margin-top:.6rem;font-size:.75rem;font-family:system-ui,sans-serif;color:var(--cl-vert)}

.cl-avert{border-left:3px solid var(--cl-or);background:var(--cl-parch);padding:1rem 1.2rem;
  margin:1.5rem 0;border-radius:0 4px 4px 0;font-size:.93rem}
.cl-avert b{color:var(--cl-encre)}
@media(max-width:700px){.cl-carte-recto{font-size:1.6rem}.cl-verset{font-size:1.4rem;line-height:2.1}}