.legal-layout { display: grid; grid-template-columns: 240px 1fr; gap: 60px; max-width: 1200px; margin: 0 auto; padding: 60px 32px 120px; }
  @media (max-width: 900px) { .legal-layout { grid-template-columns: 1fr; } }
  .legal-nav { position: sticky; top: 100px; align-self: start; }
  .legal-nav a { display: block; padding: 10px 0; font-size: 14px; color: var(--muted); border-left: 2px solid transparent; padding-left: 16px; }
  .legal-nav a.active { color: var(--forest); border-color: var(--forest); }
  .legal-content h2 { font-size: 42px; margin-bottom: 8px; }
  .legal-content .updated { font-family: var(--font-mono); font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 40px; }
  .legal-content h3 { font-size: 22px; margin: 40px 0 12px; }
  .legal-content p, .legal-content ul { font-size: 15px; color: var(--ink-soft); line-height: 1.75; max-width: 68ch; }