/* ── Paragraph (centered) block ──
   Same body styling as .block-paragraph, but the text column is
   horizontally centred in the section and text is centre-aligned. */
.block-paragraph_center {
  background: var(--color-bg);
  padding: clamp(40px, 6vh, 64px) var(--space-section-x);
}

.block-paragraph_center .pg-body {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  font-family: var(--font-body);
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.7;
  color: var(--color-fg-muted);
}

.block-paragraph_center .pg-body p { margin-bottom: 16px; }
.block-paragraph_center .pg-body p:last-child { margin-bottom: 0; }
.block-paragraph_center .pg-body em      { font-style: italic; color: var(--color-accent); }
.block-paragraph_center .pg-body strong  { font-weight: 600; color: var(--color-fg); }
.block-paragraph_center .pg-body a {
  color: var(--color-fg);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.15s;
}
.block-paragraph_center .pg-body a:hover { color: var(--color-accent); }

.block-title + .block-paragraph_center { padding-top: clamp(8px, 2vh, 24px); }

@media (max-width: 900px) { .block-paragraph_center { padding: 40px 32px; } }
@media (max-width: 480px) { .block-paragraph_center { padding: 32px 20px; } }