/* Legal pages (/terms, /privacy, /baa, …), generated by docs/legal/build.mjs. */

.legal { max-width: 860px; padding-top: 56px; padding-bottom: 80px; }
.legal-head { margin-bottom: 36px; }
.legal-head h1 { margin: 0 0 10px; font-size: clamp(30px, 4vw, 42px); line-height: 1.15; letter-spacing: -.02em; }

.legal-body { font-size: 15px; line-height: 1.75; color: color-mix(in srgb, var(--color-text) 86%, transparent); }
.legal-body h2 { margin: 40px 0 12px; font-size: 21px; line-height: 1.3; letter-spacing: -.01em; color: var(--color-text); scroll-margin-top: 80px; }
.legal-body h3 { margin: 26px 0 8px; font-size: 16.5px; color: var(--color-text); scroll-margin-top: 80px; }
.legal-body p { margin: 0 0 14px; }
.legal-body ul, .legal-body ol { margin: 0 0 16px; padding-left: 22px; }
.legal-body li { margin-bottom: 6px; }
.legal-body strong { color: var(--color-text); font-weight: 500; }
.legal-body hr { border: 0; height: 1px; background: var(--color-neutral-800); margin: 32px 0; }
.legal-body .table-wrap, .legal-body table { display: block; overflow-x: auto; }
.legal-body table { border-collapse: collapse; margin: 0 0 20px; font-size: 13.5px; width: 100%; }
.legal-body th, .legal-body td { border: 1px solid var(--color-neutral-800); padding: 8px 12px; text-align: left; vertical-align: top; }
.legal-body th { color: var(--color-text); font-weight: 500; background: color-mix(in srgb, var(--color-neutral-900) 60%, transparent); }

/* Values still to be filled in docs/legal/legal.config.json. */
mark.todo { background: color-mix(in srgb, #f5c542 30%, transparent); color: var(--color-text); padding: 0 3px; border-radius: 3px; }