.legal-layout { margin-top: 56px; }
.legal-nav { position: sticky; top: 84px; }
.legal-nav a { display: block; font-size: 13.5px; color: var(--ink2); text-decoration: none; padding: 7px 12px; border-radius: var(--radius-sm); transition: all 0.2s; margin-bottom: 2px; }
.legal-nav a:hover, .legal-nav a.active { background: var(--accent-light); color: var(--accent); font-weight: 600; }
.legal-content h2 { font-family: var(--font-head); font-size: 20px; font-weight: 800; letter-spacing: -0.02em; margin: 40px 0 12px; padding-top: 20px; border-top: 1px solid var(--border); color: var(--ink); }
.legal-content h2:first-child { margin-top: 0; border-top: none; padding-top: 0; }
.legal-content h3 { font-family: var(--font-head); font-size: 15px; font-weight: 700; margin: 20px 0 8px; }
.legal-content p, .legal-content li { font-size: 15px; color: var(--ink2); line-height: 1.8; margin-bottom: 12px; }
.legal-content ul { padding-left: 20px; margin-bottom: 16px; }
.legal-content a { color: var(--accent); }
.legal-updated { font-size: 13px; color: var(--ink3); margin-top: 4px; }
.highlight-box { background: var(--accent-light); border: 1px solid var(--accent-mid); border-radius: var(--radius); padding: 18px 20px; margin: 20px 0; }
.highlight-box p { color: var(--ink); margin: 0; font-size: 14px; }

@media (max-width: 768px) {
  .legal-nav { display: none; }
}