/* Paginas de exame: coluna de leitura, reaproveita os tokens do style.css. */
.faixa-rascunho {
  margin: 0;
  padding: 10px 20px;
  background: #F7E9A8;
  color: #3A2E00;
  font-size: 0.875rem;
  text-align: center;
}

.revisar {
  padding: 1px 4px;
  background: #F7E9A8;
  color: #3A2E00;
}

.pagina {
  max-width: 760px;
  padding-block: 56px 80px;
}

.migalha {
  margin-bottom: 20px;
  color: var(--ink-2);
  font-size: 0.875rem;
}

.migalha a {
  color: var(--gold-ink);
}

.pagina h1 {
  margin: 8px 0 16px;
  font-family: "Instrument Sans", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2rem, 4.5vw, 2.75rem);
  line-height: 1.12;
}

.pagina h2 {
  margin: 40px 0 12px;
  font-family: "Instrument Sans", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
}

.pagina h3 {
  margin: 24px 0 6px;
  font-size: 1.0625rem;
}

.pagina p,
.pagina li {
  max-width: 68ch;
  line-height: 1.65;
}

.pagina ul {
  padding-left: 1.2em;
}

.pagina-lead {
  font-size: 1.1875rem;
  color: var(--ink-2);
}

.pagina-acao {
  margin: 24px 0 8px;
}

.pagina-figura {
  margin: 32px 0 8px;
}

.pagina-figura img {
  width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: cover;
  background: var(--ink);
}

.pagina-figura figcaption {
  margin-top: 8px;
  color: var(--ink-2);
  font-size: 0.875rem;
}

.pagina-cta {
  margin: 48px 0 0;
  padding: 24px;
  background: var(--ink);
  color: var(--paper);
}

.pagina-cta p {
  margin: 0 0 16px;
}

.pagina-relacionadas ul {
  list-style: none;
  padding: 0;
}

.pagina-relacionadas a {
  color: var(--gold-ink);
}