/* =============================================================
   assets/css/legal.css — Terms of Service and Privacy Policy
   ============================================================= */
.legal-page { padding-top: 64px; }
.legal-wrap { background: var(--off-white); padding: 60px 0; min-height: calc(100vh - 64px); }
.legal-card { background: var(--white); border: 1px solid var(--gray-light); border-radius: var(--radius-xl); padding: 48px; }
.legal-head { margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid var(--gray-light); }
.legal-head h1 { font-size: 2rem; margin-bottom: 4px; }
.legal-head p { font-size: 14px; color: var(--gray-text); margin: 0; }
.legal-head .legal-updated { margin-top: 6px; font-size: 13px; }
.legal-card h2 { font-size: 1.2rem; margin: 30px 0 10px; }
.legal-card h3 { font-size: 1rem; margin: 18px 0 6px; }
.legal-card p, .legal-card li { font-size: 15px; line-height: 1.75; color: var(--text); }
.legal-card p { margin: 0 0 14px; }
.legal-card ul { margin: 0 0 14px; padding-left: 20px; }
.legal-card li { margin-bottom: 6px; }
.legal-card a { color: var(--navy); font-weight: 500; text-decoration: underline; }
.legal-foot { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--gray-light); font-size: 13px; color: var(--gray-text); }
@media (max-width: 600px) { .legal-card { padding: 24px 20px; } .legal-wrap { padding: 24px 0; } }