/* Legal / prose subpages — mxo.group */

.page-subpage .page-main {
  flex: 1;
}

.page-section--content {
  min-height: calc(100dvh - var(--header-height));
  padding-block: calc(88px * var(--hero-coord-scale));
}

.page-subpage .subpage-prose {
  width: 100%;
  max-width: var(--layout-content-width);
  text-align: left;
}

.page-subpage .subpage-prose h1 {
  font-size: calc(var(--h2-bold-size) * var(--hero-coord-scale));
  line-height: calc(var(--h2-bold-line-height) * var(--hero-coord-scale));
  font-weight: var(--font-weight-bold);
  margin-bottom: calc(48px * var(--hero-coord-scale));
}

.page-subpage .subpage-prose h2 {
  font-size: calc(var(--h1-medium-size) * var(--hero-coord-scale));
  line-height: calc(var(--h1-medium-line-height) * var(--hero-coord-scale));
  font-weight: var(--font-weight-medium);
  margin-block: calc(32px * var(--hero-coord-scale)) calc(16px * var(--hero-coord-scale));
}

.page-subpage .subpage-prose p,
.page-subpage .subpage-prose li {
  font-size: calc(var(--h1-light-size) * var(--hero-coord-scale));
  line-height: calc(var(--h1-light-line-height) * var(--hero-coord-scale));
  opacity: 0.9;
  margin-bottom: calc(16px * var(--hero-coord-scale));
}

.page-subpage .subpage-prose ol,
.page-subpage .subpage-prose ul {
  padding-left: calc(24px * var(--hero-coord-scale));
  margin-bottom: calc(24px * var(--hero-coord-scale));
}

.page-subpage .subpage-prose a {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}