/* Roadmap page surface authored in .luis for milestone planning content. */
--roadmapGap: [10px,14px,18px,24px,32px];
--roadmapCell: { padding: 18px 20px; border-bottom: 1px solid var(--site-border); };
--roadmapRadius: 24px;
--roadmapShadow: 0 10px 30px rgba(20, 42, 88, 0.08);
--roadmapResponsive: [{ max: 760px; }];
.roadmap-grid { border: 1px solid var(--site-border); border-radius: var(--roadmapRadius); background: var(--site-surface); overflow: hidden; box-shadow: var(--roadmapShadow); };
.roadmap-grid .roadmap-head, .roadmap-grid .roadmap-row { display: grid; grid-template-columns: minmax(140px, 0.28fr) minmax(0, 1fr); };
.roadmap-grid .roadmap-head { background: color-mix(in srgb, var(--site-accent-soft) 70%, var(--site-surface) 30%); color: var(--site-text); font-weight: 700; };
.roadmap-grid .roadmap-cell { var(--roadmapCell); };
.roadmap-grid .roadmap-row:last-child .roadmap-cell { border-bottom: 0; };
.roadmap-grid .roadmap-label { font-weight: 700; color: var(--site-text); };
.roadmap-grid .roadmap-copy { display: grid; gap: var(--roadmapGap[1]); };
.roadmap-grid .roadmap-copy p { margin: 0; color: var(--site-muted); line-height: 1.7; };
.roadmap-grid .roadmap-chip-row { display: flex; gap: 10px; flex-wrap: wrap; };
.roadmap-grid .roadmap-chip { padding: 7px 12px; border-radius: 999px; border: 1px solid var(--site-border); background: var(--site-bg); color: var(--site-text); font-size: 0.92rem; };

@for(bp, var(--roadmapResponsive)) {
  @media (max-width: ${bp.max}) {
    .roadmap-grid .roadmap-head { display: none; }
    .roadmap-grid .roadmap-row { grid-template-columns: 1fr; }
    .roadmap-grid .roadmap-label { padding-bottom: 0; border-bottom: 0; }
  }
}