@media screen and (max-width: 600px) {
        .site-content.legal-page {
                padding: clamp(72px, 22vw, 110px) clamp(14px, 6vw, 32px) clamp(110px, 28vw, 160px);
                gap: clamp(24px, 10vw, 40px);
        }

        .legal-hero__inner {
                padding: clamp(24px, 10vw, 40px);
                text-align: left;
        }

        .legal-hero__eyebrow {
                letter-spacing: 0.16em;
                font-size: 0.62rem;
        }

        .legal-hero h1 {
                font-size: clamp(1.6rem, 8vw, 2.2rem);
        }

        .legal-hero__lead {
                font-size: 0.98rem;
        }

        .legal-article {
                padding: clamp(20px, 9vw, 32px);
        }

        .legal-article h2 {
                font-size: clamp(1.1rem, 6vw, 1.4rem);
        }

        .legal-article p,
        .legal-article li {
                font-size: 0.98rem;
                line-height: 1.68;
        }
}