.legal-hero{padding:64px 24px 40px;text-align:center;background:linear-gradient(180deg,#F0EAE4 0%,#fff 60%)}
.legal-hero .updated{color:var(--slate);font-size:13px;margin-top:8px}
.legal-wrap{max-width:900px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:220px 1fr;gap:48px}
.legal-toc{position:sticky;top:88px;align-self:start}
.legal-toc h5{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--slate);margin-bottom:12px}
.legal-toc ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.legal-toc a{font-size:13px;color:var(--slate);text-decoration:none}
.legal-toc a:hover{color:var(--navy)}
.legal-note{background:var(--indigo-lt);border:1px solid var(--indigo-mid);border-radius:10px;padding:14px 18px;font-size:13px;color:var(--indigo);margin-bottom:32px;line-height:1.6}
.legal-body h2{font-size:20px;margin:36px 0 14px;color:var(--navy)}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{font-size:16px;margin:20px 0 8px;color:var(--navy)}
.legal-body p{font-size:14px;line-height:1.8;color:#4A4038;margin-bottom:12px}
.legal-body ul{margin:0 0 14px 20px}
.legal-body li{font-size:14px;line-height:1.8;color:#4A4038}
.legal-body table{width:100%;border-collapse:collapse;font-size:13px;margin:16px 0}
.legal-body table th,.legal-body table td{border:1px solid var(--border);padding:8px 12px;text-align:left}

@media(max-width:768px){
  .legal-hero{padding:40px 20px 28px}
  .legal-wrap{grid-template-columns:1fr;padding:32px 20px;gap:24px}
  .legal-toc{position:static}
}