/* Per-program Privacy Policy / Accessibility pages (Pages/Shared/_ProgramLegalPage.cshtml).
   Loaded inside the TourGuide, Safari, DubaiWay and Nanny layouts, so it relies only on the --dw-*
   tokens from global.css (with plain fallbacks) and scopes everything under .program-legal-page. */
.program-legal-page {
    max-width: 960px;
    margin: 0 auto;
    padding: 48px 32px 80px;
    color: var(--dw-gray-700, #414141);
}

.program-legal-page__title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--dw-teal-300, #206770);
    margin: 0 0 32px;
    text-align: center;
}

.program-legal-page__body {
    font-size: 1rem;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

    .program-legal-page__body h2,
    .program-legal-page__body h3 {
        color: var(--dw-teal-300, #206770);
        font-weight: 700;
        line-height: 1.3;
        margin: 32px 0 12px;
    }

    .program-legal-page__body h2 {
        font-size: 1.5rem;
    }

    .program-legal-page__body h3 {
        font-size: 1.2rem;
    }

    .program-legal-page__body p {
        margin: 0 0 14px;
    }

    .program-legal-page__body ul,
    .program-legal-page__body ol {
        margin: 0 0 14px;
        padding-inline-start: 24px;
    }

    .program-legal-page__body li {
        margin-bottom: 6px;
    }

    .program-legal-page__body a {
        color: var(--dw-teal, #00666E);
        text-decoration: underline;
    }

    /* Authored tables (e.g. a cookie list) scroll inside the page instead of widening it. */
    .program-legal-page__body table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        border-collapse: collapse;
        margin: 0 0 16px;
    }

    .program-legal-page__body th,
    .program-legal-page__body td {
        border: 1px solid var(--dw-gray-l, rgba(0, 0, 0, .12));
        padding: 8px 12px;
        text-align: start;
        vertical-align: top;
    }

@media (max-width: 768px) {
    .program-legal-page {
        padding: 32px 16px 48px;
    }

    .program-legal-page__title {
        font-size: 1.8rem;
    }
}