.legal-page {
    padding-block: 32px 64px;
}

.legal-page__breadcrumbs {
    margin-bottom: 32px;
}

.legal-page__article {
    max-width: 840px;
    margin-inline: auto;
    background: var(--color-surface-container-lowest);
    border-radius: var(--radius-xl);
    padding: 24px;
}

.legal-page__head {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 1024px) {
    .legal-page__article {
        padding: 48px;
    }
}