/* roadmap */
.roadmap { display: flex; gap: 0.9rem; flex-wrap: wrap; align-items: stretch; }
.road-card { flex: 1 1 220px; background: var(--surface); border: 1px solid var(--border); padding: 1.1rem 1.2rem;
             display: flex; flex-direction: column; gap: 0.7rem; }
.road-card .when { font-family: var(--font-mono); font-size: 0.72rem; color: var(--fg-muted); }
/* the status badge sits at the card foot regardless of how much copy is above it */
.road-card .badge { margin-top: auto; }