/* Privacy and Terms: one readable column, a short table of contents beside it (stacked on narrow screens) */
.legal{display:grid;grid-template-columns:200px minmax(0,680px);gap:0 90px;padding:calc(var(--navh) + 70px) 0 140px}
.legal .toc{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;padding-top:12px}
.legal .toc a{font-size:15px;color:var(--soft);min-height:36px;display:flex;align-items:center;transition:color .3s}
.legal .toc a:hover{color:var(--cream)}
.legal h1.display{font-size:clamp(84px,9vw,128px)}
.legal .date{margin-top:26px;font-size:15px;color:var(--soft)}
.legal .intro{margin-top:22px;font-size:19px;line-height:1.55;color:var(--mute)}
.legal section{padding-top:64px;scroll-margin-top:80px}
.legal h2{font:400 44px/.92 var(--display);letter-spacing:-.005em}
.legal h3{font:600 17px/1.4 var(--sans);color:var(--cream);margin-top:26px}
.legal p,.legal li{font-size:17px;line-height:1.7;color:var(--mute)}
.legal section > p{margin-top:16px}
.legal h3 + p{margin-top:6px}
.legal strong{font-weight:500;color:var(--cream)}
.legal ul{margin-top:14px;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.legal li::marker{color:var(--dim)}
.legal code{font:500 15px var(--mono);color:var(--cream);background:#1a1411;border:1px solid var(--line);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
.legal a.u{color:var(--cream);border-bottom:1px solid var(--line2);transition:border-color .3s}
.legal a.u:hover{border-color:var(--cream)}
@media (max-width:1000px){
  .legal{grid-template-columns:minmax(0,1fr);padding-top:calc(var(--navh) + 40px)}
  .legal .toc{position:static;flex-direction:row;flex-wrap:wrap;gap:0 20px;order:2;margin-top:28px;padding:0}
  .legal .toc a{min-height:44px}
  .legal .body{display:contents}
  .legal .head{order:1}
  .legal .rest{order:3}
}
@media (max-width:760px){
  .legal{padding:calc(var(--navh) + 24px) 0 90px}
  .legal h1.display{font-size:76px}
  .legal .intro{font-size:17px}
  .legal section{padding-top:52px;scroll-margin-top:12px}
  .legal h2{font-size:38px}
  .legal p,.legal li{font-size:16px}
}
