/* ==========================================================================
   Privacidade — /privacidade.

   Pagina de leitura: so cartoes. A abertura usa a gramatica comum das
   secoes internas (page-head, page-manifesto, page-prose em
   components.css); aqui vive apenas o recuo do header e a lista da
   politica, com o titulo a esquerda e o texto em corpo de leitura.
   ========================================================================== */

.pv-top {
  padding-top: var(--hero-top);
}

.policy {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid var(--line);
}

.policy__item {
  display: grid;
  gap: 0.625rem;
  padding-block: clamp(1.25rem, 0.9rem + 1.4vw, 2rem);
  border-top: 1px solid var(--line);
}

/* A partir do tablet: titulo e texto lado a lado, o texto na medida de
   leitura (~62 caracteres por linha). */
@media (min-width: 48rem) {
  .policy__item {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(1.5rem, 1rem + 2vw, 3rem);
  }
}

.policy__title {
  display: flex;
  align-items: baseline;
  gap: 0.875rem;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.0625rem, 1rem + 0.5vw, 1.3125rem);
  font-weight: var(--fw-display);
  line-height: 1.2;
  letter-spacing: calc(-0.028em * var(--track-display));
  color: var(--ink);
}

/* O numero tem o desenho do ledger__n: discreto, tabular, sem competir. */
.policy__n {
  flex: none;
  width: 1.375rem;
  font-family: var(--font-sans);
  font-size: var(--fs-micro);
  font-weight: 700;
  letter-spacing: 0.05em;
  font-variant-numeric: tabular-nums;
  color: var(--ink-30);
}

.policy__text {
  display: grid;
  gap: 0.75rem;
  max-width: 62ch;
  padding-left: calc(1.375rem + 0.875rem);
}

@media (min-width: 48rem) {
  .policy__text {
    padding-left: 0;
  }
}

.policy__text p {
  margin: 0;
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--ink-70);
  text-wrap: pretty;
}

.pv-closing {
  margin-top: var(--section-gap);
}