/* Full-width section surfaces are assigned by the page builder in content order. */
:root {
  --section-white: #fff;
  --section-soft: #ecf0f5;
  --section-space: clamp(44px, 4.5vw, 64px);
  --section-space-compact: clamp(36px, 4vw, 56px);
}

#main [data-section-tone="white"] {
  background-color: var(--section-white);
}

#main [data-section-tone="soft"] {
  background-color: var(--section-soft);
}

#main [data-section-spacing="standard"] {
  padding-block: var(--section-space);
}

#main [data-section-spacing="compact"] {
  padding-block: var(--section-space-compact);
}

#main [data-section-spacing="catalog"] {
  padding-block: 36px 28px;
}

#main .pole-index {
  padding-block: 48px 36px;
}

#main .home-chapter-visual {
  min-height: 0;
}

.home-chapter-visual img {
  height: auto;
}

#main [data-section-spacing="split"] {
  min-height: 0;
}

#main [data-section-spacing="split"] .split-copy-inner {
  padding-block: var(--section-space);
}

#main [data-section-spacing="split"] .split-media {
  min-height: clamp(300px, 32vw, 420px);
}

#main [data-section-spacing="hero"] .resource-hero-grid {
  min-height: 0;
}

#main [data-section-spacing="hero"] .resource-hero-grid > div {
  padding-block: var(--section-space);
}

#main .work-nav {
  padding-bottom: 28px;
}

#main .journal-page-head {
  padding-block: 48px 24px;
}

#main .journal-page {
  padding-block: 28px var(--section-space);
}

#main .download-support {
  margin-top: 0;
}

#main > .article-page {
  padding-bottom: var(--section-space);
}

@media (max-width: 720px) {
  :root {
    --section-space: 40px;
    --section-space-compact: 36px;
  }

  #main .pole-index {
    padding-block: 40px 32px;
  }

  #main [data-section-spacing="split"] .split-media {
    min-height: clamp(240px, 60vw, 320px);
  }

  #main [data-section-spacing="split"] .split-media.contain {
    min-height: 0;
  }

  #main [data-section-spacing="catalog"] {
    padding-block: 32px 24px;
  }
}