/**
 * Privacy policy.
 *
 * New in this version - not part of the original static site. The legacy
 * stylesheets only styled the marketing sections and style.css resets every
 * margin to 0, so long-form prose spacing is defined here. Loaded last in the
 * page's cascade so it can size h2 down from the shared marketing scale.
 */
.privacy-policy {
  max-width: 880px;
}

.privacy-policy > p,
.privacy-policy > ul {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.9;
}

.privacy-policy > h1 {
  font-size: clamp(34px, 3.6vw, 50px);
  margin-bottom: 26px;
}

/* Opening standfirst, kept darker and slightly larger than the body copy. */
.privacy-policy > p:first-of-type {
  color: var(--ink);
  font-size: 19px;
  line-height: 1.85;
}

.privacy-policy > p + p,
.privacy-policy > p + ul,
.privacy-policy > ul + p {
  margin-top: 18px;
}

.privacy-policy > h2 {
  margin: 54px 0 18px;
  font-size: clamp(22px, 2.2vw, 30px);
  letter-spacing: -.02em;
}

.privacy-policy > ul {
  list-style: none;
  padding-left: 0;
  display: grid;
  gap: 10px;
}

.privacy-policy > ul > li {
  position: relative;
  padding-left: 24px;
}

.privacy-policy > ul > li:before {
  content: '';
  position: absolute;
  left: 4px;
  top: .78em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
}

.privacy-policy a {
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.privacy-policy a:hover {
  color: var(--navy);
}

@media (max-width: 720px) {
  .privacy-policy > h2 {
    margin-top: 38px;
  }

  .privacy-policy > p,
  .privacy-policy > ul {
    font-size: 16px;
  }

  .privacy-policy > p:first-of-type {
    font-size: 17px;
  }
}