/* ============================================================
   oceanparksm.com — shared styles for section + legal pages
   Tokens only (shared.css). Blue, no yellow. Tints via color-mix().
   ============================================================ */

/* The plain-band lead-hero was replaced by the shared photo hero
   (see shared.css .page-hero) on 2026-07-13 — every page now uses it. */

/* -- Prose column for legal / written pages --------------------- */
.prose{max-width:70ch;margin:0 auto;padding:48px 24px 60px}
.prose h2{
  font-size:var(--fs-h2);font-weight:var(--fw-h2);
  margin:2rem 0 .6rem;
}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{
  font-size:var(--fs-body);line-height:1.65;margin-bottom:1rem;
  color:color-mix(in srgb, var(--op-ink) 88%, var(--op-foam));
}
.prose ul{margin:0 0 1rem 1.2rem}
.prose a{color:var(--op-ocean);font-weight:800;text-decoration:underline}
.prose .updated{
  font-size:var(--fs-small);
  color:color-mix(in srgb, var(--op-ink) 55%, var(--op-foam));
  margin-bottom:1.5rem;
}

/* -- Empty section shell spacer (content to come) --------------- */
.section-placeholder{padding:34px 24px}