/* Shared by the native page editor and frontend. Content stays in each Page. */
.foe-editorial {
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(40px, 7vw, 96px) 24px;
}

.foe-editorial > h1 {
  max-width: 900px;
  margin: 0 0 48px;
  font-size: clamp(38px, 5.2vw, 66px);
  line-height: 1.08;
  text-wrap: balance;
}

.foe-page-section {
  padding: clamp(28px, 4vw, 52px) 0;
  border-top: 1px solid var(--foe-rule, #d8d1c8);
}

.foe-page-section > :is(p, h2, h3, h4, ul, ol, blockquote, form) {
  max-width: 780px;
  margin-inline: auto;
}

.foe-page-section > :is(h2, h3) {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: clamp(28px, 3.1vw, 40px);
  line-height: 1.2;
  text-wrap: balance;
}

.foe-page-section p {
  line-height: 1.8;
}

.foe-page-section > :is(p, figure, .foe-page-video) + :is(p, figure, .foe-page-video) {
  margin-top: 24px;
}

.foe-page-section a {
  text-underline-offset: 4px;
  overflow-wrap: anywhere;
}

.foe-page-video {
  margin: 28px auto;
  max-width: 960px;
  aspect-ratio: 16 / 9;
  background: #15191f;
  border-radius: 6px;
  overflow: hidden;
}

.foe-page-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.foe-page-section .wp-block-image {
  max-width: 780px;
  margin: 28px auto;
}

.foe-page-section .wp-block-image img {
  height: auto;
  max-width: 100%;
}

.foe-page-support .foe-page-section > .wp-block-image {
  max-width: 780px;
}

.foe-page-support .wp-block-image img {
  max-width: min(240px, 100%);
}

.foe-page-teaching .foe-page-section {
  padding-inline: clamp(20px, 4vw, 52px);
  margin-block: 24px;
  background: #fffdf9;
  border: 1px solid var(--foe-rule, #d8d1c8);
  border-radius: 6px;
}

.foe-editorial-main {
  margin-top: 0;
}