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

.legal-hero{
  border-color:color-mix(in srgb, #2ec4b6 40%, var(--border));
  background:
    radial-gradient(1100px 180px at 100% -20%, color-mix(in srgb, #2ec4b6 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, #2ec4b6 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, #2ec4b6 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, #2ec4b6 55%, var(--border));background:rgba(255,255,255,.04);}
.legal-link.is-active{border-color:color-mix(in srgb, #2ec4b6 70%, var(--border));background:color-mix(in srgb, #2ec4b6 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;}

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