/*
 * legal.css — long-form legal pages (Terms & Conditions, Privacy Policy).
 *
 * These pages reuse the blog reading column for typography: the compact .hero
 * (css/hero.css) for the title band, then .post / .post-body (css/blog.css) for
 * the centred article body (paragraphs, h2 section headings, links). The only
 * things missing from .post-body for legal copy are list styling and a small
 * "last updated" subline — added here so blog.css stays about blog posts.
 */

/* Lists — blog posts rarely use them, so .post-body leaves them unstyled. */
.post-body ul,
.post-body ol {
  padding-left: 1.5em;
  margin-top: 1.4em;
}
.post-body ul { list-style: disc; }
.post-body ol { list-style: decimal; }
.post-body li { margin-top: 0.5em; }
.post-body li::marker { color: rgba(255, 255, 255, 0.45); }

/* "Last updated …" line under the title (reuses .hero__subheading sizing but
   muted + mono, so it reads as metadata rather than a lede). */
.legal-updated {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.5);
}

/* The legal title is plain prose, not a marketing headline — dial the shared
   industry hero heading down to a calmer size for a wall of text. */
.hero__heading--legal { font-size: 52px; }

@media (max-width: 720px) {
  .hero__heading--legal { font-size: 34px; }
}