/* The privacy policy (public/login/privacy.html): the landing page's colours, nav and footer (welcome.css), with a
   column of prose instead of its hero: the headings at reading size, left-aligned, and the list markers in amber. */
.policy {
  max-width: 720px;
  padding: clamp(24px, 6vh, 56px) max(20px, env(safe-area-inset-right)) 64px max(20px, env(safe-area-inset-left));
}
.policy h1 {
  margin: 0 0 6px;
  font-size: clamp(32px, 6vw, 44px);
  line-height: 1.1;
  letter-spacing: -0.03em;
}
.policy .updated {
  margin: 0 0 28px;
  color: var(--muted);
  font-size: 14px;
}
.policy h2 {
  margin: 36px 0 10px;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 680;
  letter-spacing: -0.015em;
  text-align: left;
}
.policy p {
  margin: 0 0 14px;
}
.policy ul {
  margin: 0 0 14px;
  padding-left: 22px;
}
.policy li {
  margin: 0 0 10px;
}
.policy li::marker {
  color: var(--accent-deep);
}
.policy a {
  color: var(--accent-deep);
  text-underline-offset: 3px;
}