.mission-vision-section {
    padding: 4rem 0 5rem;
    background: #f8fafc;
}

.mv-grid {
    display: grid;
    gap: 2rem;
    max-width: 920px;
    margin: 0 auto;
}

.mv-card {
    background: #fff;
    border-radius: 16px;
    padding: 2rem 2.25rem;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
    border: 1px solid #e2e8f0;
}

.mv-card-vision {
    border-left: 5px solid #3182ce;
}

.mv-card-mission {
    border-left: 5px solid #38a169;
}

.mv-card h2 {
    margin: 0 0 1rem;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.65rem;
    color: #1a365d;
    display: flex;
    align-items: center;
    gap: .65rem;
}

.mv-card h2 i {
    font-size: 1.25rem;
    opacity: .85;
}

.mv-vision-text {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.75;
    color: #2d3748;
    font-style: italic;
}

.mv-mission-intro {
    margin: 0 0 1.25rem;
    font-size: 1rem;
    line-height: 1.65;
    color: #4a5568;
}

.mv-mission-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mv-mission-list li {
    padding: .85rem 0;
    border-bottom: 1px solid #edf2f7;
}

.mv-mission-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.mv-mission-list strong {
    display: block;
    color: #1a365d;
    font-size: .98rem;
    margin-bottom: .25rem;
}

.mv-mission-list span {
    color: #4a5568;
    font-size: .95rem;
    line-height: 1.6;
}

@media (max-width: 640px) {
    .mv-card {
        padding: 1.5rem 1.25rem;
    }
}