/* ========================================
   Section Anchor for Navigation
   ======================================== */
.section-anchor {
    position: relative;
    top: -80px;
    display: block;
    visibility: hidden;
}

/* ========================================
   Skill Card with Left Border
   ======================================== */
.skill-card-border-left {
    border-left: 3px solid var(--linkedin-blue) !important;
    background: white;
}

/* ========================================
   Demand Badges (for skills)
   ======================================== */
.badge {
    font-weight: 600;
    border-radius: 4px;
}

.demand-very-high {
    background: var(--success-light);
    color: var(--success-green);
}

.demand-high {
    background: #e9f5ff;
    color: var(--info-blue);
}

.demand-moderate {
    background: var(--warning-light);
    color: var(--warning-amber);
}

.demand-low {
    background: var(--gray-100);
    color: var(--gray-600);
}