/* Privacy — a long-form legal page.

   Deliberately plain. The rest of the site shouts; this one has to be read and
   understood, so it gets a single measured column, generous leading and no
   decoration competing with the text. */

.privacy__section + .privacy__section {
  margin-block-start: var(--pp-space-6);
}

.privacy__section h2 {
  margin-block-end: var(--pp-space-2);
}

.privacy__section p,
.privacy__section ul,
.privacy__section dl {
  max-width: 68ch;
}

.privacy__section p + p {
  margin-block-start: var(--pp-space-3);
}

.privacy__list {
  margin-block-start: var(--pp-space-3);
  padding-inline-start: var(--pp-space-4);
  list-style: disc;
}

.privacy__list li + li {
  margin-block-start: var(--pp-space-2);
}

/* What we collect, and who else sees it: label/value pairs that have to stay
   readable on a phone, so they stack before they sit side by side. */
.privacy__defs {
  margin-block-start: var(--pp-space-3);
  border-block-start: var(--pp-rule-hair) solid var(--pp-crust);
}

.privacy__defs > div {
  display: grid;
  gap: var(--pp-space-1) var(--pp-space-5);
  padding-block: var(--pp-space-3);
  border-block-end: var(--pp-rule-hair) solid var(--pp-crust);
}

@media (min-width: 40rem) {
  .privacy__defs > div {
    grid-template-columns: minmax(12rem, 18rem) 1fr;
  }
}

.privacy__defs dt {
  font-family: var(--pp-font-ui);
  font-weight: 600;
}

.privacy__defs dd {
  margin: 0;
  color: var(--pp-stone);
}

.privacy__updated {
  margin-block-start: var(--pp-space-6);
  padding-block-start: var(--pp-space-3);
  border-block-start: var(--pp-rule-hair) solid var(--pp-crust);
}