/**
 * public/css/tool-next.css — « Étape suivante » block at the bottom of each free
 * tool. Linked and rendered by scripts/sync-outils.js from data/outils.json.
 */
.vs-next {
  --vs-ink: #0d0d0d; --vs-muted: #5c6370; --vs-line: #e5e5e0; --vs-accent: #d62839; --vs-accent-dark: #b4232f; --vs-focus: #f5a623;
  box-sizing: border-box; max-width: 760px; margin: 2.5rem auto; padding: 0 1rem; font-family: 'DM Sans', 'DM Sans Fallback', system-ui, sans-serif; }
.vs-next h2 { margin: 0 0 .75rem; font-family: 'Space Grotesk', 'Space Grotesk Fallback', sans-serif; font-size: 1.25rem; color: var(--vs-ink); }
.vs-next ul { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.vs-next li { margin: 0; }
.vs-next li a { display: grid; gap: .2rem; min-height: 44px; padding: .9rem 1rem; border: 1px solid var(--vs-line); border-radius: 12px; background: #fff; color: var(--vs-ink); text-decoration: none; }
.vs-next li a:hover { border-color: var(--vs-accent); }
.vs-next li a:focus-visible, .vs-next-all a:focus-visible { outline: 3px solid var(--vs-focus); outline-offset: 2px; }
.vs-next li strong { color: var(--vs-accent-dark); font-size: 1rem; font-weight: 700; }
.vs-next li span { color: var(--vs-muted); font-size: .9rem; line-height: 1.45; }
.vs-next-all { margin: .75rem 0 0; }
.vs-next-all a { display: inline-flex; align-items: center; min-height: 44px; color: var(--vs-accent-dark); font-weight: 600; }
@media (min-width: 42rem) { .vs-next ul { grid-template-columns: 1fr 1fr; } }