/* ==========================================================================
   Cookie Preferences Clone Test (post 15557, clone of live post 7790).
   Shared shell (hero/breadcrumb/accordion) lives in
   inc/legal-page/assets/legal-page.css — this file only covers this page's
   own content section (.cpt-*) and CTA spacing.
   ========================================================================== */

.cpt-page { overflow-x: clip; }

.cpt-body {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 767px) {
  .cpt-body { padding: 48px 0; }
}

/* Elementor's typography_text_transform:capitalize on both H2 widgets —
   applied via CSS so the underlying stored text (including the second
   heading's lowercase "and") stays byte-identical to live's source. */
.cpt-page .cpt-h2 {
  font-family: 'Public Sans', sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: capitalize;
  color: #233963;
  margin: 0 0 24px;
}
.cpt-page .cpt-h2--guidelines { margin-top: 48px; }
@media (max-width: 767px) {
  .cpt-page .cpt-h2 { font-size: 26px; }
}

/* Color confirmed against live's actual computed style
   (getComputedStyle on the live intro paragraph → rgb(30,46,76) =
   #1E2E4C), which also matches the Figma design's body-text token —
   NOT the #4A5568 gray this file used before that check. */
.cpt-intro {
  font-family: 'Public Sans', sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #1E2E4C;
  max-width: 78ch;
  margin-bottom: 40px;
}
.cpt-intro > p { margin: 0 0 16px; }
.cpt-intro > p:last-of-type { margin-bottom: 24px; }

.cpt-flow-block { margin-bottom: 24px; }
.cpt-flow-block:last-child { margin-bottom: 0; }
.cpt-flow-block ul { margin: 0; padding-left: 22px; }
.cpt-flow-block li { margin-bottom: 8px; }
.cpt-flow-block li:last-child { margin-bottom: 0; }
.cpt-flow-heading {
  font-weight: 700;
  margin: 0 0 8px;
}

.cpt-cta { padding: 0 0 96px; }
@media (max-width: 767px) {
  .cpt-cta { padding: 0 0 56px; }
}