/* The shop's policy pages (ADR-0030): shipping, returns, terms, privacy and contact. Wall text on the
   canvas: a short intro, then the sections in one readable column. */

@layer pages {
  .policy {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    max-width: 72ch;
    margin-block: var(--space-6) var(--space-16);
  }

  @media (min-width: 980px) {
    .policy { margin-top: var(--space-12); }
  }

  .policy__head { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
  .policy__title { font-size: var(--fs-display); line-height: 1; }
  .policy__lead { font-size: var(--fs-lg); color: var(--bp-ink-2); }
  .policy__updated { font-size: var(--fs-sm); color: var(--bp-ink-3); }

  .policy__section {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding-top: var(--space-6);
    border-top: 1px solid var(--bp-line);
  }

  .policy__section h2 { font-size: var(--fs-2xl); }
  .policy__section ul { display: flex; flex-direction: column; gap: var(--space-2); padding-inline-start: var(--space-6); }

  .policy__contact { display: grid; gap: var(--space-2) var(--space-6); grid-template-columns: max-content minmax(0, 1fr); }
  .policy__contact dt { font-weight: 600; }
  .policy__contact dd { margin: 0; }
}