.mb-legal-page {
    max-width: 960px;
    margin: 0 auto;
    padding: 64px 0 96px;
    font-family: var(--body-m-font-family, "Satoshi", Arial, sans-serif);
}

.mb-legal-header {
    margin-bottom: 32px;
}

.mb-legal-header h1 {
    margin: 0 0 12px;
    font-family: var(--desktop-h1-font-family, "Satoshi", Arial, sans-serif);
    font-size: var(--desktop-h1-font-size, 48px);
    font-weight: var(--desktop-h1-font-weight, 700);
    line-height: var(--desktop-h1-line-height, 1.1);
    letter-spacing: var(--desktop-h1-letter-spacing, -0.02em);
}

.mb-legal-effective-date {
    margin: 0;
    font-family: var(--body-s-font-family, "Satoshi", Arial, sans-serif);
    font-size: var(--body-s-font-size, 14px);
    font-weight: var(--body-s-font-weight, 400);
    line-height: var(--body-s-line-height, 1.5);
    opacity: 0.68;
}

.mb-legal-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin: 0 0 48px;
    padding: 0 0 20px;
    border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
}

.mb-legal-nav a {
    color: inherit;
    font-family: var(--other-menu-m-font-family, "Satoshi", Arial, sans-serif);
    font-size: var(--other-menu-m-font-size, 14px);
    font-weight: var(--other-menu-m-font-weight, 500);
    line-height: var(--other-menu-m-line-height, 1.4);
    text-decoration: none;
    opacity: 0.68;
}

.mb-legal-nav a:hover,
.mb-legal-nav a:focus-visible,
.mb-legal-nav a.is-active {
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.mb-legal-content {
    font-family: var(--body-m-font-family, "Satoshi", Arial, sans-serif);
    font-size: var(--body-m-font-size, 16px);
    font-weight: var(--body-m-font-weight, 400);
    line-height: var(--body-m-line-height, 1.65);
    letter-spacing: var(--body-m-letter-spacing, 0);
}

.mb-legal-content section {
    scroll-margin-top: 96px;
}

.mb-legal-content section + section {
    margin-top: 44px;
}

.mb-legal-content h2 {
    margin: 0 0 16px;
    font-family: var(--desktop-h3-font-family, "Satoshi", Arial, sans-serif);
    font-size: var(--desktop-h3-font-size, 28px);
    font-weight: var(--desktop-h3-font-weight, 700);
    line-height: var(--desktop-h3-line-height, 1.2);
    letter-spacing: var(--desktop-h3-letter-spacing, -0.01em);
}

.mb-legal-content h3 {
    margin: 28px 0 12px;
    font-family: var(--desktop-h5-font-family, "Satoshi", Arial, sans-serif);
    font-size: var(--desktop-h5-font-size, 18px);
    font-weight: var(--desktop-h5-font-weight, 700);
    line-height: var(--desktop-h5-line-height, 1.3);
    letter-spacing: var(--desktop-h5-letter-spacing, 0);
}

.mb-legal-content p {
    margin: 0 0 16px;
}

.mb-legal-content ul,
.mb-legal-content ol {
    margin: 0 0 18px;
    padding-left: 24px;
}

.mb-legal-content li + li {
    margin-top: 8px;
}

.mb-legal-content a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.mb-legal-content strong {
    font-weight: 700;
}

.mb-legal-table-wrap {
    width: 100%;
    margin: 20px 0;
    overflow-x: auto;
}

.mb-legal-table {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
}

.mb-legal-table th,
.mb-legal-table td {
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
    text-align: left;
    vertical-align: top;
}

.mb-legal-table th {
    font-weight: 700;
}

.mb-legal-contact {
    margin-top: 20px;
    font-style: normal;
}

@media (max-width: 767.98px) {
    .mb-legal-page {
        padding: 40px 0 64px;
    }

    .mb-legal-header h1 {
        font-size: var(--mobile-h1-font-size, 36px);
        line-height: var(--mobile-h1-line-height, 1.15);
    }

    .mb-legal-nav {
        margin-bottom: 36px;
    }

    .mb-legal-content section + section {
        margin-top: 36px;
    }
}