@import url('/css/gap-assessment.css');
.cr-path{list-style:none;margin:0 0 22px;padding:0;position:relative}
.cr-path:before{content:'';position:absolute;left:8px;top:10px;bottom:10px;width:2px;background:var(--input-line)}
.cr-path:after{content:'';position:absolute;left:8px;top:10px;width:2px;height:calc(100% - 20px);background:var(--primary);transform-origin:top;animation:cr-progress 8s ease-in-out infinite}
.cr-path li{position:relative;display:flex;align-items:center;gap:14px;padding:9px 0}
.cr-dot{position:relative;z-index:1;flex:0 0 18px;height:18px;border-radius:50%;background:var(--background);border:2px solid var(--input-line);animation:cr-dot 8s ease-in-out infinite}
.cr-path li:nth-child(2) .cr-dot{animation-delay:1.4s}.cr-path li:nth-child(3) .cr-dot{animation-delay:2.8s}.cr-path li:nth-child(4) .cr-dot{animation-delay:4.2s}
.cr-path p{flex:1;display:flex;justify-content:space-between;gap:10px;margin:0;font-size:13px;color:var(--foreground)}
.cr-path small{color:var(--accent);font-size:12px;white-space:nowrap}
.cr-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.cr-tags span{font-size:11px;padding:4px 10px;border:1px solid var(--grc-line);border-radius:999px;color:var(--muted)}
.cr-frameworks{grid-template-columns:repeat(5,1fr)}
.cr-more{margin-top:20px;color:var(--muted);text-align:center}
@keyframes cr-progress{0%,8%{transform:scaleY(0)}60%,88%{transform:scaleY(1)}100%{transform:scaleY(0)}}
@keyframes cr-dot{0%,6%{background:var(--background);border-color:var(--input-line)}14%,80%{background:var(--primary);border-color:var(--primary)}100%{background:var(--background);border-color:var(--input-line)}}
@media(max-width:1099px){.cr-frameworks{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.cr-frameworks{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.cr-path:after,.cr-dot{animation:none}.cr-dot{background:var(--primary);border-color:var(--primary)}}