/* Roadmap page. Rides on netcode.css for the topbar, hero and skip link. */
.rm-list { max-width:1240px; margin:auto; padding:0 32px 40px; }
.rm-phase { display:grid; grid-template-columns:200px minmax(0,1fr); gap:56px; padding:40px 0; border-bottom:1px solid var(--hair); }
.rm-phase:first-child { border-top:1px solid var(--hair); }
.rm-phase-label { font-family:var(--impact); font-weight:400; font-size:clamp(28px,3vw,39px); line-height:1.1; color:var(--article-muted); align-self:start; }
.rm-phase-label.now { color:var(--lime); }
.rm-items { display:grid; gap:32px; }
.rm-item { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; max-width:72ch; }
.rm-idx { font-size:11px; letter-spacing:.2em; color:var(--lime); padding-top:9px; }
.rm-item h3 { font-family:var(--impact); font-weight:400; text-transform:uppercase; font-size:clamp(24px,2.4vw,30px); line-height:1.2; margin-bottom:10px; }
.rm-item p { font-size:15px; line-height:1.9; color:#c6cbd1; }
.rm-cta { max-width:1240px; margin:auto; padding:56px 32px 100px; }
.rm-cta h2 { font-family:var(--impact); font-weight:400; text-transform:uppercase; font-size:clamp(28px,3vw,39px); line-height:1.2; margin-bottom:16px; }
.rm-cta p { max-width:72ch; font-size:15px; line-height:1.9; color:var(--article-muted); margin-bottom:28px; }
@media(max-width:900px) { .rm-phase { grid-template-columns:1fr; gap:28px; } }
@media(max-width:520px) { .rm-list { padding:0 20px 24px; } .rm-cta { padding:40px 20px 60px; } .rm-item { grid-template-columns:1fr; gap:4px; } .rm-idx { padding-top:0; } .rm-item p, .rm-cta p { font-size:14px; } }