.editorial-stories {
  gap: 0;
  margin-block: 0;
  padding-inline: 0;
  list-style: none;
}

.editorial-stories li + li {
  border-top: 1px solid var(--ui-line);
}

.editorial-story {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--page-heading-gap);
  align-items: start;
  padding-block: var(--page-section-gap);
  padding-block: clamp(var(--page-section-gap), 3svh, calc(var(--page-section-gap) + 8px));
}

.editorial-stories li:first-child .editorial-story { padding-top: 0; }
.editorial-stories li:last-child .editorial-story { padding-bottom: 0; }

.editorial-story > .action-arrow {
  margin-top: 4px;
  color: var(--ui-brand-ink);
}

.editorial-story:is(:hover, :focus-visible) h2 {
  color: var(--ui-brand-ink);
}

.editorial-story p,
.business-steps p,
.business-benefit-list p {
  margin: var(--page-copy-gap) 0 0;
  color: var(--muted);
}

.editorial-story p,
.page-section > p {
  max-width: 65ch;
}

.editorial-article {
  max-width: 70ch;
  overflow-wrap: anywhere;
}

.editorial-back {
  margin-block-end: var(--page-content-inset);
  border: 1px solid currentColor;
}

.editorial-back .action-arrow { rotate: 180deg; }

.editorial-article p,
.editorial-article :is(ol, ul) {
  margin: 0 0 var(--page-copy-gap);
}

.editorial-article :is(h2, h3) {
  margin-block: var(--page-section-gap) var(--page-copy-gap);
}

.editorial-article :is(ol, ul) { padding-inline-start: 1.4em; }
.editorial-article li + li { margin-top: .35em; }

.editorial-article a:not(.pill, .ui-secondary) {
  color: var(--ui-brand-ink);
  text-decoration: underline;
  text-underline-offset: .2em;
}

.editorial-article a:not(.pill, .ui-secondary):is(:hover, :focus-visible) {
  color: var(--green-deep);
}

.editorial-article .article-callout {
  margin-block: var(--page-section-gap) var(--page-content-inset);
  color: var(--green-deep);
  font-weight: 500;
}

.editorial-article > :is(.editorial-back, .editorial-primary) {
  display: flex;
  width: fit-content;
}

main:has(> :is(.editorial-stories, .business-cta)) {
  display: flex;
  flex-direction: column;
}

.editorial-stories,
.business-hero + .page-content {
  flex-grow: 1;
  align-content: center;
}

.business-hero + .page-content {
  gap: clamp(var(--page-section-gap), 3.25svh, calc(var(--page-section-gap) + 16px));
}

@media (min-width: 1000px) {
  .editorial-stories,
  .business-hero + .page-content {
    align-content: start;
  }

  .editorial-story {
    padding-block: clamp(36px, 3.5svh, 44px);
  }

  .business-hero + .page-content {
    gap: clamp(36px, 3.5svh, 52px);
  }
}

.business-hero .pill { margin-top: var(--page-intro-gap); }

.business-steps,
.business-benefit-list {
  display: grid;
  gap: var(--page-copy-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.business-steps .icon {
  width: 24px;
  height: 24px;
  margin-bottom: var(--page-copy-gap);
  color: var(--ui-brand-ink);
}

.business-cta {
  padding-block: var(--page-intro-inset);
  background: var(--brand-field);
}

.business-cta > .page-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.editorial-primary {
  background: var(--green-deep);
  color: white;
}

.editorial-primary:hover { background: var(--ui-brand-ink); }

@media (min-width: 700px) {
  .business-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .business-benefit-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: no-preference) {
  .editorial-story { transition: transform 180ms var(--ui-ease); }
  .editorial-story h2,
  .editorial-article a:not(.pill, .ui-secondary) { transition: color 180ms var(--ui-ease); }
  .editorial-story:active { transform: translateY(1px); }

  .editorial-back {
    transition: background-color 180ms var(--ui-ease), color 180ms var(--ui-ease), scale 180ms var(--ui-ease);
  }
  .editorial-back:active { scale: .97; }
}