/* =========================================
   div: Proof (Testimonials Layout)
========================================= */
div.proof {
    overflow: hidden; /* Keeps the dragging track inside the viewport */
}
div.proof .proof-subtitle {
    font-size: var(--huge-title);
    line-height: var(--huge-title-line-height);
}

div.proof .proof-subtitle .emphasis-txt {
    font-size: calc(var(--huge-title) * 0.86);
}
/* =========================================
   Proof Cards (Drag Carousel Styling)
========================================= */
div.proof .proof-card {
    width: 350px; /* Crucial: They need a width so the track knows how long it is */
    padding: 24px;
    background-color: #f8fafc;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    user-select: none; /* Prevents text from highlighting while user drags */
}
div.proof .proof-card .proof-micro-title {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
}
div.proof .proof-card .proof-text {
    margin: 0;
    color: #475569;
}

@media (min-width: 768px) {
     div.proof .proof-subtitle .emphasis-txt  {
        font-size: var(--huge-title);
    }
}