/* sonr.co /privacy: a calm long read. Tokens and shared components live in site.css. */
.legal{padding:calc(var(--nav-h) + clamp(48px,7vw,96px)) 0 clamp(72px,10vw,140px)}
.legal-head .display{font-size:clamp(40px,5.4vw,68px);max-width:16ch}
.legal-head .lede{margin-top:18px}
.legal-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:clamp(32px,6vw,96px);margin-top:clamp(48px,6vw,80px);align-items:start}
.legal-toc{position:sticky;top:calc(var(--nav-h) + 32px)}
.legal-toc ol{list-style:none;margin:0;padding:0;counter-reset:t;border-left:1px solid var(--line)}
.legal-toc li{counter-increment:t}
.legal-toc a{display:flex;gap:12px;align-items:baseline;padding:8px 0 8px 18px;margin-left:-1px;border-left:1px solid transparent;color:var(--text-secondary);text-decoration:none;font-size:15px;transition:color .25s var(--ease-out),border-color .25s var(--ease-out)}
.legal-toc a::before{content:counter(t,decimal-leading-zero);font-family:var(--mono);font-size:11px;color:var(--text-secondary);opacity:.7}
.legal-toc a:hover{color:var(--text-primary);border-left-color:var(--accent)}
.legal-text{max-width:68ch;font-family:var(--serif);font-optical-sizing:auto;font-size:19px;line-height:1.65}
.legal-text section{padding-top:8px;margin-bottom:clamp(40px,5vw,56px);scroll-margin-top:calc(var(--nav-h) + 24px)}
.legal-text h2{font-family:var(--serif);font-weight:600;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.01em;margin-bottom:14px}
.legal-text h3{font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:0;margin:26px 0 6px;color:var(--text-primary)}
.legal-text p{color:#d5dde6}
.legal-text p+p,.legal-text ul+p{margin-top:14px}
.legal-text ul{margin:14px 0 0;padding-left:1.1em;color:#d5dde6}
.legal-text li{margin-top:10px}
.legal-text li::marker{color:var(--accent)}
.legal-text a{color:var(--text-primary);text-decoration-color:var(--accent);text-underline-offset:3px}
.legal-text strong{color:var(--text-primary)}
.legal-updated{font-family:var(--sans);font-size:15px;color:var(--text-secondary)!important}
@media (max-width:860px){.legal-body{grid-template-columns:1fr}.legal-toc{position:relative;top:0}.legal-text{font-size:18px}}