/**
 * Legal pages (/legal/*) — mobile viewport width.
 * Base layout: legal-page.css. Gutter matches other mobile pages (--hapai-mobile-listing-gutter-inline).
 */
@media (max-width: 1023px) {
    .legal-page {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
        box-sizing: border-box;
    }

    .legal-page .container {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding-left: var(--hapai-mobile-listing-gutter-inline, 16px);
        padding-right: var(--hapai-mobile-listing-gutter-inline, 16px);
        box-sizing: border-box;
    }

    .legal-layout {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .legal-nav,
    .legal-nav__card,
    .legal-page__main,
    .legal-page__article {
        min-width: 0;
        max-width: 100%;
    }

    .legal-nav__card {
        overflow: visible;
    }

    /* Vertical link list (no horizontal scroll, no chip buttons) */
    .legal-nav__list {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0;
        max-width: 100%;
        overflow: visible;
        padding-bottom: 0;
    }

    .legal-nav__item {
        flex: none;
        width: 100%;
        border-bottom: 1px solid var(--m3-outline-variant, #e5e7eb);
    }

    .legal-nav__item:last-child {
        border-bottom: none;
    }

    .legal-nav__link {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
        padding: 12px 4px;
        border: none;
        border-radius: 0;
        background: transparent;
        color: var(--m3-on-surface, #374151);
        font-size: 14px;
        line-height: 1.45;
        white-space: normal;
        text-decoration: none;
        transition: color 0.15s ease, background-color 0.15s ease;
    }

    .legal-nav__link:hover,
    .legal-nav__link:focus-visible {
        background: rgba(121, 116, 126, 0.08);
        color: var(--m3-on-surface, #111827);
    }

    .legal-nav__link--active {
        color: var(--m3-primary, #4f46e5);
        background: transparent;
        font-weight: 600;
    }

    .legal-nav__link--active .legal-nav__icon {
        color: var(--m3-primary, #4f46e5);
    }

    .legal-nav__icon {
        flex-shrink: 0;
        margin-top: 2px;
    }

    .legal-nav__label {
        flex: 1;
        min-width: 0;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }

    .legal-page__title,
    .legal-page__lead,
    .legal-page__p,
    .legal-page__h2,
    .legal-page__bullet-text,
    .legal-page__footnote {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }

    .legal-page__lead {
        max-width: 100%;
    }

    .legal-page__article--html {
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .legal-page__article--html table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }

    .legal-page__article--html img,
    .legal-page__article--html pre,
    .legal-page__article--html iframe {
        max-width: 100%;
        height: auto;
    }
}