/* Terms and privacy: a long document set like a printed contract — one measure,
   numbered sections, a ruled table of contents. Shares chat_site.css. */
.legal{padding:56px 0 24px;max-width:760px}
.legal h1{font-size:clamp(36px,5.6vw,60px)}
.legal .sub{font-size:17px}
.toc{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:36px 0 12px;border-top:1px solid var(--hair);
     border-bottom:1px solid var(--hair);padding:10px 0}
.toc a{text-decoration:none;color:var(--ink2);font-size:14px;padding:9px 0;border-bottom:1px solid var(--hair);
       display:block;min-height:44px;line-height:26px;text-transform:none;letter-spacing:0;font-weight:500}
.toc a::after{display:none}
.legal .ver{white-space:nowrap;font-weight:600;color:var(--ink)}
main{display:block}
.toc a:last-child,.toc a:nth-last-child(2):nth-child(odd){border-bottom:none}
.toc a:hover{color:var(--verm)}
.legal section{padding:34px 0 6px;border-bottom:1px solid var(--hair)}
.legal section:last-of-type{border-bottom:none}
.legal h2{font-family:var(--serif);font-weight:700;font-size:23px;letter-spacing:-.01em;margin-bottom:12px;scroll-margin-top:24px}
.legal p,.legal li{font-size:15.5px;color:var(--ink);line-height:1.7;margin-bottom:12px;max-width:68ch}
.legal p b{font-weight:600}
.legal ul{margin:0 0 12px 0;padding-left:0;list-style:none}
.legal li{padding-left:22px;position:relative}
.legal li::before{content:"";position:absolute;left:2px;top:.72em;width:10px;height:2.5px;border-radius:2px;background:var(--verm)}
.legal a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--verm);text-underline-offset:3px}
.legal a:hover{color:var(--verm)}
.legal .note{margin-top:8px}
@media(max-width:820px){
  .legal{padding-top:36px}
  .toc{grid-template-columns:1fr}
  .toc a:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--hair)}
}