/* Terms and privacy: one centred reading column on black. */
.legal { width: min(680px, 100% - 2 * var(--gutter)); margin: 0 auto; padding: 160px 0 48px; }
.legal-head { text-align: center; padding-bottom: 56px; border-bottom: .5px solid var(--sep); }
.legal-head h1 { margin-top: 20px; font-size: clamp(40px, 6vw, 64px); font-weight: 300; letter-spacing: -.045em; line-height: 1.05; }
.legal-head .other { margin-top: 20px; font-size: 14px; color: var(--grey); }
@media (hover: hover) { .legal-head .other a:hover { color: var(--ink); } }

.doc { font-size: 16px; line-height: 1.7; color: var(--text2); }
.doc h2 { margin: 64px 0 16px; font-size: 24px; font-weight: 300; letter-spacing: -.02em; line-height: 1.3; color: var(--ink); scroll-margin-top: 88px; }
.doc p { margin-top: 12px; }
.doc strong { color: var(--ink); font-weight: 500; }
.doc ul, .doc ol { margin-top: 12px; padding-left: 20px; }
.doc li { margin-top: 6px; padding-left: 4px; }
.doc li::marker { color: var(--sep2); }
.doc a { color: var(--ink); text-decoration: underline; text-decoration-thickness: .5px; text-underline-offset: 3px; word-break: break-word; }
.table { overflow-x: auto; margin-top: 16px; }
.doc table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 14px; }
.doc th, .doc td { text-align: left; vertical-align: top; padding: 12px 12px 12px 0; border-bottom: .5px solid var(--sep); }
.doc th { font-size: 11px; font-weight: 400; letter-spacing: 2.4px; text-transform: uppercase; color: var(--grey); border-bottom-color: var(--sep2); }
.doc td:first-child { color: var(--ink); }