/* Verified responsive corrections. Loaded after the page and section styles. */

/* A flex item's default minimum width pushed the comparison heading outside
   its content column on narrow phones, where the site shell clipped its text. */
@media (max-width: 800px) {
    .model-comparison-heading > div {
        min-width: 0;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .model-comparison-heading h2 {
        font-size: clamp(2.125rem, 11vw, 2.8rem);
    }
}

/* Text-only header/footer controls had 18–23px hit areas. Keep their visual
   type sizes while giving each independent navigation control a 44px target. */
@media (max-width: 1100px) {
    .header .brand,
    .header__phone,
    .header .nav a,
    .footer__top > .brand,
    .footer__top > div > a {
        display: inline-flex;
        align-items: center;
        min-width: 44px;
        min-height: 44px;
    }
}

/* The label is the checkbox's touch target, including when consent copy fits
   on one or two short lines at tablet widths. */
.request .request__consent {
    min-height: 44px;
}