/* Terms, Privacy and Beta pages */
.legal { max-width: 760px; margin: 0 auto; padding-block: 32px 80px; }
.legal h1 { font-size: 34px; margin: 0 0 6px; }
.legal h2 { font-size: 20px; margin: 34px 0 8px; }
.legal p, .legal li { max-width: 68ch; }
.legal .updated { color: var(--muted); margin: 0 0 24px; }
.legal table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 8px 0 16px; }
.legal th, .legal td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.legal th { background: var(--sunk); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.legal .tw { overflow-x: auto; }
.legal .box { background: var(--sunk); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; }
.sitehead { border-bottom: 1px solid var(--line); background: var(--surface); }
.sitehead > div { max-width: 760px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 60px; gap: 12px; }
.sitefoot { max-width: 760px; margin: 0 auto; padding-block: 0 40px; color: var(--muted); font-size: 14px; display: flex; gap: 14px; flex-wrap: wrap; }
.sitefoot a { color: var(--muted); }