@page {
  size: A4;
  margin: 18mm;
}

html, body {
  background: #fff !important;
  color: #000 !important;
  font-family: "Fraunces", Georgia, "Times New Roman", serif !important;
  font-size: 11pt;
  line-height: 1.5;
}

.header,
.tabs,
#panel-flashcards,
#panel-qcm,
.flashcards,
.qcm,
.no-print {
  display: none !important;
}

/* La fiche peut être masquée à l'écran (onglet inactif) mais doit s'imprimer. */
#panel-lire,
#panel-lire[hidden] {
  display: block !important;
  visibility: visible !important;
}

.main { padding: 0 !important; }
.container { max-inline-size: none !important; }

.fiche h1 {
  font-size: 20pt;
  margin-bottom: 12pt;
}
.fiche h2 {
  font-size: 14pt;
  border-bottom: 0.5pt solid #000 !important;
  page-break-after: avoid;
  margin-top: 14pt;
}
.fiche h3 {
  font-size: 12pt;
  page-break-after: avoid;
  margin-top: 10pt;
}
.fiche p, .fiche li {
  orphans: 3;
  widows: 3;
}
.fiche blockquote {
  background: #f4f1ec !important;
  color: #333 !important;
  page-break-inside: avoid;
}
.fiche code:not(pre code) {
  background: #f4f1ec !important;
  border: none !important;
  padding: 0 2pt;
}
.fiche a {
  color: #000 !important;
  text-decoration: underline;
}
.fiche a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 9pt;
  color: #555;
  font-style: italic;
}
.fiche strong {
  color: #000 !important;
  font-weight: 700;
}