/* glacial/divider — hairline rule; spacing token small (20px) / default (40px) / large (80px).
   Three rules compete for an <hr>'s margins: the design's `.standard-inner-wrapper.entry hr { margin: 40px 0 }`,
   the section rhythm `.gl-section .container > * + *` and the column rhythm `.gl-col > * + *`. The divider owns
   its own spacing on both sides, so the compound selectors below outrank all three (and print after them). */
.gl-divider {
  border: 0;
  border-top: 1px solid var(--hairline);
  height: 0;
  margin: 40px 0;
}
.gl-divider--small {
  margin: 20px 0;
}
.gl-divider--large {
  margin: 80px 0;
}
.gl-section .container > hr.gl-divider,
.gl-col > hr.gl-divider,
.entry hr.gl-divider {
  margin: 40px 0;
}
.gl-section .container > hr.gl-divider--small,
.gl-col > hr.gl-divider--small,
.entry hr.gl-divider--small {
  margin: 20px 0;
}
.gl-section .container > hr.gl-divider--large,
.gl-col > hr.gl-divider--large,
.entry hr.gl-divider--large {
  margin: 80px 0;
}
/* the divider's bottom margin replaces the rhythm gap of whatever follows it */
.gl-section .container > .gl-divider + *,
.gl-section .container > .gl-divider + :is(.gl-grid, .checklist, .gl-buttons, .cta-dark-banner, .gl-testimonials),
.gl-col > .gl-divider + * {
  margin-top: 0;
}
.gl-section--dark .gl-divider {
  border-top-color: rgba(255, 255, 255, 0.15);
}