/* Gabarit de lecture des articles du journal — partagé par toutes les pages
   de site/journal/ et site/en/journal/ (posé par scripts/habiller_articles.py,
   utilisé aussi par scripts/nouvel_article.py). */
:root {
  --papier: #faf6ef;
  --encre: #2b2620;
  --encre-douce: #6b6154;
  --filet: #e3dccd;
  --accent: #8a5a3b;
  --accent-doux: #f0e7d8;
  --page: #fffdf8;
  --ombre: 43, 38, 32;
  --bouton-fond: var(--encre);
  --bouton-texte: var(--papier);
}
@media (prefers-color-scheme: dark) {
  :root {
    --papier: #1c1916;
    --encre: #e8e2d8;
    --encre-douce: #93897b;
    --filet: #3a332b;
    --accent: #d99a6c;
    --accent-doux: #2a241d;
    --page: #211d18;
    --ombre: 0, 0, 0;
    --bouton-fond: var(--accent);
    --bouton-texte: #1c1916;
  }
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 106.25%; }
body {
  background: var(--papier); color: var(--encre);
  font-family: 'EB Garamond', Georgia, 'Times New Roman', serif;
  line-height: 1.7; -webkit-font-smoothing: antialiased;
}
.page { max-width: 640px; margin: 0 auto; padding: 3rem 1.25rem 4rem; }
header { text-align: center; margin-bottom: 2.5rem; }
.marque {
  font-variant: small-caps; letter-spacing: .3em; text-indent: .3em;
  font-size: 1.1rem; color: var(--encre-douce);
}
.marque a { color: inherit; text-decoration: none; }
.marque .majuscule { color: var(--accent); }
h1 { font-weight: normal; font-size: clamp(1.8rem, 5vw, 2.4rem); margin-top: 1.4rem; line-height: 1.25; }
h2 { font-weight: normal; font-size: 1.4rem; margin: 2.3rem 0 .8rem; }
p + p { margin-top: 1rem; }
.page > p { text-align: justify; hyphens: auto; }
header + p::first-letter {
  font-size: 3rem; line-height: .85; float: left; padding: .08em .09em 0 0;
  color: var(--accent); font-weight: 600;
}
.doux { color: var(--encre-douce); font-style: italic; }
.filet { border: none; border-top: 1px solid var(--filet); margin: 2.5rem auto; width: 60%; }
.fleuron { text-align: center; margin: 2.6rem auto; }
.fleuron::before { content: "❦"; color: var(--accent); font-size: 1.15rem; opacity: .75; }
.cta { text-align: center; margin: 2.5rem 0 1rem; }
.cta a {
  display: inline-block; background: var(--bouton-fond); color: var(--bouton-texte);
  text-decoration: none; border-radius: 2rem; padding: .8rem 2.2rem; font-size: 1.1rem;
  box-shadow: 0 2px 8px rgba(var(--ombre), .12);
  transition: transform .15s, box-shadow .2s;
}
.cta a:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(var(--ombre), .2); }
.cta .doux { display: block; margin-top: .6rem; font-size: .92rem; }
footer { margin-top: 3rem; color: var(--encre-douce); font-size: .92rem; text-align: center; }
footer a { color: inherit; }
a { color: var(--accent); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}