.roadmap-shell { width: min(820px, 100%); margin: 0 auto; }
.roadmap-eyebrow { margin: 0 0 6px; color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.roadmap-shell h1 { margin: 0; font-family: var(--font-display); font-size: clamp(36px, 7vw, 56px); }
.roadmap-intro { margin: 10px 0 24px; color: var(--muted); line-height: 1.6; }
.roadmap-status { min-height: 1.5em; color: var(--muted); }
.roadmap-list { display: grid; gap: 12px; }
.roadmap-card { border: 1px solid var(--line); border-radius: 12px; padding: 18px; background: var(--paper); }
.roadmap-card h2 { margin: 0; font-family: var(--font-display); font-size: 20px; }
.roadmap-card p { margin: 10px 0 0; color: var(--muted); line-height: 1.6; overflow-wrap: anywhere; }
.roadmap-status-badge { display: inline-flex; margin-bottom: 10px; border: 1px solid; border-radius: 999px; padding: 4px 9px; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.roadmap-status-badge--planned { border-color: #8c7c32; background: #514814; color: #fff0a6; }
.roadmap-status-badge--in-progress { border-color: #39704a; background: #16472b; color: #c7f5cf; }