/* Privacy and terms (privacy.php, terms.php): a readable single column on top of site.css and support.css. */
.legal { max-width: 760px; }
.legal > p, .legal li { font-size: 15.5px; line-height: 1.7; color: var(--mute); }
.legal > p b, .legal li b { color: var(--text); font-weight: 600; }
.legal h2 { margin: 40px 0 10px; font-size: 21px; font-weight: 600; letter-spacing: -0.01em; color: var(--text); }
.legal ul { margin: 0; padding-left: 20px; display: grid; gap: 8px; }
.legal a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.legal code { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: var(--text); }
.legal .doc-table { margin: 6px 0 12px; overflow-x: auto; border-radius: 14px; border: 1px solid var(--line); background: var(--surface); }
.legal .doc-table table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.legal .doc-table th, .legal .doc-table td { padding: 12px 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--line); }
.legal .doc-table thead th { border-top: 0; font-size: 13px; font-weight: 600; color: var(--mute); background: var(--bg-2); }
.legal .doc-table td:first-child { color: var(--text); font-weight: 500; white-space: nowrap; }
.legal .doc-table td { color: var(--mute); }
.legal-see { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); }