/* Articles index page (articles.php) additions to the sr-page template */

/* Five article cards: 3 + 2 instead of 4 + 1 */
.sr-page .sr-link-cards.sr-link-cards-articles {
    grid-template-columns: repeat(3, 1fr);
}

/* Warranties section: subheadings sized and spaced like article subheadings */
.sr-page .sr-warranties h3 {
    font-size: var(--fs-lg);
    margin: 2em 0 0.4em 0;
}

.sr-page .sr-warranties p {
    line-height: 1.7;
}

/* Anchor target (articles.php#warranties) clears the top of the viewport */
.sr-page #warranties {
    scroll-margin-top: 1.5em;
}

/* When the table stacks on mobile, keep the caption full width */
@media (max-width: 767px) {
    .sr-page .sr-table caption {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 991px) {
    .sr-page .sr-link-cards.sr-link-cards-articles {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .sr-page .sr-link-cards.sr-link-cards-articles {
        grid-template-columns: 1fr;
    }
}