/* Mise en forme du guide d'utilisation : utilisée par aide/guide.html (et son PDF) et par
   l'écran « Aide » de l'application. Les couleurs reprennent celles de l'application quand
   elles existent (thème clair ou sombre). */
.guide { line-height: 1.55; }
.guide h2 { color: var(--marque, #1f3864); font-size: 20px; margin: 28px 0 8px; padding-bottom: 4px;
  border-bottom: 2px solid var(--marque, #1f3864); }
.guide h3 { font-size: 16px; margin: 18px 0 6px; }
.guide p, .guide li { color: var(--texte, #1d1d1f); }
.guide ul, .guide ol { padding-left: 22px; }
.guide li { margin: 3px 0; }
.guide code, .guide pre { font-family: Consolas, "Courier New", monospace; font-size: 13px;
  background: var(--surface-2, #f2f2f2); border-radius: 4px; }
.guide code { padding: 1px 4px; }
.guide pre { padding: 8px 10px; white-space: pre-wrap; word-break: break-all; }
.guide table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 8px 0; }
.guide th, .guide td { text-align: left; vertical-align: top; padding: 6px 8px; white-space: normal;
  border-bottom: 1px solid var(--bordure, #d0d0d0); }
.guide th { background: var(--marque, #1f3864); color: #fff; font-size: 13px; }
.guide .encadre { background: var(--surface-2, #deeaf6); border-left: 4px solid var(--marque, #1f3864);
  padding: 10px 14px; margin: 12px 0; border-radius: 4px; }
.guide figure { margin: 12px 0; text-align: center; }
.guide figure img { max-width: 100%; max-height: 420px; border: 1px solid var(--bordure, #d0d0d0); border-radius: 8px; }
.guide figcaption { font-size: 12px; color: var(--texte-2, #595959); margin-top: 4px; }
.guide .sommaire { background: var(--surface-2, #f2f2f2); padding: 10px 16px; border-radius: 8px; }
.guide .sommaire ol { margin: 6px 0 0; columns: 2; }
.guide .sommaire a { color: inherit; }

@media print {
  @page { size: A4; margin: 14mm 12mm; }
  .guide h2 { break-after: avoid; }
  .guide h3 { break-after: avoid; }
  .guide table, .guide figure, .guide .encadre, .guide pre { break-inside: avoid; }
  .guide figure img { max-height: 300px; }
}