/* ==========================================================================
   Legal / content pages — Privacy Policy, Blog. Plain prose, not part of
   the main nav. Shared between privacy.html and blog.html.
   ========================================================================== */
.legal { padding-top: calc(var(--nav-h) + var(--space-6)); padding-bottom: var(--space-7); }
.legal__content { max-width: 680px; }

.legal__eyebrow {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-ink);
  margin-bottom: var(--space-2);
}

.legal__title {
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--near-black);
  font-size: clamp(2rem, 5vw, 2.8rem);
  line-height: 1.15;
  margin-bottom: var(--space-2);
}

.legal__updated {
  font-family: var(--font-mono);
  font-size: 0.8rem;
  color: var(--stone);
  margin-bottom: var(--space-6);
}

.legal__content h2 {
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--near-black);
  font-size: 1.3rem;
  margin-top: var(--space-5);
  margin-bottom: var(--space-2);
}

.legal__content p {
  color: var(--charcoal);
  margin-bottom: var(--space-3);
  max-width: 68ch;
}

.legal__content a { color: var(--gold-ink); text-decoration: underline; text-underline-offset: 2px; }
.legal__content a:hover { color: var(--near-black); }

/* ==========================================================================
   Blog listing
   ========================================================================== */
.blog-list { display: flex; flex-direction: column; gap: var(--space-5); margin-top: var(--space-5); }
.blog-list__item { border-bottom: 1px solid var(--bone); padding-bottom: var(--space-5); }
.blog-list__item:last-child { border-bottom: none; }
.blog-list__date {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold-ink);
  margin-bottom: var(--space-1);
}
.blog-list__item h2 {
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--near-black);
  font-size: 1.5rem;
  margin-bottom: var(--space-2);
}
.blog-list__item p { color: var(--stone); max-width: 65ch; }