.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 { font-size: 15px; color: var(--ink-soft); line-height: 1.75; max-width: 68ch; }
  .legal-content ul { color: var(--ink-soft); line-height: 1.75; font-size: 15px; max-width: 68ch; }

  /* Terms & Conditions: 14 sections in the side menu */
  .legal-nav a { padding-top: 6px; padding-bottom: 6px; font-size: 13px; }
  .legal-content h3[id], .legal-content > div[id] { scroll-margin-top: 110px; }
  .legal-content ul li { margin-bottom: 6px; }
  @media (max-width: 900px) { .legal-nav { display: none; } }