.legal-hero{
  padding: 72px 0 24px;
  position: relative;
  overflow: hidden;
}

.legal-eyebrow{
  display: block;
  font-size: 13px; line-height: 18px; font-weight: 500; letter-spacing: .02em;
  color: var(--blue-600);
}

.legal-wrap{ position: relative; z-index: 1; width: 100%; margin: 0 auto; text-align: center; }
.legal-wrap h1{
  font-family: var(--font-sans);
  font-size: clamp(40px, 5vw, 60px);
  line-height: 1.07; letter-spacing: -0.03em;
  margin: 18px 0 10px;
  font-weight: 600;
}
.legal-shell{ padding: 12px 0 88px; }
.legal-card{
  width: 100%; margin: 0 auto;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-frame);
  padding: 48px 68px;
}
.legal-content{
  color: var(--ink-700);
  font-size: 16px;
  line-height: 1.8;
}
.legal-content > :first-child{ margin-top: 0 !important; }
.legal-content h3, .legal-content h4, .legal-content h5{
  color: var(--ink-900);
  margin: 0;
  line-height: 1.3;
}
.legal-content h3{
  font-family: var(--font-sans);
  font-size: 28px;
  margin-top: 26px;
  margin-bottom: 10px;
}
.legal-content h4{
  font-family: var(--font-sans);
  font-size: 20px;
  margin-top: 22px;
  margin-bottom: 8px;
}
.legal-content h5{
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: 8px;
  font-weight: 600;
}
.legal-content p{
  margin: 0 0 12px;
}
.legal-content ul{
  margin: 0 0 14px;
  padding-left: 24px;
}
.legal-content li{
  margin: 0 0 8px;
  padding-left: 2px;
}
.legal-content a{ color: var(--blue-600) !important; text-decoration: underline !important; }
.legal-content b, .legal-content strong{ color: var(--ink-900); }
.legal-content .p1,
.legal-content .p2,
.legal-content .p4,
.legal-content .p6,
.legal-content .p10{
  margin: 0 0 12px;
}
.legal-content .s1, .legal-content .s2, .legal-content .s3{ color: inherit; }
.legal-content h3:has(> .s3:only-child),
.legal-content h4:has(> .s3:only-child),
.legal-content h5:has(> .s3:only-child),
.legal-content h3:empty,
.legal-content h4:empty,
.legal-content h5:empty{
  display: none;
}

@media (max-width: 760px){
  .legal-card{
    padding: 24px 22px;
    border-radius: var(--radius-lg);
  }
  .legal-content{ font-size: 16px; }
  .legal-content h3{ font-size: 20px; }
  .legal-content h4{ font-size: 20px; }

}