/* ==========================================================================
   Privacy notice (privacy.html): page-specific layout only; components come from
   components.css. A short hero, then one row for each topic: its heading on the
   left and the text on the right, stacked on tablets and phones.
   ========================================================================== */

/* ---- Hero -------------------------------------------------------------------- */
.pv-hero {
  position: relative; isolation: isolate; overflow: hidden;
  padding: calc(var(--header-h) + clamp(2.5rem, 6vh, 4.5rem)) 0 clamp(2.5rem, 5vw, 4rem);
  background: var(--ink); color: var(--cream);
}
.pv-hero__lead { margin-top: clamp(1.25rem, 2.5vw, 2rem); max-width: 46ch; color: var(--muted); }
.pv-hero__date { margin-top: 1.25rem; color: var(--muted); }

/* ---- The notice: one row a topic ------------------------------------------------ */
.pv-body { padding-top: 0; }
.pv-row {
  display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 1.25rem clamp(2rem, 5vw, 6rem);
  padding-block: clamp(2rem, 4vw, 3.25rem); border-top: 1px solid var(--rule);
}
.pv-row__title { max-width: 16ch; }
.pv-row ul { list-style: disc; margin-block: 0; padding-left: 1.15em; }
.pv-row li + li { margin-top: .5em; }
.pv-row li::marker { color: var(--muted); }

/* A list of named parts: a form and what it collects, a company and what it does */
.pv-list { display: grid; gap: 1.25rem; margin: 0; }
.pv-list > div { display: grid; gap: .25rem; }
.pv-list dt { font-weight: 600; }
.pv-list dd { margin: 0; color: var(--muted); }
.pv-address { font-style: normal; }

@media (max-width: 1023px) {
  .pv-row { grid-template-columns: minmax(0, 1fr); }
  .pv-row__title { max-width: none; }
}