/* Cross-component responsive safeguards. Page-level layouts live with their components. */
@media (max-width: 63.99rem) {
    :root {
        --hd-header-height: 4.25rem;
    }

    body.hd-site-body {
        -webkit-text-size-adjust: 100%;
    }

    body.hd-site-body :where(button, a, input, select, textarea, summary) {
        touch-action: manipulation;
    }
}

@media (max-width: 47.99rem) {
    :root {
        --hd-gutter: 1.25rem;
    }

    body.hd-site-body :where(input, select, textarea) {
        font-size: 1rem;
    }
}

@media (hover: none) {
    .hd-category-tile img,
    .ml-product-media img,
    .ml-style-journal-card img {
        transform: none !important;
    }
}