/* Pet América — nossa história (mundo neutro). Só lê tokens.css:
   nenhum literal de cor, raio, tamanho de fonte ou duração.
   Dial: variância 5 (editorial de revista, foto que ocupa a coluna), motion 2, densidade 3.
   História honesta: empresa familiar de São José dos Pinhais desde 2003. SEM linha do tempo
   decorativa, SEM estatística fabricada, SEM depoimento inventado — dado que falta fica omitido
   ou marcado [CONFIRMAR]. Reusa de components.css: .editorial .editorial--flip .figure .rule
   .index-list .link-arrow .btn. */

.confirmar { display: inline-block; padding: 0 var(--spacing-6); border-radius: var(--radius-control); background: var(--alerta); color: var(--n-900); font-size: var(--font-size-13); font-weight: var(--weight-announce); line-height: 1.5; }

/* Bloco de abertura da história: título grande à esquerda, prosa na coluna direita */
.story__title { font-size: var(--text-display); max-width: 15ch; }
.story__body { display: flex; flex-direction: column; gap: var(--spacing-20); }
.story__body .lead { max-width: 54ch; }
.story__body p { max-width: 58ch; }

/* Legenda da foto em mono: dado exato (ano, cidade) conferido, não aproximação */
.figure figcaption .mono { color: var(--text-strong); }

/* Valores: linhas com fio, rótulo à esquerda e explicação à direita — nunca três cards */
.values { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--border-strong); }
.values li { display: grid; gap: var(--spacing-8) var(--spacing-48); padding-block: var(--spacing-24); border-bottom: 1px solid var(--border); }
.values h3 { font-size: var(--text-h3); }
.values p { max-width: 54ch; }
@media (min-width: 900px) { .values li { grid-template-columns: 4fr 8fr; align-items: baseline; } .values p { font-size: var(--text-lead); } }

/* Fecho: título + dois links de continuação */
.onward { display: flex; flex-direction: column; gap: var(--spacing-24); align-items: flex-start; }
.onward h2 { font-size: var(--text-h2); max-width: 20ch; }
@media (min-width: 720px) { .onward { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--spacing-48); } }
.onward .cluster { flex: none; }