.legal-wrap{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  display:grid;
  gap:1rem;
}

.legal-page main.container{
  max-width:1200px;
  width:100%;
  padding:16px;
  margin:0 auto;
}

.legal-page .legal-wrap{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.legal-hero{
  border-color:color-mix(in srgb, #7b8cff 40%, var(--border));
  background:
    radial-gradient(1100px 180px at 100% -20%, color-mix(in srgb, #7b8cff 28%, transparent), transparent 60%),
    linear-gradient(145deg, color-mix(in srgb, var(--card, #1b2030) 92%, var(--tone-mix, #000000) 8%), color-mix(in srgb, var(--card2, #20263a) 90%, var(--tone-mix, #000000) 10%));
  display:grid;
  gap:.95rem;
}

.legal-kicker{
  display:inline-flex;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:color-mix(in srgb, #7b8cff 80%, var(--text));
}

.legal-title{margin:0;font-size:1.6rem;line-height:1.2;}
.legal-hero-copy{margin:.45rem 0 0;max-width:74ch;color:var(--muted);}
.legal-hero-meta{display:flex;gap:.45rem;flex-wrap:wrap;}
.legal-badge{border-color:color-mix(in srgb, #7b8cff 45%, var(--border));}

.legal-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.legal-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:.35rem .8rem;
  border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.02);
  color:var(--text);
  text-decoration:none;
  font-weight:600;
  font-size:.9rem;
}
.legal-link:hover{border-color:color-mix(in srgb, #7b8cff 55%, var(--border));background:rgba(255,255,255,.04);}
.legal-link.is-active{border-color:color-mix(in srgb, #7b8cff 70%, var(--border));background:color-mix(in srgb, #7b8cff 16%, transparent);}

.legal-card{padding:1.2rem 1.35rem;}
.legal-body{line-height:1.72;font-size:1rem;color:var(--text);}
.legal-body p{margin:0 0 1rem;}
.legal-inline-callout{
  margin:0 0 1.2rem;
  padding:1.1rem 1.15rem;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.16);
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(14,165,233,.08), transparent 55%),
    rgba(15,23,42,.42);
}
.legal-inline-callout h3{margin-top:0;}
.legal-inline-callout p:last-child{margin-bottom:0;}

@media (max-width:760px){
  .legal-title{font-size:1.35rem;}
  .legal-card{padding:1rem;}
}