/* ==========================================================================
   Content page — generic long-form text (block: content-page). Privacy etc.
   One readable column; the body is arbitrary migrated WP HTML restyled for
   the dark theme (same treatment as the blog single's content).
   ========================================================================== */

.section--content-page {
  padding-top: clamp(140px, 16vh, 200px);
  padding-bottom: clamp(64px, 9vh, 120px);
}

.content-page__title { margin: 0 0 clamp(32px, 5vh, 56px); max-width: 900px; }

.content-page__content { max-width: 760px; }
.content-page__content > * + * { margin-top: 1.2em; }
.content-page__content p,
.content-page__content li {
  color: rgba(255, 255, 255, .82);
  font-size: 17px;
  line-height: 1.7;
}
.content-page__content h2, .content-page__content h3, .content-page__content h4 {
  margin-top: 1.8em;
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--fg);
  line-height: 1.15;
}
.content-page__content h2 { font-size: clamp(24px, 1.9vw, 30px); }
.content-page__content h3 { font-size: clamp(20px, 1.6vw, 24px); }
.content-page__content h4 { font-size: 18px; }
.content-page__content a { color: var(--accent); text-underline-offset: 3px; }
.content-page__content ul, .content-page__content ol { padding-left: 1.4em; }
.content-page__content li + li { margin-top: .5em; }
.content-page__content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.content-page__content td, .content-page__content th { padding: 10px 12px; border: 1px solid rgba(255, 255, 255, .15); text-align: left; }
.content-page__content hr { border: 0; border-top: 1px solid rgba(255, 255, 255, .15); }

@media (max-width: 640px) {
  .section--content-page { padding-top: 120px; }
}