/* ================================================================
   CONTENT — Prose scope for .content-area (page.php editor output)
   Restores editorial spacing zeroed by base.css reset.
   Scoped to .content-area to avoid leaking into custom components.
   Depends on: layout.css
================================================================ */

/* ── Headings ──────────────────────────────────────────────────── */

.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6,
.content-area .wp-block-heading {
  margin-bottom: var(--space-4);
  line-height: var(--leading-snug);
}

.content-area h2,
.content-area .wp-block-heading[class*="is-style"],
.content-area h2.wp-block-heading {
  font-size: clamp(1.4rem, 2.2vw, 1.75rem);
  color: var(--text-heading);
}

.content-area h3 { font-size: clamp(1.15rem, 1.8vw, 1.375rem); }
.content-area h4 { font-size: var(--text-lg); }
.content-area h5,
.content-area h6 { font-size: var(--text-base); font-weight: var(--weight-semibold); }

/* First heading in content: no top margin */
.content-area > *:first-child,
.content-area > .wp-block-group:first-child > *:first-child {
  margin-top: 0;
}

/* ── Paragraphs ────────────────────────────────────────────────── */

/* base.css already sets p { margin-bottom: var(--space-4) }
   but zeroes the last-child. Inside prose, restore it so
   the last <p> of a block still breathes before the next block. */
.content-area p:last-child {
  margin-bottom: var(--space-4);
}

/* ── Lists ─────────────────────────────────────────────────────── */

.content-area ul,
.content-area ol,
.content-area .wp-block-list {
  margin-top: 0;
  margin-bottom: var(--space-6);
  padding-left: var(--space-6);
}

.content-area ul,
.content-area .wp-block-list {
  list-style: disc;
}

.content-area ol {
  list-style: decimal;
}

.content-area li {
  margin-bottom: var(--space-2);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
}

.content-area li::marker {
  color: var(--accent);
}

/* Nested lists */
.content-area li > ul,
.content-area li > ol {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
}

/* ── Block spacing ─────────────────────────────────────────────── */

/* Gutenberg adds .wp-block-* wrappers — give them consistent flow spacing */
.content-area > .wp-block-group,
.content-area > .wp-block-table,
.content-area > .wp-block-buttons,
.content-area > .wp-block-image,
.content-area > .wp-block-quote,
.content-area > .wp-block-separator {
  margin-bottom: var(--space-8);
}

/* ── Blockquote ────────────────────────────────────────────────── */

.content-area blockquote,
.content-area .wp-block-quote {
  margin: var(--space-8) 0;
  padding: var(--space-4) var(--space-6);
  border-left: 3px solid var(--accent);
  background: var(--bg-secondary);
  font-style: italic;
  color: var(--text-muted);
}

.content-area blockquote p:last-child,
.content-area .wp-block-quote p:last-child {
  margin-bottom: 0;
}

/* ── Horizontal rule ───────────────────────────────────────────── */

.content-area hr,
.content-area .wp-block-separator {
  border: none;
  border-top: 1px solid var(--border-standard);
  margin: var(--space-10) 0;
}