.legal{max-width:820px; margin:0 auto; padding:56px 40px 80px}
.legal h1{
  font-family:'Oswald',sans-serif; font-weight:700; font-size:clamp(30px,5vw,46px);
  line-height:1.05; margin:0 0 8px; text-transform:uppercase; letter-spacing:.01em;
}
.legal .updated{color:var(--muted); font-size:14px; margin:0 0 34px}
.legal h2{
  font-family:'Oswald',sans-serif; font-weight:600; font-size:22px;
  margin:36px 0 10px; color:var(--gold);
}
.legal h2 .num{color:var(--carmine); margin-right:8px}
.legal p, .legal li{color:var(--text); line-height:1.7}
.legal ul{padding-left:20px; margin:8px 0}
.legal li{margin:6px 0}
.legal a{color:var(--gold); font-weight:600}
.legal a:hover{text-decoration:underline}
.legal code{background:var(--surf2); padding:1px 6px; border-radius:4px; font-size:13px}
.legal .note{
  margin:28px 0; padding:14px 16px; border-left:3px solid var(--carmine);
  background:var(--surf); border-radius:0 8px 8px 0; color:var(--muted); font-size:14px;
}
@media (max-width:680px){
  .legal{padding:40px 22px 64px}
}