/* ==========================================================================
   Privacy page — same parchment surface as the rest of the site, plain
   reading, no brush script. Uses tokens from style.css. No new colors here.
   ========================================================================== */

.privacy__home {
  position: fixed;
  top: var(--space-2);
  left: var(--space-2);
  z-index: 5;
  display: block;
  text-decoration: none;
  padding: var(--space-1);
  margin: calc(var(--space-1) * -1);
  transition: opacity 0.2s ease;
}

.privacy__home img {
  display: block;
  width: 2.1rem;
  height: 2.1rem;
}

.privacy__home:hover,
.privacy__home:focus-visible {
  opacity: 0.7;
}

.privacy {
  position: relative;
  z-index: 3;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: calc(var(--space-3) + 2rem) var(--space-2) var(--space-3);
}

.privacy__title {
  font-family: var(--font-heading-secondary);
  font-weight: 700;
  font-size: calc(clamp(1.6rem, 7vw, 2.2rem) * var(--heading-scale));
  color: var(--color-ink);
  -webkit-text-fill-color: var(--color-ink);
  margin: 0 0 var(--space-2);
}

.privacy__lede {
  font-size: calc(var(--size-quiet) * var(--body-scale));
  line-height: 1.55;
  color: var(--color-ink);
  -webkit-text-fill-color: var(--color-ink);
  max-width: 42ch;
  text-align: center;
  margin: 0 0 var(--space-3);
}

.privacy__section {
  width: 100%;
  max-width: 42ch;
  margin: 0 0 var(--space-2);
}

.privacy__section h2 {
  font-family: var(--font-heading-secondary);
  font-weight: 700;
  font-size: calc(0.95rem * var(--heading-scale));
  color: var(--color-ink);
  -webkit-text-fill-color: var(--color-ink);
  margin: 0 0 0.25em;
}

.privacy__section p {
  font-size: calc(var(--size-quiet) * var(--body-scale));
  line-height: 1.5;
  color: var(--color-ash);
  -webkit-text-fill-color: var(--color-ash);
  margin: 0;
}

.privacy__section a {
  color: var(--color-ink);
  -webkit-text-fill-color: var(--color-ink);
}

@media (min-width: 640px) {
  .privacy__lede,
  .privacy__section {
    max-width: 56ch;
  }
}