/* Course identity block — big bold code + light line-art icon, no photo */
.cv-identity {
    --cv-accent: #2563eb;
    position: relative;
    padding: 20px 20px 0;
}

.cv-cert-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: color-mix(in srgb, var(--cv-accent) 10%, white);
    color: var(--cv-accent);
    font-size: 0.72rem;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 999px;
    margin-bottom: 16px;
}
.cv-cert-badge i { color: var(--cv-accent); font-size: 0.72rem; }

.cv-hero-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.cv-code-big {
    font-family: 'Poppins', 'Inter', Arial, sans-serif;
    font-weight: 800;
    font-size: 2.6rem;
    line-height: 1;
    letter-spacing: -0.01em;
    color: var(--cv-accent);
}

.cv-illustration-icon {
    font-size: 4rem;
    color: var(--cv-accent);
    opacity: 0.18;
    flex-shrink: 0;
}

.cv-divider-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
}

.cv-divider-line {
    flex: 1;
    height: 2px;
    background: var(--cv-accent);
    opacity: 0.55;
    border-radius: 2px;
}
.cv-divider-line.cv-divider-line-alt {
    background: #e2534d;
    opacity: 0.7;
}

.cv-divider-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--cv-accent) 10%, white);
    color: var(--cv-accent);
    font-size: 0.82rem;
}

/* Thin accent bar along the bottom edge of the certification card */
.certification-accent-bar {
    height: 4px;
    background: var(--cv-accent);
}

/* ==== Compact sizing for smaller placements (student dashboard / homepage cards) ==== */
.card .cv-identity,
.blog-highlight-img-wrap .cv-identity {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: color-mix(in srgb, var(--cv-accent) 7%, white);
    border-bottom: 1px solid color-mix(in srgb, var(--cv-accent) 14%, white);
}
.card .cv-identity { height: 110px; }
.blog-highlight-img-wrap .cv-identity { height: 100%; }
.card .cv-cert-badge,
.blog-highlight-img-wrap .cv-cert-badge { display: none; }
.card .cv-hero-row,
.blog-highlight-img-wrap .cv-hero-row { margin-bottom: 0; }
.card .cv-code-big,
.blog-highlight-img-wrap .cv-code-big { font-size: 1.6rem; }
.card .cv-illustration-icon,
.blog-highlight-img-wrap .cv-illustration-icon { font-size: 2.5rem; }
.card .cv-divider-row,
.blog-highlight-img-wrap .cv-divider-row { display: none; }

.course-image .cv-identity { padding: 0; }
.course-image .cv-code-big { font-size: 3.4rem; }
.course-image .cv-illustration-icon { font-size: 5.2rem; }