/* Recommended Content / Next Step presentation layer.
 * Editorial cards, section headings, typography, spacing tokens and arrows are shared CI components.
 */
.zmw-recommended-content,
.zmw-next-step {
  min-width: 0;
  font-family: var(--zmw-font-sans);
}

.zmw-recommended-content__head,
.zmw-next-step__head {
  min-width: 0;
}

.zmw-recommended-content__heading { min-width: 0; }
.zmw-recommended-content__item,
.zmw-next-step__item { min-width: 0; }

.zmw-recommended-content--list .zmw-recommended-content__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--zmw-space-lg);
}

.zmw-recommended-content__controls {
  display: flex;
  flex: 0 0 auto;
  gap: var(--zmw-space-xs);
}

.zmw-recommended-content__nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid var(--zmw-color-ink);
  border-radius: 0;
  background: transparent;
  color: var(--zmw-color-ink);
  cursor: pointer;
  transition: background-color var(--zmw-motion-fast) ease, color var(--zmw-motion-fast) ease, transform var(--zmw-motion-fast) ease;
}

.zmw-recommended-content__nav:hover,
.zmw-recommended-content__nav:focus-visible {
  background: var(--zmw-color-primary-soft);
}

.zmw-recommended-content__nav:active { transform: translateY(1px); }

.zmw-recommended-content__nav:disabled {
  opacity: .35;
  cursor: default;
  background: transparent;
  transform: none;
}

.zmw-recommended-content--slider .zmw-recommended-content__items {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min(82vw, 22rem);
  gap: var(--zmw-space-lg);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 1px;
  scrollbar-width: thin;
  padding-bottom: var(--zmw-space-sm);
}

.zmw-recommended-content--slider .zmw-recommended-content__item {
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}

/* Article view reuses the same related-horizontal ArticleCard composition as the article template. */
.zmw-recommended-content--article .zmw-template-section-heading {
  margin-bottom: 0;
  padding-bottom: var(--zmw-space-md);
}

.zmw-next-step {
  margin-block: var(--zmw-space-xl);
}

.zmw-next-step__items {
  display: grid;
  gap: var(--zmw-space-md);
}

.zmw-next-step--cta .zmw-next-step__items {
  gap: 0;
  border-top: 1px solid var(--zmw-color-line);
}

.zmw-next-step__cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--zmw-space-md);
  align-items: center;
  padding: var(--zmw-space-md) 0;
  border-bottom: 1px solid var(--zmw-color-line);
  color: inherit;
  text-decoration: none;
  transition: padding-left var(--zmw-motion-fast) ease, background-color var(--zmw-motion-fast) ease;
}

.zmw-next-step__cta strong,
.zmw-next-step__cta .zmw-next-step__cta-title {
  min-width: 0;
  font: 700 1.2rem/1.1 var(--zmw-font-serif);
  overflow-wrap: anywhere;
}

.zmw-next-step__cta:hover,
.zmw-next-step__cta:focus-visible {
  padding-left: var(--zmw-space-xs);
  background: rgba(250, 216, 30, .045);
}

@media (min-width: 40.625rem) {
  .zmw-recommended-content--slider .zmw-recommended-content__items {
    grid-auto-columns: calc((100% - var(--zmw-space-lg)) / 2);
  }
}

@media (min-width: 65.625rem) {
  .zmw-recommended-content--slider .zmw-recommended-content__items {
    grid-auto-columns: calc((100% - (var(--zmw-space-lg) * 2)) / 3);
  }
}

@media (max-width: 40.624rem) {
  .zmw-recommended-content__head { align-items: center; }
  .zmw-next-step { margin-block: var(--zmw-space-lg); }
}

.zmw-next-step__cta .zmw-next-step__cta-title { margin: 0; }