/* Roadmap uses the shared site palette and reading-page structure. */
.roadmap .wp-hero { grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr); gap:48px; }
.rm-cover { padding:32px; border:1px solid var(--border-hi); border-radius:24px; background:linear-gradient(145deg,var(--surface),var(--bg-2)); box-shadow:var(--shadow); position:relative; overflow:hidden; }
.rm-cover::after { content:""; position:absolute; inset:auto 0 0; height:6px; background:var(--grad-bright); }
.rm-orbit { list-style:none; padding:0; margin:30px 0; }
.rm-orbit li { display:flex; align-items:flex-start; gap:18px; padding:20px 0; border-top:1px solid var(--border); }
.rm-orbit li > span,.rm-stage { display:grid; place-items:center; flex-shrink:0; width:40px; height:40px; border:1px solid var(--border-hi); border-radius:50%; color:var(--teal); font-size:.8rem; }
.rm-orbit strong { font-size:1.3rem; letter-spacing:-.02em; }
.rm-orbit p,.rm-cover-note { color:var(--text-dim); font-size:.9rem; line-height:1.6; margin:8px 0 0; }
.rm-cover-note { border-top:1px solid var(--border); padding-top:20px; }
.rm-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:28px 0; }
.rm-card { min-width:0; padding:26px; border:1px solid var(--border); border-radius:20px; background:var(--surface); }
.rm-card.featured { border-color:var(--violet); background:linear-gradient(145deg,var(--surface-2),var(--surface)); }
.rm-status { display:inline-block; max-width:100%; border:1px solid var(--border-hi); border-radius:30px; padding:6px 11px; font-size:.73rem; font-weight:650; letter-spacing:.025em; color:var(--violet-hi); line-height:1.5; }
.rm-status.shipped { color:var(--teal); }
.rm-status.open { color:var(--text-dim); border-style:dashed; }
.rm-card h3 { margin:20px 0 12px; font-size:1.3rem; }
.rm-card p { font-size:.97rem; line-height:1.75; }
.rm-card > a { font-size:.88rem; line-height:1.6; }
.roadmap .rm-proof { margin:20px 0 0; padding-top:18px; border-top:1px solid var(--border); font-size:.9rem; line-height:1.7; }
.rm-proof strong { display:block; font-size:.77rem; color:var(--teal); margin-bottom:6px; }
.rm-timeline { list-style:none; padding:0; margin:36px 0; }
.rm-timeline > li { display:grid; grid-template-columns:40px minmax(0,1fr); gap:22px; position:relative; padding-bottom:36px; }
.rm-timeline > li:not(:last-child)::before { content:""; position:absolute; top:50px; bottom:10px; left:19px; width:1px; background:var(--border-hi); }
.rm-timeline h3 { margin:16px 0 12px; font-size:1.35rem; }
.rm-timeline p { font-size:1rem; }
.roadmap .rm-security { font-size:.88rem; margin-top:24px; }
@media(max-width:800px) { .roadmap .wp-hero { grid-template-columns:1fr; gap:28px; } .rm-cover { padding:24px; } }
@media(max-width:600px) { .rm-grid { grid-template-columns:1fr; } .rm-card { padding:22px; } .rm-timeline > li { gap:16px; } }
@media print { .rm-cover,.rm-card { background:white; box-shadow:none; } .rm-grid { display:block; } .rm-card,.rm-timeline > li { break-inside:avoid; margin-bottom:16px; } }