html, body { overflow-x: hidden; max-width: 100vw; }

  .legal-content h1 {
    font-size: clamp(2rem, 4vw, 3rem);
    margin-bottom: 1.5rem;
    color: var(--color-brand-primary, inherit);
  }

  .legal-content h2 {
    font-size: clamp(1.3rem, 2.2vw, 1.75rem);
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--color-border, rgba(128,128,128,0.25));
  }

  .legal-content p,
  .legal-content li {
    line-height: 1.75;
    font-size: 1rem;
  }

  .legal-content ul,
  .legal-content ol {
    padding-left: 1.5rem;
  }

  .legal-content li {
    margin-bottom: 0.5rem;
  }

  .legal-intro {
    font-size: 1.05rem;
    opacity: 0.92;
    border-left: 3px solid var(--color-accent, var(--color-brand-primary, #c9a227));
    padding-left: 1.25rem;
  }