/* privacy policy and consent: a calm reading page in the site's own dark design */
.legal{padding-top:calc(var(--head) + clamp(40px,6vw,80px));padding-bottom:clamp(80px,10vw,140px)}
.legal-in{max-width:760px}
.legal .display{font-size:clamp(30px,3.6vw,46px)}
.legal-meta{margin:16px 0 0;font-size:13px;color:var(--muted)}
.legal-toc{margin:32px 0 0;padding:20px 24px;border-radius:var(--r-lg);background:var(--surface);columns:2;column-gap:32px;font-size:14px;list-style:none}
.legal-toc li{break-inside:avoid;padding:4px 0}
.legal-toc a{color:var(--text-2)}
.legal-toc a:hover{color:var(--text)}
.legal h2{margin:48px 0 14px;font-weight:500;font-size:22px;letter-spacing:-.015em;scroll-margin-top:calc(var(--head) + 16px)}
.legal h3{margin:24px 0 8px;font-weight:500;font-size:16px}
.legal p,.legal li{font-size:15px;line-height:1.7;color:var(--text-2)}
.legal p{margin:0 0 12px}
.legal ul,.legal ol{margin:0 0 12px;padding-left:22px}
.legal li{margin:4px 0}
.legal b{color:var(--text);font-weight:500}
.legal a.link{color:var(--text)}
.legal table{width:100%;margin:8px 0 16px;border-collapse:collapse;font-size:14px}
.legal th,.legal td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--text-2);line-height:1.55}
.legal th{font-weight:500;color:var(--text);font-size:13px}
.legal-card{margin:16px 0;padding:18px 22px;border-radius:var(--r);background:var(--surface);font-size:14px}
.legal-card p{margin:0 0 6px;font-size:14px}
@media (max-width:700px){
  .legal-toc{columns:1}
  .legal table,.legal thead,.legal tbody,.legal tr,.legal th,.legal td{display:block}
  .legal thead{display:none}
  .legal tr{padding:12px 0;border-bottom:1px solid var(--line)}
  .legal td{padding:3px 0;border:0}
  .legal td::before{content:attr(data-h);display:block;font-size:12px;color:var(--muted)}
}