.legal-page,
.not-found {
    padding: var(--spacing-xl) 0 var(--spacing-xxl);
}

.legal-page h1,
.not-found h1 {
    font-size: 2.2rem;
    color: var(--color-primary);
    margin-bottom: var(--spacing-sm);
}

.legal-page h2 {
    font-size: 1.35rem;
    margin-top: var(--spacing-lg);
    color: var(--color-primary);
}

.legal-lead,
.legal-updated {
    color: var(--color-gray);
}

.legal-page ul {
    margin: 0 0 var(--spacing-md) 1.25rem;
}

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

.not-found {
    text-align: center;
    min-height: 50vh;
}

.not-found p {
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
}

.not-found-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    justify-content: center;
    margin-top: var(--spacing-lg);
}

@media (max-width: 768px) {
    .legal-page h1,
    .not-found h1 {
        font-size: 1.75rem;
    }

    .legal-page,
    .not-found {
        padding-top: var(--spacing-lg);
    }
}