/* ========================================
   csr.css — CSR list page
   New dedicated page CSS (previously none existed).
   Mirrors the blog list pattern with theme tokens.
   ======================================== */

/* ---- Intro header (light stage) ---- */
.csr-intro {
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    margin-bottom: 3rem;
    text-align: center;
}

/* ---- Cards use .ir-media-card from theme/cards.css ---- */

.csr-list .ir-media-card__body {
    align-items: flex-start;
}

.csr-list .ir-media-card__btn {
    margin-top: auto;
    min-height: 2.6rem;
    padding: 0.55rem 1.1rem;
}

@media (max-width: 767.98px) {
    .csr-intro {
        margin-bottom: 2rem;
    }
}