.legal{padding:56px 0 72px;border-bottom:1px solid var(--border)}
.legal__wrap{max-width:820px}
.legal h1{font-size:34px;margin:0 0 14px}
.legal__lede{font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 10px;max-width:660px}
.legal__updated{
  font-family:var(--font-ui);font-size:10.5px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
  margin:0 0 28px;padding-bottom:22px;border-bottom:1px solid var(--border);
}

.legal__index{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.legal__index a{
  font-family:var(--font-ui);font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--brand);
  border-bottom:1px solid var(--accent);padding-bottom:3px;
}

.legal__doc{margin-bottom:52px;scroll-margin-top:100px}
.legal__doc h2{
  font-size:15px;margin:0 0 24px;padding-bottom:12px;
  border-bottom:2px solid var(--accent);
  font-family:var(--font-ui);font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--brand-dark);
}
.legal__doc h3{
  font-size:16.5px;margin:30px 0 8px;color:var(--brand-dark);
  font-family:var(--font-head);font-weight:700;
}
.legal__doc p,
.legal__doc li{
  font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 12px;
}
.legal__doc ul{margin:0 0 14px;padding-left:20px}
.legal__doc a{color:var(--brand);border-bottom:1px solid rgba(201,162,39,.5)}

.legal__foot{
  border-top:1px solid var(--border);padding-top:24px;
  font-family:var(--font-ui);font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
}

@media (max-width:640px){
  .legal{padding:36px 0 52px}
  .legal h1{font-size:26px}
  .legal__lede{font-size:16px}
  .legal__doc h2{font-size:13px}
  .legal__doc h3{font-size:15.5px}
  .legal__doc p,
  .legal__doc li{font-size:14.5px}
}