/* Mobile homepage series CTA: keep the existing type and structure, replace
   the solid black fill with the approved quiet outline treatment. */
@media (max-width: 760px) {
  html.is-home-page .home-series-editorial--brief .home-series-chapter__cta,
  html.is-home-page .home-series-editorial--brief .home-series-chapter--brief[data-series-universe] .home-series-chapter__cta {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-height: 64px;
    place-items: center;
    margin: 0;
    padding: 0 58px;
    border: 1px solid rgba(85, 87, 84, 0.28);
    background: transparent;
    box-shadow: none;
    color: var(--muted);
  }

  html.is-home-page .home-series-editorial--brief .home-series-chapter__cta span {
    justify-self: center;
  }

  html.is-home-page .home-series-editorial--brief .home-series-chapter__cta i {
    position: absolute;
    top: 50%;
    right: 22px;
    display: block;
    width: 24px;
    height: 24px;
    border: 0;
    background: url("../icons/heroicons-arrow-long-right.svg") center / 20px 20px no-repeat;
    opacity: 0.72;
    transform: translateY(-50%);
    transition:
      opacity 180ms ease,
      transform 180ms ease;
  }

  html.is-home-page .home-series-editorial--brief .home-series-chapter__cta:is(:hover, :focus-visible) {
    border-color: rgba(85, 87, 84, 0.46);
    background: rgba(228, 229, 225, 0.22);
    color: var(--ink);
  }

  html.is-home-page .home-series-editorial--brief .home-series-chapter__cta:is(:hover, :focus-visible) i {
    opacity: 0.94;
    transform: translate(3px, -50%);
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  html.is-home-page .home-series-editorial--brief .home-series-chapter__cta i {
    transition: none;
  }
}