.cdl-activation-card {
margin: 0 0 1.25rem;
padding: 1rem 1.15rem;
border-radius: 10px;
border: 1px solid #e4dfd6;
background: linear-gradient(135deg, #faf8f5 0%, #f3f0eb 100%);
}
.cdl-activation-card--library {
max-width: 720px;
}
.cdl-activation-card__title {
margin: 0 0 0.5rem;
font-size: 1.05rem;
font-weight: 700;
color: #2c2824;
}
.cdl-activation-card__body {
margin: 0 0 0.75rem;
font-size: 0.92rem;
line-height: 1.45;
color: #4a4540;
}
.cdl-activation-card__stat {
margin: 0 0 0.35rem;
font-size: 0.95rem;
font-weight: 600;
color: #2d6a4f;
}
.cdl-activation-card__meta {
margin: 0 0 0.75rem;
font-size: 0.88rem;
color: #5c5650;
}
.cdl-activation-card__meta-label {
display: block;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #7a746c;
margin-bottom: 0.15rem;
}
.cdl-activation-card__actions {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 0.75rem;
align-items: center;
}
.cdl-activation-card__cta {
display: inline-block;
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
color: #fff;
background: #2d6a4f;
padding: 0.45rem 0.9rem;
border-radius: 6px;
}
.cdl-activation-card__cta:hover,
.cdl-activation-card__cta:focus-visible {
background: #245a42;
color: #fff;
}
.cdl-activation-card__cta--secondary {
background: transparent;
color: #2d6a4f;
border: 1px solid #2d6a4f;
}
.cdl-activation-card__cta--secondary:hover,
.cdl-activation-card__cta--secondary:focus-visible {
background: #edf5f0;
}
.cdl-activation-card--learning-bridge {
margin-bottom: 1.5rem;
}
.cdl-progress-actions__feedback--mastered {
border-left-color: #2d6a4f;
background: #edf7f1;
}
.cdl-progress-actions__feedback--mastered .cdl-progress-actions__feedback-title {
color: #1b4332;
}
.cdm-card--progression-v214b {
margin-bottom: 1rem;
}
.cdm-card--progression-v214b .cdl-activation-card__body,
.cdm-card--progression-v214b .cdl-activation-card__stat,
.cdm-card--progression-v214b .cdl-activation-card__meta {
margin-bottom: 0.75rem;
}
@media (max-width: 480px) {
.cdl-activation-card {
padding: 0.85rem 0.95rem;
}
.cdl-activation-card__title {
font-size: 1rem;
}
.cdl-activation-card__actions {
flex-direction: column;
align-items: stretch;
}
.cdl-activation-card__cta {
text-align: center;
width: 100%;
box-sizing: border-box;
}
.cdl-progress-actions__feedback {
padding: 0.6rem 0.65rem;
}
.cdl-progress-actions__profile-link {
display: inline-block;
margin-top: 0.25rem;
word-break: break-word;
}
}