.uth-page-raw-content {
  width: min(calc(100% - clamp(32px, 7vw, 88px)), 1220px);
  margin: clamp(42px, 6vw, 72px) auto;
  color: #74666B;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(16.5px, 1.15vw, 17.5px);
  line-height: 1.76;
}

.uth-page-raw-content > :first-child { margin-top: 0; }
.uth-page-raw-content > :last-child { margin-bottom: 0; }

/*
 * Canvas-mode native Gutenberg typography.
 * These classes are added only to core/heading and core/paragraph blocks.
 * The standalone selectors are required because Canvas mode intentionally
 * does not add the default .uth-page wrapper around Gutenberg block content.
 */
.uth-page-heading-one,
.uth-page-heading-two,
.uth-page-heading-three,
.uth-page-heading-four,
.uth-page-heading-five,
.uth-page-heading-six {
  color: #2B2326;
  font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.018em;
}

.uth-page-heading-one {
  margin: 0 0 24px;
  font-size: clamp(38px, 5vw, 56px);
}

.uth-page-heading-two {
  margin: 38px 0 22px;
  font-size: clamp(30px, 4vw, 38px);
  line-height: 1.13;
  letter-spacing: -.02em;
}

.uth-page-heading-three {
  margin: 34px 0 12px;
  font-size: clamp(23px, 2.8vw, 27px);
  line-height: 1.2;
  letter-spacing: -.012em;
}

.uth-page-heading-four {
  margin: 30px 0 12px;
  font-size: clamp(20px, 2.4vw, 24px);
}

.uth-page-heading-five {
  margin: 28px 0 10px;
  font-size: clamp(18px, 2vw, 21px);
}

.uth-page-heading-six {
  margin: 26px 0 10px;
  font-size: clamp(16px, 1.7vw, 19px);
}

.uth-page-heading-one:first-child,
.uth-page-heading-two:first-child,
.uth-page-heading-three:first-child,
.uth-page-heading-four:first-child,
.uth-page-heading-five:first-child,
.uth-page-heading-six:first-child {
  margin-top: 0;
}

.uth-page-paragraph {
  margin: 0;
  color: #74666B;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(16.5px, 1.15vw, 17.5px);
  font-weight: 400;
  line-height: 1.76;
  overflow-wrap: anywhere;
}

.uth-page-paragraph + .uth-page-paragraph {
  margin-top: 18px;
}

.uth-page-heading-one + .uth-page-paragraph,
.uth-page-heading-two + .uth-page-paragraph,
.uth-page-heading-three + .uth-page-paragraph,
.uth-page-heading-four + .uth-page-paragraph,
.uth-page-heading-five + .uth-page-paragraph,
.uth-page-heading-six + .uth-page-paragraph {
  margin-top: 0;
}

.uth-page-raw-content ul,
.uth-page-raw-content ol { margin: 0 0 1.2em; padding-left: 1.4em; }
.uth-page-raw-content li + li { margin-top: .4em; }
.uth-page-raw-content a { color: #B94F6F; text-decoration: underline; text-underline-offset: 3px; }
.uth-page-raw-content blockquote { margin: 1.5em 0; padding-left: 1.25em; border-left: 3px solid #D96C8A; }
.uth-page-raw-content img { max-width: 100%; height: auto; }
.uth-page-raw-content figure { max-width: 100%; margin-left: 0; margin-right: 0; }
.uth-page-raw-content table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 1.5em 0;
  overflow-x: auto;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-overflow-scrolling: touch;
}
.uth-page-raw-content th,
.uth-page-raw-content td {
  min-width: 120px;
  padding: .65em .8em;
  border: 1px solid #EEDDE2;
  text-align: left;
  vertical-align: top;
  overflow-wrap: break-word;
}
.uth-page-raw-content th { color: #2B2326; background: #F8E8ED; font-weight: 600; }
.uth-page-raw-content caption { margin-bottom: .65em; color: #74666B; font-size: .85em; text-align: left; }
.uth-page-raw-content .wp-block-table { max-width: 100%; margin: 1.5em 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.uth-page-raw-content .wp-block-table table { margin: 0; }

/*
 * Canvas content sections.
 * The section itself is centered while its text keeps the normal left-aligned
 * editorial flow. The 1040px cap matches the theme's main custom-section
 * content width without adding another editor control.
 */
.uth-page-canvas-content {
  width: 100%;
  min-width: 0;
}

.uth-page-content-section {
  width: min(calc(100% - clamp(32px, 7vw, 88px)), 1040px);
  margin: clamp(48px, 7vw, 84px) auto;
  text-align: initial;
}

.uth-page-content-section > :first-child {
  margin-top: 0;
}

.uth-page-content-section > :last-child {
  margin-bottom: 0;
}
