.legal-page {
    padding: calc(var(--nav-height) + 3rem) 0 4rem;
    min-height: 70vh;
}

.legal-updated {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin: 0.75rem 0 2rem;
}

.legal-section {
    margin-bottom: 2rem;
    max-width: 42rem;
}

.legal-section h2 {
    font-family: var(--font-display);
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.75rem;
}

.legal-section p,
.legal-section li {
    color: var(--text-muted);
    line-height: 1.7;
    font-size: 0.975rem;
}

.legal-section ul {
    margin: 0.75rem 0 0 1.25rem;
}

.legal-section li + li {
    margin-top: 0.4rem;
}

.legal-section a {
    color: var(--soft-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}

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

.legal-section code {
    font-family: var(--font-mono);
    font-size: 0.85em;
    color: var(--text-primary);
}