/* /terms and /privacy */
.legal { max-width: 820px; margin: 0 auto; padding: 48px 24px 80px; line-height: 1.65; }
.legal h1 { font-size: clamp(1.6rem, 4vw, 2.1rem); margin-bottom: 6px; }
.legal h2 { font-size: 1.1rem; margin: 32px 0 8px; color: var(--teal-light); }
.legal p, .legal li { color: var(--text); font-size: 0.95rem; }
.legal p { margin: 0 0 12px; }
.legal ul { margin: 0 0 12px; padding-left: 22px; }
.legal li { margin-bottom: 6px; }
.legal a { color: var(--teal-light); }
.legal code { font-size: 0.85rem; }
.legal-meta { color: var(--text-dim) !important; font-size: 0.85rem !important; }
.legal table { width: 100%; border-collapse: collapse; margin: 8px 0 16px; font-size: 0.88rem; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--border); }
.legal th { color: var(--text-dim); font-weight: 600; }
.legal-lang { display: flex; gap: 6px; justify-content: flex-end; margin-bottom: 8px; }
.legal-lang button { background: none; border: 1px solid var(--border); color: var(--text-dim); border-radius: 6px; padding: 5px 12px; font: inherit; font-size: 0.82rem; cursor: pointer; }
.legal-lang button.on { border-color: var(--teal); color: var(--text); background: rgba(0, 180, 200, 0.12); }
.legal article[hidden] { display: none; }
@media (max-width: 600px) { .legal table, .legal thead, .legal tbody, .legal tr, .legal td, .legal th { font-size: 0.82rem; } .legal th, .legal td { padding: 6px; } }
footer a { color: var(--text-dim); }