/* privacy.css — public /privacy page.
   Replaces eight inline `style="font-size:1.4rem;margin-top:2rem;"`
   overrides on inner H2s with a real class. */

.privacy-h2 {
  font-size: clamp(1.2rem, 2.4vw, 1.4rem);
  font-weight: var(--fw-strong);
  letter-spacing: var(--ls-snug);
  margin-top: var(--sp-7);
  margin-bottom: var(--sp-3);
  line-height: 1.25;
}

.privacy-h2:first-of-type {
  margin-top: var(--sp-6);
}

/* The privacy page reuses .home-section for layout but the long-form prose
   needs slightly different paragraph rhythm than card-grid sections. */
.privacy-prose p {
  max-width: 70ch;
  margin: 0 0 var(--sp-3);
  line-height: var(--lh-relaxed);
}

.privacy-prose ul {
  max-width: 72ch;
  margin: 0 0 var(--sp-3);
  padding-left: 20px;
  line-height: var(--lh-relaxed);
}

.privacy-prose ul li + li {
  margin-top: var(--sp-2);
}

.privacy-prose strong {
  color: var(--text);
  font-weight: var(--fw-strong);
}

/* TL;DR card (added in Tier 3 — plain-English summary above the long version). */
.privacy-tldr {
  margin: var(--sp-5) 0 var(--sp-7);
  padding: var(--sp-5) var(--sp-6);
  background: color-mix(in oklch, var(--surface) 70%, var(--studio-soft) 30%);
  border: 1px solid var(--studio-tone);
  border-radius: var(--rad-md);
  max-width: 56rem;
}

.privacy-tldr__label {
  font-size: 11px;
  font-weight: var(--fw-strong);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--studio);
  margin: 0 0 var(--sp-3);
}

.privacy-tldr__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--sp-2);
}

.privacy-tldr__list li {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: var(--lh-relaxed);
  color: var(--text);
}

.privacy-tldr__list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--studio);
  font-weight: var(--fw-strong);
}

.privacy-tldr__list li.is-no::before {
  content: "✕";
  color: var(--muted);
}

.privacy-tldr__footnote {
  margin: var(--sp-4) 0 0;
  font-size: 13px;
  color: var(--muted);
  line-height: var(--lh-relaxed);
}