/* Plain CMS text pages (/privacy-policy, /terms). No Figma frame: the FAQ page's ground and title,
   the body in one readable column. ASK-DESIGN(text-pages) */
.text-page { background: var(--color-sand); padding-block: 71px var(--space-section); }
.text-page__title {
  max-width: 900px; margin: 0 auto var(--space-60); text-align: center;
  font-size: var(--h1-size); line-height: var(--h2-line);
}
.text-page__body { max-width: 807px; margin: 0 auto; color: var(--color-ink); }
.text-page__body h2, .text-page__body h3, .text-page__body h4 {
  margin: var(--space-30) 0 var(--space-10);
  font-family: var(--font-body); font-size: var(--h5-size); line-height: var(--h5-line); font-weight: var(--h5-weight);
  text-transform: none; color: var(--color-black);
}
/* The CMS writes lists as "- item" lines inside one paragraph: keep its line breaks */
.text-page__body p { margin: 0 0 var(--space-15); white-space: pre-line; }
.text-page__body ul, .text-page__body ol { margin: 0 0 var(--space-15); padding-left: var(--space-25); }
.text-page__body ul { list-style: disc; }
.text-page__body ol { list-style: decimal; }
.text-page__body li { margin-bottom: 6px; }
.text-page__body a { color: inherit; }
.text-page__body a:hover { color: var(--link-hover-on-light); }

@media (max-width: 991.98px) {
  .text-page { padding-block: var(--space-30) var(--space-60); }
  .text-page .container { padding-inline: var(--space-20); }
  .text-page__title { line-height: var(--h1-line); margin-bottom: var(--space-30); }
}
