/* salmo91completo.com — arquétipo manuscript-codex
   Paleta: vellum-and-iron-gall (velino claro, tinta ferrogálica).
   Ornamento: capitulares iluminadas. Abertura: o versículo primeiro.
   Cada regra abaixo foi escrita para este site e para nenhum outro.

   TIPOS. A matriz de variância atribui Cormorant Garamond (display) e
   Source Serif 4 (texto), auto-hospedadas e subsetadas. Nenhum arquivo de
   fonte é enviado nesta versão: a licença de cada artefato baixado —
   redistribuição, atribuição, subsetting — ainda não foi verificada, e essa
   verificação é item pré-implantação. Até lá, as pilhas abaixo aproximam a
   voz pretendida com serifas presentes na máquina do leitor. Nunca CDN de
   fontes de terceiros. */

:root {
  --velino: #f4edda;
  --velino-sombra: #e7dcbe;
  --tinta: #33271a;
  --tinta-clara: #6d5c44;
  --ferrogalica: #4a3421;
  --largura-texto: 36rem;
  --serif-titulo: "Cormorant Garamond", "Garamond", "Palatino Linotype", "Book Antiqua", serif;
  --serif-corpo: "Source Serif 4", "Source Serif Pro", "Charter", "Iowan Old Style", Georgia, serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--velino);
  color: var(--tinta);
  font-family: var(--serif-corpo);
  font-size: clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  line-height: 1.68;
}

.folio-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem 1.8rem;
  padding: 1rem 1.25rem;
  border-bottom: 3px double var(--ferrogalica);
  font-family: var(--serif-titulo);
  font-size: 1.02rem;
  font-variant: small-caps;
  letter-spacing: 0.05em;
}
.folio-nav a { color: var(--ferrogalica); text-decoration: none; }
.folio-nav a:hover, .folio-nav a:focus { text-decoration: underline; text-underline-offset: 0.25em; }
.folio-nav [aria-current="page"] { color: var(--tinta); border-bottom: 2px solid var(--tinta); }

.frontispicio {
  max-width: var(--largura-texto);
  margin: 0 auto;
  padding: clamp(2.2rem, 6vw, 4rem) 1.25rem 0.5rem;
  text-align: center;
}
.frontispicio h1 {
  font-family: var(--serif-titulo);
  font-weight: 500;
  font-size: clamp(2.4rem, 6.5vw, 4.2rem);
  line-height: 1.05;
  margin: 0 0 1.1rem;
}
.frontispicio .sumario {
  text-align: left;
  font-size: 1.06rem;
  border-top: 1px solid var(--ferrogalica);
  border-bottom: 1px solid var(--ferrogalica);
  padding: 0.9rem 0.25rem;
  margin: 0;
}

.codice {
  max-width: var(--largura-texto);
  margin: 0 auto;
  padding: 0 1.25rem 3rem;
}
.codice h2 {
  font-family: var(--serif-titulo);
  font-weight: 500;
  font-variant: small-caps;
  letter-spacing: 0.04em;
  font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem);
  margin: 2.6rem 0 0.8rem;
  text-align: center;
}
.codice h2::after {
  content: "❧";
  display: block;
  color: var(--tinta-clara);
  font-size: 1rem;
  margin-top: 0.3rem;
}
.codice p { margin: 0 0 1.15rem; }
.codice q { quotes: "\201C" "\201D" "\2018" "\2019"; }
.codice q::before, .codice q::after { color: var(--ferrogalica); }

/* capitular iluminada — o ornamento deste códice */
.capitular::first-letter {
  float: left;
  font-family: var(--serif-titulo);
  font-size: 3.6em;
  line-height: 0.82;
  padding: 0.06em 0.12em 0 0;
  color: var(--ferrogalica);
}

.leito-do-salmo {
  border-left: 2px solid var(--ferrogalica);
  border-right: 2px solid var(--ferrogalica);
  background: var(--velino-sombra);
  padding: 1.3rem 1.4rem;
  margin: 1.6rem 0;
}
.leito-do-salmo .titulo-passagem {
  display: block;
  font-family: var(--serif-titulo);
  font-variant: small-caps;
  letter-spacing: 0.08em;
  color: var(--ferrogalica);
  margin-bottom: 0.4rem;
  font-size: 0.95rem;
}
.leito-do-salmo [data-scripture-slot] { font-style: italic; }

.cotejo { list-style: none; margin: 1.4rem 0; padding: 0; }
.cotejo li {
  border-top: 1px dotted var(--tinta-clara);
  padding: 0.85rem 0.15rem;
}
.cotejo .nome-versao {
  display: block;
  font-family: var(--serif-titulo);
  font-variant: small-caps;
  font-size: 0.95rem;
  color: var(--ferrogalica);
}

.perguntas-do-codice { margin: 0; padding: 0; list-style: none; }
.perguntas-do-codice > li { margin: 0 0 1.7rem; }
.perguntas-do-codice h3 {
  font-family: var(--serif-titulo);
  font-weight: 600;
  font-size: 1.18rem;
  margin: 0 0 0.4rem;
}
.perguntas-do-codice h3::before {
  content: "¶ ";
  color: var(--ferrogalica);
}

.oracao-linha {
  margin: 0 0 1.3rem;
  padding-left: 1.1rem;
  border-left: 3px solid var(--velino-sombra);
}
.oracao-linha .ancora-versiculo {
  display: block;
  font-family: var(--serif-titulo);
  font-variant: small-caps;
  font-size: 0.9rem;
  color: var(--tinta-clara);
}

.convite-leitura {
  max-width: var(--largura-texto);
  margin: 0 auto 2.5rem;
  padding: 1.2rem 1.25rem;
  border: 1px solid var(--ferrogalica);
  background: var(--velino-sombra);
  text-align: center;
}
.convite-leitura p { margin: 0 0 0.5rem; font-size: 0.98rem; }
.convite-leitura a {
  font-family: var(--serif-titulo);
  font-size: 1.25rem;
  color: var(--ferrogalica);
  text-decoration: underline;
  text-underline-offset: 0.22em;
}

.subscricao {
  border-top: 3px double var(--ferrogalica);
  color: var(--tinta-clara);
  font-size: 0.88rem;
  padding: 1.5rem 1.25rem 2.2rem;
  max-width: 46rem;
  margin: 0 auto;
  text-align: center;
}