section.learning-styles-section {
    padding: 0 var(--nav-pad-x);
    margin-bottom: var(--space-32);
}

/* Heading */
.section-heading {
    margin-bottom: var(--space-32);
}

.section-title {
    font-size: var(--fs-28);
    font-weight: var(--fw-bold);
    color: var(--color-navy);
    margin-bottom: var(--space-8);
}

.section-subtitle {
    font-size: var(--fs-16);
    color: var(--color-text-soft);
    margin: 0;
}

/* Card */
.learning-card {
    background-color: var(--color-bg-light);
    border: var(--border-width) solid var(--color-line-soft);
    border-radius: var(--radius-3xl);
    padding: var(--space-32) var(--space-24);
    height: 100%; 
    display: flex;
    flex-direction: column;
    align-items: center; 
    text-align: center; 
    transition: transform var(--transition), box-shadow var(--transition);
}

/* Icon Box */
.learning-icon {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-round);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: var(--space-20);
    color: var(--color-white);
}

/* Title & Desc */
.learning-title {
    font-size: var(--fs-18);
    font-weight: var(--fw-bold);
    color: var(--color-navy);
    margin-bottom: var(--space-12);
}

.learning-desc {
    font-size: var(--fs-14);
    color: var(--color-text-soft);
    line-height: var(--lh-base);
    margin: 0;
}

/* Card Colors */
.style-navy .learning-icon {
    background-color: var(--color-navy);
}

.style-blue .learning-icon {
    background-color: var(--color-blue);
}

.style-sky .learning-icon {
    background-color: var(--color-sky-bright);
}