/* Hairline separators remain centered in the existing responsive section gaps. */
@layer sd-inter-light {
 :where(html:root body main section[data-sd-linear-section]) {
  --sd-section-min-padding:32px;
  padding-block:var(--sd-section-min-padding);
 }
 html:root body main :is(.lr-shell,.bl-shell)[data-sd-section-space] {--sd-section-min-padding:0px;}
 html:root body main .sd-section-divider {
  --sd-divider-min-padding:32px;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  pointer-events:none;
  overflow:visible!important;
 }
 html:root body main .sd-section-divider::before {
  content:"";
  position:absolute;
  inset-inline:0;
  top:calc((var(--sd-divider-next-padding,var(--sd-divider-min-padding)) - var(--sd-divider-prev-padding,var(--sd-divider-min-padding)) + max(var(--sd-divider-prev-margin,0px),var(--sd-divider-next-margin,0px)) - var(--sd-divider-prev-margin,0px) * 2) / 2);
  height:1px;
  background:rgba(92,160,164,.12);
  pointer-events:none;
 }
 html:root body :is(main,footer) hr {
  height:0!important;
  border:0!important;
  border-top:1px solid rgba(92,160,164,.12)!important;
  margin-block:32px!important;
 }
 @media(max-width:760px) {
  html:root body main section:where([data-sd-linear-section]) {--sd-section-min-padding:24px;}
  html:root body main .sd-section-divider {--sd-divider-min-padding:24px;}
  html:root body :is(main,footer) hr {margin-block:24px!important;}
 }
}