/* ============================================================
   Feuille WEB - a charger APRES styles.css.
   Elle ne redefinit aucune police ni aucune couleur : elle retire
   la pagination livre et rend la lecture fluide et responsive.
   ============================================================ */

/* 1. Sans doc-page.js, l'element n'est jamais "defini" et la regle
      d'origine masquerait TOUTE la page, sans erreur visible. */
doc-page:not(:defined) { visibility: visible !important; }

/* 2. Le livre devient une colonne de lecture centree. */
html { -webkit-text-size-adjust: 100%; }
body { background: #fdfbf7; margin: 0; }
doc-page {
  display: block;
  max-width: 40rem;
  margin: 0 auto;
  padding: 3rem 1.25rem 5rem;
  background: #fdfbf7;
  font-family: Spectral, Georgia, serif;
}

/* 3. Les sauts de page et les hauteurs de page n'ont plus de sens a l'ecran.
      Les sections liminaires imposaient chacune une page entiere (min-height
      7.72in) : a l'ecran cela produirait de longs vides. */
doc-page section {
  break-before: auto !important;
  break-after: auto !important;
  min-height: 0 !important;
  display: block !important;
  margin: 0 0 3.5rem !important;
}

/* 4. Les sections a fond colore gardent leur fond, mais leurs marges
      negatives (calees sur la marge d'impression) sont neutralisees. */
doc-page section[style*="background"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 2rem 1.5rem !important;
  border-radius: 3px;
}

/* 5. Confort de lecture a l'ecran : un peu plus d'air, pas de cesure
      forcee (elle est faite pour une colonne etroite et justifiee). */
doc-page p, doc-page li { font-size: 1.05rem; line-height: 1.72; }
doc-page > section > p,
doc-page > section#conviction > div > p,
doc-page > section#colophon > div > p {
  text-align: left !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

/* 6. Rien ne doit deborder sur un telephone. */
doc-page img, doc-page svg { max-width: 100%; height: auto; }
doc-page pre, doc-page table { overflow-x: auto; max-width: 100%; }

@media (max-width: 640px) {
  doc-page { padding: 2rem 1rem 3.5rem; }
  doc-page p, doc-page li { font-size: 1rem; line-height: 1.68; }
  doc-page h1 { font-size: 1.9rem; }
  doc-page h2 { font-size: 1.5rem; }
}

/* 7. Lecture confortable de nuit, sans toucher a la charte de jour. */
@media (prefers-color-scheme: dark) {
  body, doc-page { background: #14110d; }
  doc-page, doc-page p, doc-page li, doc-page h1, doc-page h2,
  doc-page h3, doc-page h4, doc-page td, doc-page th { color: #ece5d8 !important; }
}