/* Must Read Section Styles */
.must-read-section {
    position: relative;
    z-index: 10;
}

.mr-card {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.mr-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.mr-card h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Glass effect for active cards */
.mr-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: -1;
}