.body--legal {
    background: var(--color-surface);
}

.page-hero--legal {
    background: linear-gradient(135deg, rgba(3, 3, 105, 0.94), rgba(3, 3, 105, 0.68));
    color: var(--color-base-00);
}

.page-hero--legal::before {
    display: none;
}

.page-hero--legal .page-hero__container {
    align-items: flex-end;
}

.page-hero--legal .page-hero__content {
    max-width: 72rem;
}

.legal-section {
    padding: clamp(4.8rem, 7vw, 6.4rem) 0;
}

.legal-container {
    max-width: 80rem;
    display: grid;
    gap: 1.6rem;
}

.legal-container h2 {
    font-size: clamp(2.2rem, 3vw, 2.8rem);
}

.legal-container p {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    color: var(--color-base-80);
}

.legal-container a {
    color: var(--color-primary);
}