/*
 * The privacy notice, and only what it needs beyond styles.css.
 *
 * Loaded AFTER styles.css, which already carries the palette, both themes, the type and
 * the table rules. This page is a document rather than an application — one column of
 * prose, no chrome, nothing to click except an e-mail address — so what is left here is
 * measure and rhythm.
 */

.policy {
  /* ~70 characters at this size. Prose set the full width of a desktop window is the
     single easiest way to make a page nobody finishes reading, and this one is written
     to be read by someone deciding whether to trust the app. */
  max-width: 46rem;
  margin: 0 auto;
  padding: clamp(20px, 5vw, 56px) clamp(16px, 4vw, 28px) 96px;
  line-height: 1.65;
}

.policy-head {
  margin-bottom: 2.2rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid var(--line);
}

.policy-head .brand {
  margin-bottom: 1.1rem;
}

.policy h1 {
  font-size: clamp(1.6rem, 4vw, 2.1rem);
  margin: 0 0 .3rem;
}

.policy h2 {
  font-size: 1.12rem;
  margin: 2.4rem 0 .6rem;
  /* The headings are the navigation on a page with no navigation — they have to be
     findable while scrolling past at speed. */
  padding-top: 1.2rem;
  border-top: 1px solid var(--line);
}

.policy h2:first-of-type {
  border-top: 0;
  padding-top: 0;
}

/* SERIF BODY, HERE AND NOWHERE ELSE. Everywhere else in the console the text is data —
   package names, addresses, counts — and a sans is easier to scan. This page is the one
   thing anybody actually READS, at length, and a serif is measurably easier at that
   length. It is also the page a regulator or an app store opens, so looking like a
   document rather than like a dashboard is the honest presentation. */
.policy p, .policy li {
  font-family: var(--serif);
  font-size: 1.02rem;
  line-height: 1.65;
}

.policy p {
  margin: 0 0 1rem;
}

.policy code {
  font-family: var(--mono);
  font-size: .86em;
  background: var(--panel-2);
  border-radius: 5px;
  padding: .05rem .3rem;
}

.policy a {
  color: var(--accent);
}

/* The list of what is collected. Loosened from the base list spacing — these are
   sentences rather than bullet fragments, and set tight they run together. */
.policy ul {
  margin: 0 0 1.2rem;
  padding-left: 1.15rem;
}

.policy li {
  margin-bottom: .5rem;
}