/* ---------- Privacy notice (sheet 06) ----------------------------------------
   A per-page stylesheet rather than four more rules in components.css, which is
   the same call home.css makes: this is the only page that needs any of it, and
   components.css is downloaded by every page on the site. Two selectors.

   The list deliberately reuses the drafting-register geometry the rest of the
   site already uses for label-then-value (see .wwm-side): a narrow label column
   on the left, the text on the right, one hairline per row. A privacy notice is
   the page a reader SCANS for one specific answer rather than reads, so the
   labels have to be findable without reading the sentences beside them. */
.priv-list {
  list-style: none;
  margin-top: var(--s-4);
  border-top: var(--rule-w) solid var(--hairline);
}
.priv-list li,
.priv-foot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  gap: var(--s-4);
  padding: var(--s-3) 0;
  border-bottom: var(--rule-w) solid var(--hairline);
}
.priv-list .label,
.priv-foot .label {
  color: var(--graphite);
}
.priv-list .body-l,
.priv-foot .body-l {
  max-width: 66ch;
  line-height: 1.5;
}
/* The closing row carries the same geometry as the list rather than a style of
   its own, which is also what fixed it: as a lone date it filled 0.17 of the row
   and check-rows.mjs failed the build. */
.priv-foot {
  margin-top: var(--s-5);
  border-top: var(--rule-w) solid var(--hairline);
}

/* One column below the Dawn-ish narrow breakpoint the rest of the site turns at.
   The label keeps its own line rather than shrinking: a 1fr/3fr split at 390px
   gives the label about 80px, which wraps "If you would rather not" onto four
   lines and puts a ragged column of orphans down the left of the page. */
@media (max-width: 749px) {
  .priv-list li,
  .priv-foot {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-2);
  }
}