/* Privacy, Cookies and Terms: a reading page on top of landing.css's tokens, nav and footer. */
.legal{max-width:720px;margin:0 auto;padding:150px 24px 90px}
.legal .kick{display:inline-block;font-size:13px;font-weight:600;color:var(--dim);margin-bottom:14px}
.legal h1{font-size:clamp(36px,6vw,54px);letter-spacing:-.04em;line-height:1.05;margin:0 0 12px}
.legal .upd{color:var(--faint);font-size:14px;margin:0 0 30px}
.legal .lead{font-size:18px;color:var(--dim);margin:0 0 34px}
.legal .toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 44px;padding:0;list-style:none}
.legal .toc a{display:block;font-size:13px;text-decoration:none;color:var(--dim);border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 12px}
.legal .toc a:hover{color:var(--text)}
.legal h2{font-size:22px;letter-spacing:-.02em;line-height:1.25;margin:46px 0 12px;scroll-margin-top:110px}
.legal h3{font-size:16px;margin:24px 0 8px}
.legal p,.legal li{color:var(--dim)}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-left:20px}
.legal li{margin:0 0 8px}
.legal strong{color:var(--text);font-weight:600}
.legal a{color:var(--blue);text-decoration:none}
[data-theme="dark"] .legal a{color:#7aa2ff}
.legal a:hover{text-decoration:underline}
.legal table{width:100%;border-collapse:collapse;margin:6px 0 20px;font-size:14px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);color:var(--dim)}
.legal th{color:var(--text);font-weight:600}
.legal td code{font:12px ui-monospace,Menlo,monospace;color:var(--text);word-break:break-all}
.legal .box{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px 20px;margin:0 0 30px}
.legal .box p:last-child{margin:0}
.legal .tw{overflow-x:auto}
@media (max-width:720px){.legal{padding:120px 16px 70px}}