/* Legal pages. Long-form reading on the ADAPT palette. */
.legal{padding:calc(var(--nav-h) + 72px) 0 clamp(72px,9vw,110px)}
.legal h1{font-size:clamp(28px,4vw,46px); line-height:1.05; letter-spacing:-.02em; margin-bottom:14px}
.legal .updated{font-family:var(--font-display); font-weight:700; font-size:10.5px;
  text-transform:uppercase; letter-spacing:.16em; color:var(--fg-3); margin-bottom:44px}
.legal h2{font-size:clamp(17px,2vw,21px); letter-spacing:.02em; margin:40px 0 14px;
  padding-top:26px; border-top:1px solid var(--line)}
.legal h2:first-of-type{border-top:0; padding-top:0; margin-top:0}
.legal p{color:var(--fg-2); font-size:16px; line-height:1.75; margin-bottom:16px}
.legal ul{list-style:none; padding:0; margin:0 0 18px}
.legal li{position:relative; padding:9px 0 9px 22px; color:var(--fg-2);
  font-size:15.5px; line-height:1.7; border-bottom:1px solid rgba(255,255,255,.05)}
.legal li::before{content:''; position:absolute; left:2px; top:19px; width:5px; height:5px;
  border-radius:50%; background:var(--bronze-600)}
.legal li b, .legal p b{color:var(--fg); font-weight:600}
.legal a{color:var(--bronze-400); border-bottom:1px solid var(--bronze-800)}
.legal a:hover{color:var(--bronze-300)}
.legal-foot{margin-top:48px !important; padding-top:26px; border-top:1px solid var(--line);
  color:var(--fg-3) !important; font-size:15px !important}