/* Fiches de révision imprimables (/examen-civique/pdf/). Couleurs : uniquement les variables de tokens.css.
   À l'écran : cartes empilées. À l'impression : une fiche = une page A4, sans en-tête ni pied du site. */
.fiche { background: var(--c-carte); border: 1px solid var(--c-trait); border-radius: var(--rayon-carte); padding: var(--e-5); margin-block: var(--e-6); }
.fiche h2 { margin-top: 0; }
.fiche h3 { font-size: 1.125rem; margin: var(--e-4) 0 var(--e-2); }
.fiche-marque { font-size: var(--t-petit); color: var(--c-texte-doux); margin: 0 0 var(--e-2); }
.fiche-tableau { width: 100%; border-collapse: collapse; font-size: var(--t-petit); }
.fiche-tableau th, .fiche-tableau td { border: 1px solid var(--c-trait); padding: var(--e-2) var(--e-3); text-align: start; vertical-align: top; }
.fiche-tableau thead th { background: var(--c-fond-2); }
.fiche-tableau tbody th { white-space: nowrap; }
.fiche-pieges { background: var(--c-accent-doux); color: var(--c-texte); border-radius: var(--rayon); padding: var(--e-3) var(--e-4); font-size: var(--t-petit); }
.fiche-pieges p { margin: 0 0 var(--e-2); }
.fiche-pieges ul { margin: 0; padding-inline-start: var(--e-5); }
.fiche-sources, .fiche-suite { font-size: var(--t-petit); color: var(--c-texte-doux); margin: var(--e-3) 0 0; }
.fiche-actions { display: flex; flex-wrap: wrap; gap: var(--e-3); margin: var(--e-4) 0 0; }

@page { size: A4; margin: 12mm; }
@media print {
  .bandeau, .entete, .pied, .aller-contenu, .ariane, .surtitre, .auteur, .chapo, .guide-faq, .guide-suite,
  .sources, .fiche-actions, .pdf-intro, .pdf-bas, h1, [data-imprimer], .fiche-ecran { display: none !important; }
  body { background: var(--c-fond); color: var(--c-texte); font-size: 10pt; line-height: 1.35; }
  .guide, .cadre, .texte { padding: 0; margin: 0; max-width: none; }
  .fiche { border: 0; border-radius: 0; padding: 0; margin: 0; break-after: page; break-inside: avoid; background: var(--c-fond); }
  .fiche:last-of-type { break-after: auto; }
  .fiche.hors-impression { display: none !important; }
  .fiche h2 { font-size: 20pt; margin: 0 0 4mm; }
  .fiche h3 { font-size: 11pt; margin: 3mm 0 1.5mm; }
  .fiche p, .fiche li { margin-bottom: 1.5mm; }
  .fiche-defile { overflow: visible; }
  .fiche-tableau { font-size: 9pt; }
  .fiche-tableau th, .fiche-tableau td { padding: 1.3mm 2mm; border-color: var(--c-texte-doux); }
  .fiche-pieges { border: 1px solid var(--c-texte-doux); background: var(--c-fond); }
  .fiche-sources, .fiche-suite { font-size: 8pt; color: var(--c-texte); }
  a { color: var(--c-texte); text-decoration: none; }
}
[hidden] { display: none !important; }