.cdl-paths-list {
margin: 1.5rem 0;
}
.cdl-paths-list__grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.cdl-paths-list--empty .cdl-paths-list__empty {
margin: 0;
padding: 1rem;
border: 1px dashed #ccc;
border-radius: 6px;
color: #555;
}
.cdl-paths-card {
display: block;
padding: 1rem 1.1rem;
border: 1px solid #e2e2e2;
border-radius: 8px;
background: #fff;
color: inherit;
text-decoration: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
a.cdl-paths-card:hover,
a.cdl-paths-card:focus {
border-color: #b45309;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
text-decoration: none;
}
.cdl-paths-card__badge {
display: inline-block;
margin-bottom: 0.5rem;
padding: 0.15rem 0.5rem;
border-radius: 999px;
background: #fef3c7;
color: #92400e;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.cdl-paths-card__title {
margin: 0 0 0.5rem;
font-size: 1.05rem;
line-height: 1.3;
}
.cdl-paths-card__desc {
margin: 0 0 0.75rem;
font-size: 0.9rem;
line-height: 1.45;
color: #444;
}
.cdl-paths-card__meta {
margin: 0;
font-size: 0.85rem;
color: #666;
}
.cdl-paths-card__cta {
display: inline-block;
margin-top: 0.75rem;
font-size: 0.9rem;
font-weight: 600;
color: #b45309;
}
.cdl-paths-card__progress-guest {
margin: 0.65rem 0 0;
font-size: 0.8rem;
color: #646970;
}
.cdl-paths-card__progress {
margin-top: 0.75rem;
}
.cdl-paths-card__progress-bar {
height: 0.4rem;
margin-bottom: 0.45rem;
border-radius: 999px;
background: #ececec;
overflow: hidden;
}
.cdl-paths-card__progress-fill {
display: block;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #b45309 0%, #d97706 100%);
}
.cdl-paths-card__progress-meta {
margin: 0;
font-size: 0.8rem;
font-weight: 600;
color: #1d2327;
}
.cdl-paths-card__progress-next {
margin: 0.35rem 0 0;
font-size: 0.78rem;
color: #646970;
}
.cdl-paths-card__progress-next span {
color: #3c434a;
font-weight: 600;
}