/* Roadmap: Meilensteine ohne Zeitangaben */
.rmwrap { max-width: 820px; padding: 56px 20px 72px }
.rmwrap h1 { margin: 0 0 8px }
.rmg { padding: 0; margin: 28px 0 0 }
.rmh { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px }
.rmh h2 { margin: 0; font-size: 22px }
.rmb { font-size: 12px; font-weight: 700; padding: 3px 12px; border-radius: 14px; border: 1px solid var(--ln); color: var(--mu) }
.rml { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--ln) }
.rml li { position: relative; padding: 8px 0 8px 22px; line-height: 1.45 }
.rml li::before { content: ''; position: absolute; left: -7px; top: 15px; width: 12px; height: 12px; border-radius: 50%; background: var(--card); border: 2px solid var(--ln) }
.rmg.released .rml { border-left-color: var(--ac) }
.rmg.released .rml li::before { background: var(--ac); border-color: var(--ac) }
.rmg.released .rmb { color: var(--ac); border-color: var(--ac) }
.rmg.review .rmb { color: #3b82f6; border-color: #3b82f6 }
.rmg.review .rml li::before { border-color: #3b82f6 }
.rmg.dev .rmb { color: #e08a00; border-color: #e08a00 }
.rmg.dev .rml li::before { border-color: #e08a00 }
.rmg.planned .rml li::before { border-style: dashed }
/* Halb online (Dashboard) und halb in Pruefung (Extension): gestrichelt gruen/blau */
.rmg.review .rml { border-left: 2px dashed var(--ac) }
.rmg.review .rmb { color: #3b82f6; border: 1px dashed var(--ac) }
/* Dashboard/Website-Punkte (online): gruen; Extension-Punkte (in Pruefung): blau */
.rmg.review .rml li.web::before { background: var(--ac); border-color: var(--ac) }
.rmg.review .rml li:not(.web)::before { background: var(--card); border-color: #3b82f6 }
header nav.links a.on { color: var(--fg) }