.legalhero{position:relative;padding-block:clamp(48px,7vw,80px) clamp(20px,3vw,32px)}
.legalhero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background-image:url("../img/house-pattern.svg");background-repeat:repeat-x;background-position:bottom left;
  background-size:180px 120px;opacity:.35;
  -webkit-mask-image:linear-gradient(to top,#000 0%,transparent 80%);mask-image:linear-gradient(to top,#000 0%,transparent 80%)}
.legalhero__inner{max-width:760px}
.legalhero h1{font-size:clamp(28px,4vw,46px)}
.legalhero p{margin-top:14px;color:var(--muted);font-size:14px}

.legalwrap{padding-bottom:var(--sec);display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}
@media (max-width:900px){.legalwrap{grid-template-columns:1fr}}
.legaltoc{position:sticky;top:100px;display:flex;flex-direction:column;gap:10px}
.legaltoc a{font-size:13.5px;color:var(--ink-2);padding:6px 0;border-left:2px solid var(--line);padding-left:14px}
.legaltoc a:hover{color:var(--red);border-color:var(--red)}

.legalbody section{padding-block:26px;border-bottom:1px solid var(--line)}
.legalbody section:first-child{padding-top:0}
.legalbody h2{font-size:20px;margin-bottom:14px;scroll-margin-top:100px}
.legalbody p{color:var(--ink-2);line-height:1.75;margin-bottom:12px}
.legalbody ul{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.legalbody li{color:var(--ink-2);line-height:1.7;list-style:disc}
.legalbody b{color:var(--ink)}