.road-group { margin-bottom: 28px; }
          .road-group-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; color: var(--muted); margin-bottom: 12px; }
          .road-card { background: var(--card); border: 1px solid var(--border); border-radius: 0; padding: 20px 22px; margin-bottom: 12px; }
          .road-card-top { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 10px; }
          .road-icon { width: 36px; height: 36px; border-radius: 0; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
          .road-icon.green  { background: rgba(45,106,79,.1);  color: var(--green); }
          .road-icon.blue   { background: var(--accent-light); color: var(--accent); }
          .road-icon.amber  { background: rgba(181,98,10,.1);  color: #b5620a; }
          .road-icon.muted  { background: var(--surface);      color: var(--muted); }
          .road-title { font-weight: 600; font-size: 14px; color: var(--ink); margin-bottom: 2px; font-family: var(--sans); letter-spacing: -0.01em; }
          .road-subtitle { font-size: 12px; color: var(--muted); }
          .road-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; border-radius: 999px; padding: 2px 9px; margin-left: auto; white-space: nowrap; flex-shrink: 0; }
          .road-badge.live    { background: rgba(45,106,79,.08);  color: var(--green); border: 1px solid rgba(45,106,79,.2); }
          .road-badge.added   { background: var(--accent-light);  color: var(--accent); border: 1px solid rgba(61,90,128,.2); }
          .road-badge.next    { background: rgba(181,98,10,.08);  color: #b5620a; border: 1px solid rgba(181,98,10,.2); }
          .road-badge.future  { background: var(--surface);       color: var(--muted); border: 1px solid var(--border); }
          .road-desc { font-size: 13px; color: var(--muted); line-height: 1.6; margin-bottom: 12px; }
          .road-steps { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
          .road-steps li { font-size: 12px; color: var(--ink); display: flex; gap: 8px; align-items: flex-start; line-height: 1.5; }
          .road-steps li::before { content: ''; width: 18px; height: 18px; border-radius: 50%; background: var(--surface); border: 1px solid var(--border); flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
          .road-cost { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 500; color: var(--muted); background: var(--surface); border-radius: 0; padding: 3px 9px; margin-top: 12px; border: 1px solid var(--border); }
          .road-link { font-size: 12px; color: var(--accent); text-decoration: none; font-weight: 500; }
          .road-link:hover { text-decoration: underline; }
          .road-divider { height: 1px; background: var(--border); margin: 10px 0; }