/* ============================================================
   Impression

   Une page imprimée coûte du papier et de l'encre : cette feuille
   ne garde que ce qui se lit. Elle retire la navigation, le pied
   de page, la colonne d'annotations, les décors et les images qui
   n'apportent rien sur papier, et remet le texte en noir sur blanc.
   Les fonds, ombres et couleurs partent aussi : un aplat coûte
   plus d'encre que tout le texte de la page.
   ============================================================ */
@media print {
  @page { margin: 15mm 14mm }

  /* ---- ce qui ne s'imprime pas ---- */
  .topbar, footer, .saut-contenu, .acces-bouton, .acces, .sondage, .barre-designs,
  .grain, .lueur, .progres, .ticker, .dim-voile, .sceau, .brouillon, .horloge,
  .verre, .rature, .griffonne, .lampe, .tache, .hermine-fond, .ciel,
  .decor, .scene, .epoque, .trace, .colophon,
  .actions, .btn, .ecobadge, .marge__villes, .formulaire, .presta__coche,
  .prestations__aide, .retour, .suivant, .lecture, .projet__lien, .preuve span {
    display: none !important;
  }

  /* ---- les décors en image partent, les captures du contenu restent ---- */
  .decor img, .scene img, .lecture img { display: none !important }

  /* ---- noir sur blanc, sans aplats ---- */
  html, body {
    background: #fff !important; color: #000 !important;
    font-size: 10.5pt; line-height: 1.4;
  }
  * { background-image: none !important; box-shadow: none !important; text-shadow: none !important }
  :is(p, li, td, th, dd, dt, figcaption, small, span, b, strong, em, h1, h2, h3, h4) { color: #000 !important }
  .note, .faq__item, .presta, .offre, .etape, .savoir > div, .enbref, .decision,
  .contraintes, .options, .offres__suite, .preuve, .projet, .regle, .chantier {
    background: #fff !important; border-color: #999 !important; box-shadow: none !important;
    transform: none !important; break-inside: avoid;
  }

  /* ---- la mise en page redevient une colonne ---- */
  .wrap { max-width: none !important; padding-inline: 0 !important }
  .doc, .projets, .prestations, .preuves, .savoir, .methode, .captures, .moi, .qui, .frise, .offres-grille {
    display: block !important;
  }
  .section { padding-block: 6mm !important; border: 0 !important }

  /* ---- la colonne d'annotations passe après le texte, en petit ---- */
  .marge { display: block !important; margin-top: 5mm }
  .marge .note { border: 0 !important; border-top: 1px solid #ccc !important;
                 padding: 2mm 0 0 !important; margin: 3mm 0 0 !important; font-size: 8.5pt }

  /* ---- les images du contenu, réduites et jamais coupées ---- */
  figure, img { break-inside: avoid; page-break-inside: avoid }
  .capture img, .projet__capture img, .preuve__capture img, .portrait img {
    max-width: 78mm !important; height: auto !important; border: 1px solid #ccc !important;
  }

  /* ---- titres : jamais seuls en bas de page ---- */
  h1, h2, h3 { break-after: avoid; page-break-after: avoid; color: #000 !important }
  h1 { font-size: 20pt } h2 { font-size: 14pt } h3 { font-size: 11.5pt }

  /* ---- les liens : leur adresse ne s'imprime pas, elle allongerait le document ---- */
  a { color: #000 !important; text-decoration: underline }
}