/* Apenas algarismos em títulos e destaques: mesma família usada nos controles. */
.title-number {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 0.93em;
  letter-spacing: -0.025em;
  line-height: 1;
  vertical-align: 0.01em;
  font-variant-numeric: lining-nums tabular-nums;
}

/* A escala é óptica: destaques isolados pedem uma redução maior que títulos corridos. */
.proof .title-number,
.volume-list .title-number,
.benefits h3 .title-number {
  font-size: 0.9em;
}

/* O marcador 01/02/03 é o único elemento absoluto nos tópicos mobile. */
.benefits h3 .title-number {
  position: static;
  top: auto;
  left: auto;
  display: inline;
  margin: 0;
  color: inherit;
  line-height: inherit;
  vertical-align: baseline;
}

@media (max-width: 650px) {
  .benefits {
    border-right: 1px solid var(--line);
  }

  .benefits > article > span {
    top: 22px;
    left: 10px;
  }
}

.faq .title-number {
  font-size: 0.96em;
}

/* Mantêm a tipografia serif da própria chamada editorial. */
.hero h1 .title-number,
.authority h2 .title-number {
  font-family: Georgia, Cambria, "Times New Roman", serif;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: inherit;
  vertical-align: baseline;
  font-variant-numeric: normal;
}