@layer theme,base;@layer components{.roadmap{--rm-marker:1.75rem;--rm-gap:var(--space-5);gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.prose>.roadmap{max-width:48rem;margin-top:2em}.roadmap__phase{grid-template-columns:var(--rm-marker) minmax(0, 1fr);gap:var(--rm-gap);display:grid;position:relative}.roadmap__phase:not(:last-child):after{content:"";left:calc(var(--rm-marker) / 2 - 1px);top:calc(var(--space-5) + var(--rm-marker) + var(--space-2));bottom:calc((var(--space-3) + var(--space-5) - var(--space-2)) * -1);background:var(--border);border-radius:1px;width:2px;position:absolute}.roadmap__phase--done:not(:last-child):after{background:color-mix(in srgb, var(--success) 45%, var(--border))}.roadmap__marker{width:var(--rm-marker);height:var(--rm-marker);margin-top:var(--space-5);border:2px solid var(--border-strong);background:var(--bg);border-radius:50%;place-items:center;display:grid}.section--alt .roadmap__marker{background:var(--bg-alt)}.roadmap__marker svg{width:60%;height:60%}.roadmap__marker--done{color:var(--success);border-color:#0000;background:var(--success-soft)!important}.roadmap__marker--in-progress{border-color:var(--warm);background:var(--warm-soft)!important}.roadmap__marker--in-progress:after{content:"";background:var(--warm);border-radius:50%;width:.5rem;height:.5rem}.roadmap__card{gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-5) 0;border-radius:var(--radius-lg);display:grid}.roadmap__phase--in-progress .roadmap__card{padding-left:var(--space-5);margin-left:calc(var(--space-3) * -1);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md)}.roadmap__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.roadmap__label{font-size:var(--fs-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:600}.roadmap__title{font-size:var(--fs-h4);letter-spacing:-.015em;font-weight:600;line-height:1.3}.roadmap__phase--planned .roadmap__title{color:var(--text)}.roadmap__summary{color:var(--text-muted);font-size:.9875rem;line-height:1.55}.roadmap__items{margin:var(--space-2) 0 0;font-size:var(--fs-small);gap:.45rem;padding:0;line-height:1.5;list-style:none;display:grid}.roadmap__item{color:var(--text-muted);padding-left:1.5rem;position:relative}.roadmap__item:before{content:"";border:1.5px solid var(--border-strong);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.42em;left:.2rem}.roadmap__item--done{color:var(--text)}.roadmap__item--done:before{border:solid var(--success);border-width:0 2px 2px 0;border-radius:0;width:.4rem;height:.7rem;top:.3em;left:.25rem;rotate:45deg}.roadmap--compact{--rm-marker:1.5rem;--rm-gap:var(--space-4);gap:0}.roadmap--compact .roadmap__card{padding-block:var(--space-4)}.roadmap--compact .roadmap__marker{margin-top:var(--space-4)}.roadmap--compact .roadmap__phase:not(:last-child):after{top:calc(var(--space-4) + var(--rm-marker) + var(--space-2));bottom:calc((var(--space-4) - var(--space-2)) * -1)}@media (max-width:30rem){.roadmap{--rm-gap:var(--space-3)}.roadmap__phase--in-progress .roadmap__card{padding-left:var(--space-4);padding-right:var(--space-4);margin-left:0}}}@layer utilities;