/* ============================================================
   Pymander Health — content subpages (manifesto, legal, contact)
   Layered on top of home-v2.css: reuses the same tokens, nav,
   footer, and buttons; adds page-hero, prose, and form styles.
   ============================================================ */

body { background: var(--light); }

/* ── page hero (title block) ─────────────────────────────────── */
.page-hero {
  max-width: 980px; margin: 0 auto; text-align: center;
  padding: clamp(120px, 19vh, 210px) var(--pad) clamp(18px, 4vw, 44px);
}
.page-hero .eyebrow { color: var(--terra); margin-bottom: 18px; }
.page-hero h1 { font-weight: 500; font-size: clamp(40px, 6.5vw, 82px); line-height: 1.03; letter-spacing: -0.035em; }
.page-hero .sub { margin: clamp(18px, 2vw, 26px) auto 0; max-width: 52ch; color: var(--on-light-dim); font-size: clamp(16px, 1.6vw, 20px); line-height: 1.5; }
.page-hero .updated { margin-top: 16px; font-size: 13.5px; color: var(--on-light-dim); letter-spacing: 0.02em; }

/* ── prose (long-form content) ───────────────────────────────── */
.prose { max-width: 760px; margin: 0 auto; padding: clamp(18px, 3vw, 38px) var(--pad) clamp(90px, 13vw, 150px); }
.prose > *:first-child { margin-top: 0; }
.prose h2 { font-weight: 600; font-size: clamp(22px, 2.6vw, 30px); letter-spacing: -0.015em; margin: clamp(42px, 5vw, 62px) 0 14px; }
.prose h3 { font-weight: 600; font-size: clamp(19px, 2.2vw, 24px); letter-spacing: -0.01em; margin: 36px 0 12px; }
.prose p { font-size: 16.5px; line-height: 1.72; color: #2a2620; margin-bottom: 16px; }
.prose ul { margin: 0 0 18px; padding-left: 20px; }
.prose li { font-size: 16.5px; line-height: 1.7; color: #2a2620; margin-bottom: 10px; }
.prose strong { font-weight: 600; color: var(--ink); }
.prose em { font-style: italic; }
.prose a { color: var(--terra); border-bottom: 1px solid rgba(198,106,69,0.32); transition: border-color 0.2s var(--ease); }
.prose a:hover { border-color: var(--terra); }
.prose code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; background: rgba(0,0,0,0.05); padding: 2px 6px; border-radius: 6px; word-break: break-word; }

/* manifesto: a touch more editorial */
.prose.manifesto p { font-size: 17.5px; line-height: 1.78; }
.prose.manifesto .lead { font-size: clamp(20px, 2.2vw, 26px); line-height: 1.5; color: var(--ink); font-weight: 500; margin-bottom: 28px; }
.prose.manifesto .close { margin-top: 44px; font-size: 18px; }

/* ── contact ─────────────────────────────────────────────────── */
.contact-wrap { max-width: 760px; margin: 0 auto; text-align: center; padding: clamp(10px, 3vw, 40px) var(--pad) clamp(100px, 14vw, 170px); }
.contact-email {
  display: inline-block; font-weight: 600; letter-spacing: -0.02em;
  font-size: clamp(26px, 4vw, 48px); color: var(--ink);
  border-bottom: 2px solid var(--terra); padding-bottom: 3px;
  transition: color 0.2s var(--ease);
}
.contact-email:hover { color: var(--terra); }