/* legal pages: a readable column with a sticky table of contents */
.legal-page{background:var(--ink)}
.legal{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,6vw,88px);padding-block:clamp(48px,8vh,96px);align-items:start}
.legal-side{position:sticky;top:96px;display:grid;gap:24px}
.legal-side nav{display:grid;gap:2px;border-left:1px solid rgb(var(--line-rgb) / .25)}
.legal-side nav a{padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:14px;line-height:1.35}
.legal-side nav a:hover{color:var(--fg);border-left-color:var(--violet)}
.legal-other{font-size:14px;color:var(--violet);text-decoration:none}
.legal-body{max-width:72ch}
.legal-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}
.legal-body h1{font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.05;margin:10px 0 28px}
.legal-body h2{font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2;margin:40px 0 12px;scroll-margin-top:96px}
.legal-body p,.legal-body li{color:var(--fg);opacity:.86;font-size:16px;line-height:1.7;margin:0 0 14px}
.legal-body ul{margin:0 0 16px;padding-left:22px}
.legal-body li{margin-bottom:8px}
.legal-body a{color:var(--violet)}
.legal-body *{text-shadow:none}
@media (max-width:860px){ .legal{grid-template-columns:1fr} .legal-side{position:static;order:2} }