/* Защита от горизонтального скролла */
  html, body { overflow-x: hidden; max-width: 100vw; }

  .bg-light {
    background-color: var(--c6) !important;
    color: var(--fg) !important;
  }

  .table {
    color: var(--fg);
    border-color: var(--c4);
  }

  .table thead {
    background: var(--c6);
    border-bottom: 2px solid var(--c4);
  }

  .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--c7);
  }

  .legal-section {
    border-bottom: 1px solid var(--c4);
    padding-bottom: var(--sp4);
    margin-bottom: var(--sp4);
  }

  .legal-section:last-child {
    border-bottom: none;
  }

  .legal-intro {
    background: var(--c6);
    border-left: 4px solid var(--c1);
    padding: var(--sp3) var(--sp4);
    border-radius: var(--rad2);
    margin-bottom: var(--sp4);
  }

  h2.section-number {
    color: var(--c1);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: var(--sp3);
  }

  .toc-list {
    columns: 2;
    column-gap: 2rem;
  }

  @media (max-width: 576px) {
    .toc-list {
      columns: 1;
    }
  }

  .toc-list li {
    margin-bottom: 0.4rem;
    font-size: 0.95rem;
  }

  .toc-list a {
    color: var(--c1);
    text-decoration: none;
  }

  .toc-list a:hover {
    text-decoration: underline;
  }

  .meta-info {
    font-size: 0.9rem;
    color: var(--fg2);
  }

  ul.checklist-legal li {
    margin-bottom: 0.5rem;
    padding-left: 0.25rem;
  }