/* jeremias2911.org — arquétipo reference-double-column
   Paleta: scholar-ivory-and-navy. Ornamento: dotted-leaders (linhas
   pontilhadas de guia, como em índices e aparatos críticos).
   Abertura: verse-first em todas as páginas.
   Nenhuma regra desta folha é compartilhada com outro site da frota.

   TIPOGRAFIA. A matriz de variância determina Cardo (display) e Tinos
   (texto), auto-hospedadas e subsetadas. Esta versão não envia arquivos de
   fonte: a licença de cada artefato exato (redistribuição, atribuição,
   subsetting) ainda não foi verificada — item registrado para antes da
   implantação. As pilhas abaixo usam serifas de sistema que aproximam o
   desenho. Proibido CDN de fontes de terceiros. */

:root {
  --marfim: #f6f2e7;
  --marfim-fundo: #fbf8f0;
  --marinho: #1c2b4a;
  --marinho-claro: #40527a;
  --cinza-nota: #56503f;
  --tit: "Cardo", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  --txt: "Tinos", "Liberation Serif", "Times New Roman", Times, serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--marfim-fundo);
  color: #221f18;
  font-family: var(--txt);
  font-size: clamp(1rem, 0.96rem + 0.28vw, 1.13rem);
  line-height: 1.62;
}

.pauta-nav {
  border-bottom: 4px solid var(--marinho);
  padding: 0.85rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 1.6rem;
  font-family: var(--tit);
  font-size: 0.95rem;
}
.pauta-nav a { color: var(--marinho); text-decoration: none; letter-spacing: 0.02em; }
.pauta-nav a:hover, .pauta-nav a:focus { text-decoration: underline dotted; text-underline-offset: 0.3em; }
.pauta-nav [aria-current="page"] { font-weight: 700; border-bottom: 3px solid var(--marinho); }

.cabeca-referencia {
  max-width: 58rem;
  margin: 0 auto;
  padding: 2rem 1.5rem 0.4rem;
}
.cabeca-referencia h1 {
  font-family: var(--tit);
  font-weight: 700;
  color: var(--marinho);
  font-size: clamp(1.9rem, 4.8vw, 3rem);
  line-height: 1.12;
  margin: 0 0 0.7rem;
}
.cabeca-referencia .resumo-tese {
  margin: 0;
  font-size: 1.08rem;
  max-width: 42rem;
}

.duplo {
  max-width: 58rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16rem;
  gap: 0 2.4rem;
  padding: 1.4rem 1.5rem 3rem;
}
.texto-principal { grid-column: 1; min-width: 0; }
.texto-principal h2 {
  font-family: var(--tit);
  color: var(--marinho);
  font-size: clamp(1.3rem, 1.05rem + 1vw, 1.7rem);
  margin: 2.1rem 0 0.7rem;
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
}
/* a guia pontilhada — ornamento da casa */
.texto-principal h2::after {
  content: "";
  flex: 1;
  border-bottom: 2px dotted var(--marinho-claro);
  transform: translateY(-0.3em);
}
.texto-principal p { margin: 0 0 1.05rem; }
.texto-principal q { quotes: "\201C" "\201D" "\2018" "\2019"; }
.texto-principal q::before, .texto-principal q::after { color: var(--marinho-claro); }

.verso-referencia {
  background: var(--marfim);
  border-top: 3px solid var(--marinho);
  border-bottom: 1px dotted var(--marinho-claro);
  padding: 0.95rem 1.1rem;
  margin: 1.15rem 0 1.35rem;
}
.verso-referencia .rotulo-ref {
  display: block;
  font-family: var(--tit);
  font-size: 0.85rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--marinho);
  margin-bottom: 0.3rem;
}

.aparato {
  grid-column: 2;
  align-self: start;
  font-size: 0.85rem;
  line-height: 1.55;
  color: var(--cinza-nota);
}
.aparato h2 {
  font-family: var(--tit);
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--marinho);
  margin: 0 0 0.6rem;
}
.ap-item {
  padding: 0.55rem 0;
  border-bottom: 1px dotted var(--marinho-claro);
}
.ap-item .ap-chave {
  font-family: var(--tit);
  font-weight: 700;
  color: var(--marinho);
  margin-right: 0.35rem;
}
.ap-item a { color: var(--marinho); }

@media (max-width: 52rem) {
  .duplo { grid-template-columns: minmax(0, 1fr); }
  .aparato { border-top: 2px dotted var(--marinho-claro); margin-top: 2rem; padding-top: 1rem; }
}

.indagacoes { margin: 0; padding: 0; }
.indagacoes dt {
  font-family: var(--tit);
  font-weight: 700;
  color: var(--marinho);
  margin: 1.4rem 0 0.35rem;
}
.indagacoes dd { margin: 0; }

.versoes-lista { list-style: none; padding: 0; margin: 1.2rem 0; }
.versoes-lista li { padding: 0.7rem 0; border-bottom: 1px dotted var(--marinho-claro); }
.versoes-lista .sigla-versao {
  display: block;
  font-family: var(--tit);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--marinho);
}

.fecho-pagina {
  background: var(--marinho);
  color: #d9dcE6;
  font-size: 0.85rem;
  padding: 1.6rem 1.5rem 2.3rem;
}
.fecho-pagina p { max-width: 58rem; margin: 0 auto; }
.fecho-pagina i { color: #f0eee4; }