/* --------------------------------------------------------------------------
 * Prose — About, FAQ, Contact, Terms, Privacy
 * --------------------------------------------------------------------------
 * A measure, not a container width. These pages are read line by line rather
 * than scanned, and a line that runs the full width of a desktop screen is the
 * single easiest way to make a privacy policy unreadable — the eye loses the
 * start of the next line. 68ch is roughly the width this text was written for.
 *
 * Everything here is set in logical properties, so the same rules lay the page
 * out right-to-left the day the Urdu translation lands.
 * ----------------------------------------------------------------------- */

.prose {
  max-inline-size: 68ch;
  margin-inline: auto;
  padding-block-end: var(--sp-8);
  color: var(--ink);
}

.prose__title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  margin-block-end: var(--sp-3);
}

.prose__lead {
  font-size: var(--fs-lg);
  line-height: var(--lh-loose);
  color: var(--ink-soft);
}

/* A policy without a date is a policy nobody can tell has changed. Quiet, but
   present on every legal page. */
.prose__updated {
  margin-block-start: var(--sp-2);
  font-size: var(--fs-sm);
  color: var(--ink-muted);
}

.prose__section {
  margin-block-start: var(--sp-6);
}

.prose__heading {
  font-size: var(--fs-lg);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-snug);
  margin-block-end: var(--sp-2);
}

.prose p {
  line-height: var(--lh-loose);
}

.prose p + p {
  margin-block-start: var(--sp-3);
}

.prose__list {
  margin-block-start: var(--sp-3);
  padding-inline-start: var(--sp-5);
  list-style: disc;
}

.prose__list li + li {
  margin-block-start: var(--sp-2);
}

.prose__list li {
  line-height: var(--lh-loose);
}