.legal-page-hero{
  padding-bottom:clamp(44px,7vw,76px);
}
.legal-section{
  padding:clamp(42px,7vw,84px) 0 clamp(72px,9vw,120px);
  background:#f7f9fb;
}
.legal-layout{
  display:grid;
  gap:28px;
  align-items:start;
}
.legal-toc{
  border:1px solid #dbe4eb;
  border-radius:16px;
  background:#fff;
  padding:22px;
  box-shadow:0 12px 36px rgba(0,13,33,.05);
}
.legal-toc>strong{
  display:block;
  margin-bottom:12px;
  color:#112537;
  font-size:.78rem;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.legal-toc ol{
  margin:0;
  padding-left:1.3rem;
  display:grid;
  gap:8px;
}
.legal-toc li{
  color:#627180;
  font-size:.82rem;
  line-height:1.35;
}
.legal-toc a{
  color:#36546c;
  text-decoration:none;
}
.legal-toc a:hover,
.legal-toc a:focus-visible{
  color:#0871c5;
  text-decoration:underline;
  text-underline-offset:3px;
}
.legal-content{
  min-width:0;
  border:1px solid #dbe4eb;
  border-radius:18px;
  background:#fff;
  padding:clamp(24px,5vw,54px);
  box-shadow:0 18px 48px rgba(0,13,33,.055);
  color:#344758;
  font-size:clamp(.98rem,1.2vw,1.045rem);
  line-height:1.76;
}
.legal-content h2{
  scroll-margin-top:110px;
  margin:2.35em 0 .7em;
  padding-top:.15em;
  font-family:Constantia,Georgia,serif;
  color:#0e2030;
  font-size:clamp(1.55rem,3.6vw,2.15rem);
  line-height:1.14;
}
.legal-content h2:first-of-type{
  margin-top:1.35em;
}
.legal-content h3{
  margin:1.7em 0 .55em;
  color:#172b3c;
  font-size:1.08rem;
  line-height:1.35;
}
.legal-content p{
  margin:0 0 1.05em;
}
.legal-content ul,
.legal-content ol{
  margin:.4em 0 1.3em;
  padding-left:1.45rem;
}
.legal-content li{
  margin:.42em 0;
  padding-left:.18rem;
}
.legal-content strong{
  color:#122638;
}
.legal-content a{
  color:#0871c5;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.legal-updated{
  display:inline-flex;
  align-items:center;
  margin:0 0 .3em;
  padding:8px 12px;
  border:1px solid #cfe0ec;
  border-radius:999px;
  background:#f0f8fe;
  color:#365a72;
  font-size:.78rem;
  font-weight:750;
}
@media(min-width:980px){
  .legal-layout{
    grid-template-columns:minmax(220px,280px) minmax(0,820px);
    justify-content:center;
    gap:42px;
  }
  .legal-toc{
    position:sticky;
    top:104px;
    max-height:calc(100vh - 130px);
    overflow:auto;
  }
}
@media(max-width:979px){
  .legal-toc{
    order:0;
  }
  .legal-content{
    order:1;
  }
}
@media(max-width:520px){
  .legal-section{
    padding-top:28px;
  }
  .legal-layout{
    gap:18px;
  }
  .legal-toc{
    padding:18px 18px 18px 16px;
  }
  .legal-content{
    border-radius:14px;
    padding:22px 19px 30px;
    line-height:1.7;
  }
  .legal-content h2{
    scroll-margin-top:88px;
  }
}