/* ===== Legal Pages Styles ===== */

.legal-page {
    padding-top: 140px;
    padding-bottom: var(--space-12);
    min-height: 100vh;
}

.legal-header {
    text-align: left;
    margin-bottom: var(--space-8);
    padding-bottom: var(--space-6);
    border-bottom: 1px solid var(--border);
}

.legal-header h1 {
    font-size: clamp(2rem, 4vw, 2.8rem);
    margin-bottom: var(--space-3);
}

.legal-updated {
    color: var(--text-subtle);
    font-size: 0.95rem;
}

.legal-content {
    max-width: 760px;
}

.legal-content section {
    margin-bottom: var(--space-8);
    padding-bottom: var(--space-6);
    border-bottom: 1px solid rgba(31, 28, 24, 0.08);
}

.legal-content section:last-child {
    border-bottom: none;
}

.legal-content h2 {
    font-size: 1.35rem;
    margin-bottom: var(--space-4);
    color: var(--text);
}

.legal-content h3 {
    font-size: 1.05rem;
    font-weight: 600;
    margin-top: var(--space-5);
    margin-bottom: var(--space-3);
    color: var(--text);
}

.legal-content p {
    color: var(--text-muted);
    line-height: 1.8;
    margin-bottom: var(--space-4);
}

.legal-content ul {
    padding-left: var(--space-6);
    margin-bottom: var(--space-4);
    color: var(--text-muted);
}

.legal-content li {
    margin-bottom: var(--space-3);
    line-height: 1.7;
}

.legal-content a {
    color: var(--accent-strong);
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: 200ms ease;
}

.legal-content a:hover {
    border-bottom-color: var(--accent-strong);
}

.legal-content strong {
    color: var(--text);
    font-weight: 600;
}

@media (max-width: 768px) {
    .legal-page {
        padding-top: 120px;
    }
}