/*! SONIC SNOWFLAKE RECORDS — Roadmap View Styles */

.roadmap-grid { display: grid; gap: 22px; }

.roadmap-phase { padding: clamp(1.6rem, 3vw, 2.4rem); border-left: 3px solid var(--line); }
.roadmap-phase__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.roadmap-phase__tag { font-family: var(--font-mono); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--mist-dim); }
.roadmap-phase__status {
  font-family: var(--font-mono); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase;
  padding: 3px 10px; border-radius: 999px; border: 1px solid var(--line); color: var(--mist);
}
.roadmap-phase h3 { font-size: var(--fs-h3); margin-bottom: 14px; }
.roadmap-phase__items { list-style: none; padding: 0; display: grid; gap: 8px; }
.roadmap-phase__items li { padding-left: 22px; position: relative; color: var(--mist); font-size: .94rem; line-height: 1.5; }
.roadmap-phase__items li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: var(--line); }
.roadmap-phase__note { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--mist-dim); font-size: .84rem; line-height: 1.6; font-style: italic; }

.roadmap-phase.status-complete { border-left-color: var(--neon); }
.roadmap-phase.status-complete .roadmap-phase__status { color: var(--neon-bright); border-color: var(--neon); }
.roadmap-phase.status-complete .roadmap-phase__items li::before { background: var(--neon); }

.roadmap-phase.status-active { border-left-color: var(--gold); }
.roadmap-phase.status-active .roadmap-phase__status { color: var(--gold-bright); border-color: var(--gold); }
.roadmap-phase.status-active .roadmap-phase__items li::before { background: var(--gold); }

.roadmap-phase.status-exploring { border-left-color: var(--mist-dim); opacity: .88; }
.roadmap-phase.status-exploring .roadmap-phase__items li::before { background: var(--mist-dim); }