/* Separators share the existing whitespace between sections. */
.section:where(:not(.forest-band):not(.green-band)){padding-bottom:80px}
.hero{padding-bottom:70px}
.section-divider{position:absolute;left:50%;bottom:8px;z-index:1;width:58px;height:54px;transform:translateX(-50%);color:#8daa98;opacity:.32;pointer-events:none;user-select:none}
.section-divider svg{display:block;width:100%;height:100%}

/* Move the next white section's top gap before the separator. */
.section[data-divider-placement="middle"]{padding-bottom:185px}
.hero[data-divider-placement="middle"]{padding-bottom:155px}
.section.after-divider-middle{padding-top:0}
[data-divider-placement="middle"]>.section-divider{bottom:calc((185px - 54px)/2)}
.hero[data-divider-placement="middle"]>.section-divider{bottom:calc((155px - 54px)/2)}

/* Move the incoming band's margin into the outgoing white section. */
.section[data-divider-placement="boundary"]{padding-bottom:155px}
.forest-band.after-divider-white,.green-band.after-divider-white{margin-top:0}
.section[data-divider-placement="footer-boundary"]{padding-bottom:105px}
.closing.after-divider-footer{margin-top:0}
[data-divider-placement="dark-boundary"]>.section-divider{bottom:6px;color:#c9f2d3;opacity:.68}

/* The poster skips FAQ, so compatibility meets the footer directly. */
html[data-poster] #compatibility{padding-bottom:105px}
html[data-poster] #compatibility>.section-divider{bottom:8px}

@media(max-width:600px){
  .section:where(:not(.forest-band):not(.green-band)){padding-bottom:66px}
  .hero{padding-bottom:64px}
  .section-divider{width:48px;height:46px;bottom:6px}
  .section[data-divider-placement="middle"]{padding-bottom:136px}
  .hero[data-divider-placement="middle"]{padding-bottom:129px}
  [data-divider-placement="middle"]>.section-divider{bottom:calc((136px - 46px)/2)}
  .hero[data-divider-placement="middle"]>.section-divider{bottom:calc((129px - 46px)/2)}
  .section[data-divider-placement="boundary"]{padding-bottom:121px}
  .section[data-divider-placement="footer-boundary"]{padding-bottom:101px}
  [data-divider-placement="dark-boundary"]>.section-divider{bottom:4px}
  html[data-poster] #compatibility{padding-bottom:101px}
  html[data-poster] #compatibility>.section-divider{bottom:6px}
}
@media print{
  #compatibility{padding-bottom:105px}
  #compatibility>.section-divider{bottom:8px}
}