/* LEGAL-PAGES-MOBILE-READABILITY-001 — scoped legal text (terms / privacy).
   Do not rely on global .container { padding: 0 } on narrow viewports. */

.legal-page {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 2rem 1.25rem calc(var(--mobile-bottom-nav-total, 4.25rem) + 1.5rem);
    box-sizing: border-box;
}

.legal-page h1 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1rem;
    color: var(--primary-color, #0d3075);
}

.legal-page h2 {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
    color: var(--primary-color, #0d3075);
}

.legal-page h3 {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

.legal-page p,
.legal-page li {
    font-size: 1rem;
    line-height: 1.55;
}

.legal-page p {
    margin-bottom: 0.75rem;
}

.legal-page ul {
    margin-bottom: 0.75rem;
    padding-left: 1.25rem;
}

.legal-page li {
    margin-bottom: 0.35rem;
}

@media (max-width: 767.98px) {
    .legal-page {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 1.25rem;
        padding-bottom: calc(var(--mobile-bottom-nav-total, 4.25rem) + 1.5rem);
    }

    .legal-page h1 {
        font-size: 1.35rem;
    }

    .legal-page h2 {
        font-size: 1.15rem;
    }
}