/* Impression, chargée sur toutes les pages du livre (media="print").
   Hors couche : elle passe devant livre.css et page.css sans surenchère
   de spécificité. Le livre s'imprime à plat, sur papier blanc : couverture
   et quatrième en flux, à la hauteur de leur contenu, texte en encre ; rien
   de collant ni de fixe, ni barre, ni sommaire, ni page de gauche, ni
   trame (la photo directe). Les liens externes impriment leur adresse.
   Valeurs propres : marges 18mm, corps 11pt, colonne 174mm (A4 moins les
   marges), nom 30pt, adresses 8.5pt. */

@page { margin: 18mm; }

/* Les jetons du thème clair, quel que soit le thème à l'écran. */
/* Spécificité (0,2,0) : passe devant les deux sélecteurs du thème sombre. */
:root:is([data-theme], :not([data-theme])) {
  /* Papier blanc jusque dans les marges de la page. */
  color-scheme: light;
  --fond: #fff;
  --fond-2: #fff;
  --dehors: #fff;
  --couv: #fff;
  --sur-couv: oklch(0.2 0.035 262);
  --encre: oklch(0.2 0.035 262);
  --corps: oklch(0.3 0.03 262);
  --faible: oklch(0.46 0.03 262);
  --titre: oklch(0.2 0.035 262);
  --filet: oklch(0.865 0.012 258);
  --filet-fort: oklch(0.62 0.02 258);
  --accent: oklch(0.45 0.16 262);
  --maison: oklch(0.46 0.03 262);
  --q-fond: #fff;
  --q-texte: oklch(0.2 0.035 262);
  --q-filet-fort: oklch(0.2 0.035 262);
  --metal: oklch(0.2 0.035 262);
  --grain-sombre: none;
  --grain-clair: none;
  --grain-couv: none;
  --q-grain: none;
  --col: 174mm;
  --gouttiere: 0px;
  --barre: 0px;
}

html, body { background: #fff; color: var(--corps); }
body { font-size: 11pt; }

*, *::before, *::after {
  animation: none !important;
  transition: none !important;
}

.barre, #sommaire, .verso, .evitement, .rail, .curseur, .avancement,
.bascule, .astre, .releve-verso, .trame canvas, .loupe, .nom-paysage, .table-rappel, .tete-page .marque {
  display: none !important;
}

.scene, .volume, .couverture, .premiere, .pages, .planche, .quatrieme,
.table-carnets, .bandeau, .papier, .releve-flux {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin-inline: 0 !important;
  transform: none !important;
  visibility: visible !important;
  background: none !important;
  color: var(--encre) !important;
}
.cadre::after { display: none !important; }
.pages { padding-block-end: 0 !important; }

/* La couverture : le nom à l'horizontale, sur une ligne. */
.couverture { padding: 0 0 8mm !important; }
.dos { writing-mode: horizontal-tb; transform: none; flex: none; }
.nom { font-size: 30pt; line-height: 1; }
.nom-ligne { display: inline; font-stretch: 100%; }
.fonction span + span { color: var(--faible); }

/* La photo directe, sans trame. */
.trame { position: static; width: 60mm; height: auto; margin: 0 0 6mm; overflow: visible; }
.trame img { position: static; width: 100%; height: auto; opacity: 1 !important; }

.premiere, .introduction, .section { padding-inline: 0; }
.section { padding-block-start: 10mm; break-inside: auto; }
h2, h3, .titre-bloc { break-after: avoid; }
article, li, figure { break-inside: avoid; }

/* Les volets en colonne. */
.volets {
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  overflow: visible;
}

/* La quatrième, en flux. */
.quatrieme {
  display: block !important;
  padding: 10mm 0 0 !important;
  break-inside: avoid;
}
.quatrieme > * + * { margin-block-start: 5mm; }
.courriel {
  writing-mode: horizontal-tb;
  transform: none;
  font-size: calc(var(--in) * var(--k-courriel));
}
.courriel a, .poursuivre a, .reseaux a { color: var(--encre); }

/* Les adresses des liens externes, pas des ancres. */
a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 8.5pt;
  font-weight: 400;
  font-stretch: 100%;
  word-break: break-all;
  color: var(--faible);
}

/* Les volets et la FAQ, tous ouverts : la réponse sous sa question. Le
   sommaire de page n'a pas de sens sur papier. */
details::details-content { content-visibility: visible; display: block; }
details > summary::after { content: none; }
.sur-page { display: none !important; }

/* La parution vedette : sur papier, le lien n'étend pas sa zone et son
   adresse s'imprime à la suite ; pas de marqueur. */
.vedette .lien-suite::after { position: static; }
.vedette::after { display: none; }