.phead.legal-head{text-align:left}

.phead.legal-head h1{font-size:clamp(2.8rem,8vw,6rem)}

.legal-meta{margin-top:18px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint)}

.legal{padding:0 0 clamp(80px,12vh,140px)}

.legal-grid{display:grid;grid-template-columns:230px 1fr;gap:clamp(30px,5vw,72px);align-items:start}

@media(max-width:860px){.legal-grid{grid-template-columns:1fr}}

.toc{position:sticky;top:110px}

@media(max-width:860px){.toc{position:static;top:auto;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:10px}}

.toc h6{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--faint);margin-bottom:16px}

.toc a{display:block;color:var(--grey);font-size:13px;padding:7px 0 7px 14px;border-left:1px solid var(--line);transition:.2s}

.toc a:hover,.toc a.active{color:#fff;border-left-color:var(--g4)}

.prose{max-width:70ch}

.prose section{padding-top:18px;margin-bottom:42px;scroll-margin-top:100px}

.prose h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.025em;font-size:clamp(2rem,4vw,3.3rem);line-height:1;
  margin-bottom:14px;display:flex;align-items:baseline;gap:12px}

.prose h2 .num{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--g4);letter-spacing:.1em}

.prose p{color:#c7c7c7;font-size:15px;line-height:1.75;margin-bottom:14px}

.prose ul{list-style:none;margin:8px 0 16px}

.prose li{color:#c7c7c7;font-size:15px;line-height:1.7;padding-left:20px;position:relative;margin-bottom:8px}

.prose li::before{content:"";position:absolute;left:0;top:12px;width:9px;height:1px;background:var(--g4)}

.prose a{color:var(--g3)}

.prose a:hover{color:#fff}

.prose strong{color:#fff;font-weight:600}