/* roadmap.css - the 2027 block of the roadmap (4 Oct 2026): everything planned for 2027 and later
   sits together in one stop, as a grid of small cards, instead of one full-width row each.
   Used by roadmap.html only. */
.road .stop.horizon { padding: 22px 0; }
.road .when .whenlater { display: block; margin-top: 6px; font-size: 0.66rem; letter-spacing: 0.2em; color: var(--dim); }
.hz { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.hzcard {
  border: 1px solid var(--line2); background: var(--raise); border-radius: 14px;
  padding: 14px 16px 15px; display: flex; flex-direction: column; gap: 6px; min-width: 0;
  transition: border-color .2s ease, background .2s ease;
}
.hzcard:hover { border-color: var(--accent-s); background: var(--raise2); }
.hzcard .tag { align-self: flex-start; margin: 0; }
.road .hzcard h3 { font-size: 1.02rem; margin: 2px 0 0; }
.road .hzcard p { font-size: 0.88rem; line-height: 1.45; color: var(--muted); margin: 0; }
.hzcard:first-child { border-color: var(--accent-s); }
.hzcard:first-child .tag { color: var(--accent); border-color: var(--accent-s); }
.hzcard.later { background: transparent; border-style: dashed; }
@media (max-width: 700px) {
  .hz { grid-template-columns: minmax(0, 1fr); }
}