/* CarLAB ui-v2 — simple legal/info pages (privacy, cookies).
   Namespace: .cl2-legal and its descendants. Reuses shared design tokens only.
   Self-contained box-sizing (matches base.css's rationale for .cl2-header/.cl2-footer/
   .cl2-metrics): these pages also load the legacy assets/carlab-analytics-shell.css for
   its global reset/base typography, same as every other public page, but this rule keeps
   the component correct even if that load order ever changes. */
.cl2-legal, .cl2-legal *, .cl2-legal *::before, .cl2-legal *::after {
  box-sizing: border-box;
}

.cl2-legal {
  max-width: 760px;
  margin: 0 auto;
  padding: var(--cl2-space-4xl) var(--cl2-space-2xl) var(--cl2-space-4xl);
  direction: rtl;
  font-family: var(--cl2-font-sans);
  color: var(--cl2-text);
  line-height: 1.8;
}

.cl2-legal h1 {
  font-size: var(--cl2-fs-xl);
  margin: 0 0 var(--cl2-space-sm);
}

.cl2-legal .cl2-legal-meta {
  font-size: var(--cl2-fs-xs);
  font-family: var(--cl2-font-mono);
  color: var(--cl2-text-dim);
  line-height: 1.9;
  margin: 0 0 var(--cl2-space-3xl);
}

.cl2-legal .cl2-legal-meta a {
  color: var(--cl2-text-dim);
}

.cl2-legal h2 {
  font-size: var(--cl2-fs-lg);
  margin: var(--cl2-space-3xl) 0 var(--cl2-space-sm);
}

.cl2-legal p,
.cl2-legal li {
  font-size: var(--cl2-fs-md);
  color: var(--cl2-text);
}

.cl2-legal p {
  margin: 0 0 var(--cl2-space-md);
}

.cl2-legal ul {
  margin: 0 0 var(--cl2-space-md);
  padding-inline-start: var(--cl2-space-xl);
}

.cl2-legal li {
  margin-bottom: var(--cl2-space-xs);
}

.cl2-legal a {
  color: var(--cl2-accent);
}

.cl2-legal code {
  font-family: var(--cl2-font-mono);
  background: var(--cl2-surface-2);
  border-radius: var(--cl2-radius-sm);
  padding: 1px 5px;
  font-size: .95em;
}