/* ==========================================================================
   CertsPoint homepage — section 7 "Real Exam Success Stories" (content update)
   Loaded only by frontend/certspoint/pages/home.blade.php, after home.css.
   Smallest adjustments needed for the 12 owner-supplied stories:
     1. Show each story in full (the 4-line clamp cut the new, longer texts).
        Cards grow to the tallest story in the row; rows stay aligned because
        every group holds the same 12 stories.
     2. Give cards an explicit width equal to their existing flex-basis, so a
        group is exactly as wide as its cards. Previously the group took the
        unwrapped text width, leaving a long empty stretch in every loop.
     3. Slow reading pace (owner request 2026-10-16): one full 12-card cycle takes
        100s on both rows at every width (both rows have the same track length, so
        they move at the same speed).
   ========================================================================== */

.cph-stories .cph-review {
    height: auto;
    min-height: 280px;
    width: 410px;
}

.cph-stories .cph-review__quote {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
}

/* location sits where the date used to be (right-hand side of the top row) */
.cph-stories .cph-review__meta { justify-content: flex-end; }

.cph-stories .cph-stories__track--left,
.cph-stories .cph-stories__track--right { animation-duration: 100s; }

@media (max-width: 1100px) {
    .cph-stories .cph-review { width: 380px; }
}

@media (max-width: 1023px) {
    .cph-stories .cph-review { width: 350px; }
}

@media (max-width: 767px) {
    .cph-stories .cph-review { min-height: 290px; width: 300px; }
}