/* About, guidelines, privacy, terms */

/* ==================================================================
   STATIC PROSE PAGES — about / guidelines / privacy / terms
   Shared hero block + consistent prose spacing on top of .prose.
   ================================================================== */

.static-hero {
  padding: 64px 24px 28px;
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

.static-hero .eyebrow {
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--sage-deep);
  margin-bottom: 14px;
  display: inline-block;
}

.static-hero h1 {
  font-family: var(--font-display);
  font-weight: 500;
  font-variation-settings: "opsz" 96, "SOFT" 60;
  font-size: clamp(2rem, 4.4vw, 3.2rem);
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
  color: var(--ink);
}

.static-hero h1 em {
  font-style: italic;
  font-weight: 400;
  color: var(--sage-deep);
}

.static-hero__lede {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(1.1rem, 1.8vw, 1.35rem);
  color: var(--ink-soft);
  line-height: 1.5;
  max-width: 52ch;
  margin: 0 auto;
}

.static-body {
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 24px 80px;
}

/* Tighten .prose in the context of a static body — it already exists, but
   we want slightly different spacing here for the page feel. */
.static-body .prose { max-width: none; }

.static-body .prose h2 {
  margin-top: 2em;
  margin-bottom: 0.6em;
  color: var(--ink);
  font-variation-settings: "opsz" 72, "SOFT" 50;
}

.static-body .prose p,
.static-body .prose li {
  color: var(--ink);
}

.static-body .prose p:first-of-type {
  font-size: 1.08rem;
  color: var(--ink);
}

.static-body .prose ul,
.static-body .prose ol {
  margin: 0 0 1.4em;
}

.static-body .prose li { margin-bottom: 0.6em; }

.static-body .prose a:hover { color: var(--terracotta-deep); }

/* Divider used at the bottom of legal pages */
.static-body hr {
  border: 0;
  height: 1px;
  background: var(--line);
  margin: 40px 0;
}

.static-body__meta {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px dashed var(--line);
  font-size: 0.86rem;
  color: var(--ink-muted);
}