/* Shared stylesheet for terms.html and privacy.html — both use the same
   .legal-page/.legal-content/.legal-section/.legal-footer class names.
   Originally extracted from terms.html's inline <style> block for CSP
   compliance ('unsafe-inline' removed from style-src); privacy.html was
   missing this stylesheet entirely and rendered unstyled until linked here. */
.legal-page {
    padding: 120px 20px 60px;
}

.legal-content {
    max-width: 800px;
    margin: 0 auto;
}

.legal-content h1 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.last-updated {
    color: var(--gray-text);
    margin-bottom: 3rem;
}

.legal-section {
    margin-bottom: 2.5rem;
}

.legal-section h2 {
    color: var(--primary-color);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.legal-section p {
    color: var(--gray-text);
    line-height: 1.8;
    margin-bottom: 1rem;
}

.legal-section ul {
    color: var(--gray-text);
    line-height: 1.8;
    margin-left: 2rem;
    margin-bottom: 1rem;
}

.legal-section li {
    margin-bottom: 0.5rem;
}

.legal-footer {
    margin-top: 3rem;
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid var(--border-color);
}