/* lespsaumes.org — archétype « index-anthology », palette « library-oak-and-cream »,
   ornement « index-rules-and-folios ». Feuille propre à ce site ; aucune règle
   n'est partagée avec un autre répertoire de la flotte, pas même avec les deux
   autres sites francophones.

   POLICES. La matrice assigne Playfair Display (titrage) et Libre Baskerville
   (labeur), auto-hébergées et sous-ensemblées. Ce build ne livre aucun fichier
   de police : la licence de chaque artefact téléchargé — droit de
   redistribution, mention d'attribution, autorisation de sous-ensemble — doit
   être vérifiée d'abord, et elle ne l'a pas été. Les piles système ci-dessous
   tiennent lieu d'approximation. Aucun CDN de polices, jamais. */

:root {
  --creme: #f7f2e7;
  --chene: #4a3421;
  --chene-clair: #7a5c3d;
  --dorure: #8c6927;
  --filet-index: #cbb59a;
  --largeur-page: 42rem;
  --didone: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --garalde: "Libre Baskerville", "Baskerville", "Hoefler Text", Georgia, serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--creme);
  color: var(--chene);
  font-family: var(--garalde);
  font-size: clamp(1rem, 0.95rem + 0.28vw, 1.13rem);
  line-height: 1.7;
}

.rayonnage {
  border-bottom: 3px double var(--chene);
  background: var(--creme);
}
.rayonnage ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1.4rem;
  max-width: 56rem;
  margin: 0 auto;
  padding: 0.95rem 1.4rem;
  font-family: var(--didone);
  font-size: 0.9rem;
}
.rayonnage a { color: var(--chene); text-decoration: none; }
.rayonnage a:hover, .rayonnage a:focus { color: var(--dorure); text-decoration: underline; }
.rayonnage [aria-current="page"] { color: var(--dorure); }

.pupitre {
  max-width: var(--largeur-page);
  margin: 0 auto;
  padding: clamp(2.4rem, 7vw, 4.8rem) 1.4rem 0;
  text-align: left;
}
.pupitre h1 {
  font-family: var(--didone);
  font-weight: 500;
  font-size: clamp(2rem, 1.4rem + 2.6vw, 3.3rem);
  line-height: 1.15;
  margin: 0 0 0.9rem;
}
.pupitre .exergue { color: var(--chene-clair); font-style: italic; margin: 0; }

.anthologie {
  max-width: var(--largeur-page);
  margin: 0 auto;
  padding: 1.4rem 1.4rem 3.6rem;
}
.anthologie h2 {
  font-family: var(--didone);
  font-weight: 500;
  font-size: 1.5rem;
  margin: 2.7rem 0 0.9rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--chene-clair);
}
.anthologie h3 {
  font-family: var(--didone);
  font-weight: 500;
  font-size: 1.13rem;
  margin: 1.8rem 0 0.5rem;
}
.anthologie p { margin: 0 0 1.15rem; }

q { quotes: "«\202F" "\202F»"; font-style: normal; }
q::before, q::after { color: var(--dorure); }

/* la table des psaumes : l'index numéroté, avec ses filets et ses folios */
.table-des-psaumes { list-style: none; margin: 1.4rem 0 0; padding: 0; }
.table-des-psaumes > li {
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  padding: 0.75rem 0;
  border-bottom: 1px dotted var(--chene-clair);
}
.table-des-psaumes .folio {
  font-family: var(--didone);
  font-size: 1.3rem;
  color: var(--dorure);
  min-width: 3.2rem;
  text-align: right;
}
.table-des-psaumes a { color: var(--chene); }
.table-des-psaumes .notice { font-size: 0.92rem; color: var(--chene-clair); }

.psautier-texte {
  background: #fffcf3;
  border-top: 3px double var(--chene);
  border-bottom: 3px double var(--chene);
  padding: 1.2rem 1.4rem;
  margin: 1.6rem 0;
}
.psautier-texte .cote-texte {
  display: block;
  font-family: var(--didone);
  font-size: 0.84rem;
  letter-spacing: 0.06em;
  color: var(--dorure);
  margin-bottom: 0.35rem;
}

details.autre-version { margin: 0.9rem 0; }
details.autre-version summary {
  cursor: pointer;
  font-family: var(--didone);
  color: var(--chene-clair);
}
details.autre-version[open] summary { color: var(--dorure); }

.renvois-freres {
  border: 1px solid var(--chene-clair);
  padding: 1.1rem 1.3rem;
  margin: 1.8rem 0;
  font-size: 0.95rem;
}
.renvois-freres a { color: var(--dorure); }

.pied-de-folio {
  border-top: 3px double var(--chene);
  color: var(--chene-clair);
  font-size: 0.87rem;
}
.pied-de-folio > div {
  max-width: 56rem;
  margin: 0 auto;
  padding: 1.7rem 1.4rem 2.4rem;
}
.pied-de-folio a { color: var(--chene); }