.content-page {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: 24px;
  overflow-wrap: anywhere;
  min-width: 0;
}
.content-page__title { font-size: 1.5rem; line-height: 1.3; margin: 0 0 20px; }
.content-page__body { line-height: 1.65; overflow-x: auto; }
.content-page__body > * + * { margin-top: 1em; }
.content-page__body ul, .content-page__body ol { padding-left: 1.5em; list-style: revert; }
.content-page__body li { list-style: revert; }
.content-page__body h2, .content-page__body h3, .content-page__body h4 { line-height: 1.35; }
.content-page__body img { max-width: 100%; height: auto; }
.content-page__body a { color: var(--color-accent); text-decoration: underline; }
.content-page__body blockquote { border-left: 3px solid var(--color-accent); padding-left: 1em; }
.content-page__body table { border-collapse: collapse; max-width: 100%; }
.content-page__body td, .content-page__body th { border: 1px solid var(--color-border); padding: .5em; }
.content-page__body pre { overflow: auto; max-width: 100%; white-space: pre-wrap; }
.contact-form { margin-top: 24px; }
.contact-message { min-height: 180px; resize: vertical; }
.contact-errors { color: var(--color-danger); line-height: 1.5; }
.contact-errors ul { padding: 0; list-style: none; }
.field__hint { font-size: .85rem; color: var(--color-text-muted); }
@media (max-width: 575px) {
  .content-page { padding: 18px 16px; }
}