/* «Что нового» /roadmap: публичная страница-таймлайн без меню приложения. */
.rm-page { max-width: 880px; margin: 0 auto; padding: var(--space-10) var(--space-6) var(--space-12); }
.rm-page h1 { font-size: var(--font-hero); }
.rm-lead { margin-top: var(--space-2); font-size: var(--font-subtitle); color: var(--text-secondary); max-width: 620px; }
.rm-eyebrow { font-size: var(--font-meta); font-weight: 600; text-transform: uppercase; letter-spacing: .6px; color: var(--primary-color); }
.rm-meta { font-size: var(--font-small); color: var(--text-tertiary); }
.rm-title { font-weight: 600; color: var(--text-primary); }
.rm-desc { color: var(--text-secondary); font-size: var(--font-body-sm); line-height: 1.55; }
.rm-page .empty { margin-top: var(--space-8); }

.tl { margin-top: var(--space-10); }
.tl-phase { position: relative; padding: 0 0 var(--space-8) var(--space-8); border-left: 2px solid var(--border-color); margin-left: var(--space-2); }
.tl-phase:last-child { border-left-color: transparent; padding-bottom: 0; }
.tl-phase h2 { margin-bottom: var(--space-4); font-size: var(--font-title); line-height: 1; }
.tl-phase::before { content: ""; position: absolute; left: -9px; top: 2px; width: 16px; height: 16px; border-radius: var(--radius-pill); background: var(--bg-primary); border: 2px solid var(--border-color); }
.tl-phase.now::before { background: var(--primary-color); border-color: var(--primary-color); box-shadow: 0 0 0 5px var(--primary-light); }
.tl-phase.done::before { background: var(--color-positive); border-color: var(--color-positive); }
.tl-items { display: grid; gap: var(--space-4); }
.tl-item { display: grid; gap: var(--space-1); }
.tl-ver { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--space-4); }
.tl-ver b { font-variant-numeric: tabular-nums; }

@media (max-width: 640px) {
  .rm-page { padding: var(--space-6) var(--space-4) var(--space-10); }
  .rm-page h1 { font-size: var(--font-title); }
  .tl-ver { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
}