.legal-page { background: #fff; }
.legal-hero { padding-bottom: 30px; border-bottom: 1px solid var(--border, #d4e1e4); }
.legal-hero h1 { margin: 10px 0 20px; font-size: clamp(32px, 4vw, 54px); line-height: 1.15; }
.legal-hero p:last-child { margin-bottom: 0; }
.legal-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 60px; align-items: start; }
.legal-nav { display: grid; border-top: 1px solid #d4e1e4; }
.legal-nav a { padding: 15px 0; border-bottom: 1px solid #d4e1e4; text-decoration: none; }
.legal-nav a[aria-current="page"] { color: #006dcc; font-weight: 700; }
.legal-article { min-width: 0; max-width: 860px; overflow-wrap: anywhere; line-height: 1.8; }
.legal-article h2 { margin: 30px 0 12px; font-size: 24px; line-height: 1.35; }
.legal-article h2:first-child { margin-top: 0; }
.legal-article p, .legal-article li { margin-bottom: 14px; }
.legal-article ul { padding-left: 22px; }
.legal-article .legal-callout { border-left: 3px solid #006dcc; padding-left: 20px; }
.legal-article table { width: 100%; border-collapse: collapse; font-size: 14px; }
.legal-article th, .legal-article td { padding: 10px; border: 1px solid #d4e1e4; text-align: left; }
@media (max-width: 760px) {
  .legal-layout { grid-template-columns: 1fr; gap: 28px; }
  .legal-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; font-size: 14px; }
  .legal-article h2 { font-size: 21px; }
}