/* ───────────────────────────────────────────────────────────────────────────
   css2026/lecon.css — styles communs au CORPS des leçons (fragment généré par
   pandoc depuis lecon.body.tex). Remplace les <style> inline jadis dupliqués
   dans chaque coll/lX/theme/leconN.txt.

   Les classes (.definition/.propriete/.theoreme/.exemple/.application/
   .remarque) portent les MÊMES noms que les environnements LaTeX → cohérence
   PDF / HTML / slides. Couleurs alignées sur le PDF (template fiches).
   ─────────────────────────────────────────────────────────────────────────── */

.lecon-contenu {
  line-height: 1.6;
  color: #222;
  /* Pleine largeur du contenu : s'aligne sur le bloc TBI et le fil d'Ariane
     (le body fournit déjà la marge 5%). */
  margin: 1.5rem 0;
  /* Carte blanche : la leçon se détache du fond de page. */
  background: #fff;
  padding: 1.8rem 2.2rem;
  border-radius: 12px;
  box-shadow: 0 1px 10px rgba(0,0,0,0.10);
}
@media (max-width: 600px) {
  .lecon-contenu { padding: 1rem 1.1rem; border-radius: 8px; }
}

.lecon-contenu h1 {
  color: #003366;
  border-bottom: 2px solid #003366;
  padding-bottom: 0.3rem;
  margin-top: 2rem;
  font-size: 1.6rem;
}
.lecon-contenu h2 {
  color: #005ea2;
  margin-top: 1.5rem;
  font-size: 1.25rem;
}
.lecon-contenu p { margin: 0.8rem 0; }

/* Figures centrées (pandoc enveloppe \begin{center} en div.center). */
.lecon-contenu .center { text-align: center; }
.lecon-contenu img {
  display: block;
  margin: 1.2em auto;
  /* Plafond raisonnable : figures centrées, ni géantes ni étirées. */
  max-height: 360px;
  max-width: 70%;
  width: auto;
  height: auto;
  border-radius: 8px;
  border: 1px solid #e2e2e2;
  background: #fff;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
/* Léger zoom au survol pour inviter à regarder la figure de près. */
.lecon-contenu img:hover {
  transform: scale(1.04);
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
@media (max-width: 600px) {
  .lecon-contenu img { max-width: 100%; max-height: 300px; }
}

/* ── Boîtes sémantiques (barre latérale colorée + titre) ── */
.lecon-contenu .definition,
.lecon-contenu .propriete,
.lecon-contenu .theoreme,
.lecon-contenu .exemple,
.lecon-contenu .remarque {
  padding: 0.8rem 1rem 0.8rem 1.1rem;
  margin: 1rem 0;
  border-left: 4px solid;
  border-radius: 6px;
}
.lecon-contenu .definition,
.lecon-contenu .propriete,
.lecon-contenu .theoreme,
.lecon-contenu .exemple,
.lecon-contenu .remarque { position: relative; }

/* Titre auto au-dessus de chaque boîte (équivalent du fonttitle LaTeX). */
.lecon-contenu .definition::before,
.lecon-contenu .propriete::before,
.lecon-contenu .theoreme::before,
.lecon-contenu .exemple::before,
.lecon-contenu .remarque::before {
  display: block;
  font-weight: 700;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.35rem;
}
.lecon-contenu .definition { background: #eef4ff; border-color: #1e4fa0; }
.lecon-contenu .definition::before { content: "Définition"; color: #1e4fa0; }

.lecon-contenu .propriete { background: #fff4e8; border-color: #c46a10; }
.lecon-contenu .propriete::before { content: "Propriété"; color: #c46a10; }

.lecon-contenu .theoreme { background: #fff4e8; border-color: #c46a10; }
.lecon-contenu .theoreme::before { content: "Théorème"; color: #c46a10; }

.lecon-contenu .exemple { background: #ecf8ec; border-color: #2e8b2e; }
.lecon-contenu .exemple::before { content: "Exemple"; color: #2e8b2e; }

.lecon-contenu .remarque { background: #f3f3f3; border-color: #777; }
.lecon-contenu .remarque::before { content: "Remarque"; color: #555; }

/* Application : reformulation « sur la figure », gris, sans titre. */
.lecon-contenu .application {
  background: #f7f7f7;
  border-left: 2px solid #bbb;
  padding: 0.5rem 1rem;
  margin: 0.8rem 0;
  color: #444;
  border-radius: 4px;
}

/* Compétences exigibles : bloc final discret. */
.lecon-contenu .unnumbered h1,
.lecon-contenu h1.unnumbered { font-size: 1.2rem; border-bottom-style: dotted; }

/* Tableau de numération (env LaTeX `numeration`). pandoc perd \cellcolor → on
   recolore ici, comme dans le PDF : en-têtes jaunes, colonnes cyan dégradées
   par position (unités / dizaines / centaines de chaque tranche). */
.lecon-contenu .numeration table {
  border-collapse: collapse;
  margin: 1.2em auto;
}
.lecon-contenu .numeration th,
.lecon-contenu .numeration td {
  border: 1px solid #8aacb3;
  padding: 6px 12px;
  text-align: center;
  font-weight: 600;
}
.lecon-contenu .numeration thead th { background: #faf6cf; }
.lecon-contenu .numeration tbody td:nth-child(3n+1) { background: #e8fbff; }
.lecon-contenu .numeration tbody td:nth-child(3n+2) { background: #c3f1fb; }
.lecon-contenu .numeration tbody td:nth-child(3n)   { background: #8fe3f2; }