/* privacy-policy.html: page-specific layout additions (tokens from site.css only) */

/* At narrow widths the hero spec stacks under the link row; give its top rule room to breathe */
@media (max-width: 900px) {
  .page--privacy .page-hero__side > .spec { margin-top: var(--s-6); }
}

/* The policy as a hairline ledger: heading column left, copy right, rows divided by rules (no boxes) */
.page--privacy .policy {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--grid-gap);
  padding-block: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);
  border-top: 1px solid var(--rule);
}
.page--privacy .policy:first-child { border-top: 0; padding-top: 0; }
.page--privacy .policy:last-child { border-bottom: 1px solid var(--rule); }
.page--privacy .policy h3 {
  font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  margin: 0;
  max-width: 18ch;
}
.page--privacy .policy .prose > :first-child { margin-top: 0; }

@media (max-width: 900px) {
  .page--privacy .policy { grid-template-columns: 1fr; gap: 0.75rem; }
}