.section-divider { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(270px, .65fr); min-height: 64px; align-items: center; border-top: 7px double var(--ink); border-bottom: 1px solid var(--ink); background: var(--paper-deep); color: var(--ink); }
.section-divider > span { display: flex; align-items: center; padding: 11px var(--pad); font: 700 .75rem/1.25 var(--sans); letter-spacing: .075em; text-transform: uppercase; }
.section-divider-from { opacity: .75; }
.section-divider-marker { justify-content: center; opacity: .5; }
.section-divider-next { align-self: stretch; gap: 12px; margin-left: 22px; border-left: 1px solid var(--ink); background: var(--news-pink); color: var(--ink); }
.section-divider-next b { font: 400 1.875rem/1 var(--serif); letter-spacing: -.04em; }
.section-divider-next i { margin-left: auto; font: 400 1.1rem/1 var(--sans); font-style: normal; }
.section-divider.is-blue .section-divider-next { background: var(--news-blue); color: var(--paper); }

@media (max-width: 900px) {
  .section-divider { grid-template-columns: minmax(0, 1fr) minmax(250px, .75fr); }
  .section-divider-marker { display: none !important; }
}

@media (max-width: 560px) {
  .section-divider { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .section-divider-from { display: none !important; }
  .section-divider-next { min-height: 62px; margin-left: 0; padding-inline: 18px !important; border-left: 0; }
}