/* Read-next strip on the /solutions/ pages. Component: src/components/ReadNext.astro.
   Deliberately not a card: no fill, no radius, no shadow. A ruled list reads as "more reading" and keeps the page
   inside the solutions word budget. Tokens are the feature-page system's: 1080px column via .col, ink #0F0D19,
   blue #003DFF, and the hairline rgba(15,13,25,.07). Muted text is #6b7088, the contrast floor — never lighter. */

.v2 .rn {
  /* Sits under Closing, so it pairs with the panel above rather than opening a new full-height section. */
  padding: clamp(40px, 4.5vw, 64px) 0 clamp(56px, 6vw, 88px);
  border-top: 1px solid rgba(15, 13, 25, .07);
}

.v2 .rn-h {
  margin: 0 0 18px;
  font: 600 15px/1.4 var(--font-display);
  letter-spacing: 0;
  color: #6b7088;
}

.v2 .rn-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0;
}

.v2 .rn-list li + li {
  border-top: 1px solid rgba(15, 13, 25, .07);
}

.v2 .rn-list a {
  display: block;
  padding: 15px 0;
  font: 500 clamp(16px, 1.5vw, 18px)/1.45 var(--font-body);
  color: var(--ink);
  text-decoration: none;
  text-wrap: pretty;
  transition: color .18s ease;
}

.v2 .rn-list a:hover,
.v2 .rn-list a:focus-visible {
  color: var(--blue);
}

.v2 .rn-list a:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 3px;
  border-radius: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .v2 .rn-list a { transition: none; }
}