.section-header {
  --vertical-spacing: var(--space-8);
  border-bottom: 1px solid var(--theme-foreground-shade);
  font-size: 12px;
  margin: 0 var(--side-spacing) var(--space-8);
  padding: 0 0 var(--vertical-spacing) 0;
  text-transform: uppercase;
}
.section-header--below {
  border-bottom: 0;
  border-top: 1px solid var(--theme-foreground-shade);
  padding: var(--vertical-spacing) 0 0 0;
}
.section-header--nested {
  margin-inline: 0;
}
@media (min-width: 64rem) {
  .section-header {
    --vertical-spacing: var(--space-12);
  }
}