/* Harthwyn 26.01.229 — managed clean-surface compatibility authority.
   Shared only by managed surfaces carrying the clean runtime body contract. */

/* 26.01.101 — clean runtime pages that no longer depend on the legacy public stylesheet. */
body.harthwyn-clean-css-runtime-v260140 {
  background: var(--hw-color-page, var(--hw-color-lock-be52e7));
}

body.harthwyn-clean-css-runtime-v260140 .harthwyn-page-shell {
  width: min(var(--hw-container, 1180px), calc(100% - 32px));
  margin-inline: auto;
}

body.harthwyn-clean-css-runtime-v260140 .harthwyn-panel {
  border: 1px solid var(--hw-color-border, var(--hw-color-lock-471fae));
  border-radius: var(--hw-radius-lg, 24px);
  background: var(--hw-color-surface, var(--hw-color-lock-6aaa00));
  box-shadow: var(--hw-shadow-card, 0 10px 28px rgba(23,35,52,.08));
}

body.harthwyn-clean-css-runtime-v260140 .harthwyn-page-header-title-wrap[data-harthwyn-ux-foundation-title-260140="1"] {
  background: linear-gradient(180deg, var(--hw-color-primary-soft, var(--hw-color-lock-1459ae)), rgba(234,244,251,.58));
  border-bottom: 1px solid rgba(31,95,143,.12);
}

body.harthwyn-clean-css-runtime-v260140 .harthwyn-page-header-description {
  max-width: 720px;
  margin-inline: auto;
  color: var(--hw-color-muted, var(--hw-color-lock-1a95c4));
}


@media (max-width: 782px) {
  body.harthwyn-clean-css-runtime-v260140 .harthwyn-page-shell {
    width: min(100% - 20px, var(--hw-container, 1180px));
  }
}