/* ============================================================
   RAG bot — legal pages (privacy / offer / terms)
   Reuses fonts + design tokens from landing.css (link it first).
   ============================================================ */

.legal-header{ border-bottom:1px solid var(--hair); }
.legal-header .wrap{ display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding-block:20px; flex-wrap:wrap; }
.legal-header .brand{ display:inline-flex; align-items:center; gap:.5rem; font-weight:700;
  font-size:1.1rem; color:var(--ink); text-decoration:none; }
.legal-header .brand .dot{ width:9px; height:9px; border-radius:50%; background:var(--accent); }
.legal-header .back{ font-size:.95rem; color:var(--ink-2); text-decoration:none; }
.legal-header .back:hover{ color:var(--accent); }

.legal{ padding-block:clamp(40px,6vw,72px) clamp(56px,8vw,96px); }
.legal .wrap{ max-width:var(--readw); }

.legal h1{ font-size:clamp(1.8rem,4vw,2.5rem); line-height:1.15; letter-spacing:-0.02em;
  margin:0 0 .4rem; }
.legal .lead{ color:var(--ink-2); font-size:1.02rem; margin:0 0 1.6rem; }
.legal .meta{ font-size:.95rem; color:var(--ink-2); background:var(--bg-warm);
  border:1px solid var(--hair); border-radius:var(--radius-sm); padding:1rem 1.2rem; margin:0 0 2.4rem; }
.legal .meta p{ margin:.2rem 0; }

.legal h2{ font-size:1.32rem; line-height:1.25; letter-spacing:-0.01em; margin:2.4rem 0 .8rem;
  padding-top:1.6rem; border-top:1px solid var(--hair-soft); }
.legal h2:first-of-type{ border-top:0; padding-top:0; }
.legal h3{ font-size:1.08rem; margin:1.6rem 0 .6rem; }

.legal p{ margin:.7rem 0; }
.legal ul{ margin:.6rem 0; padding-left:1.3rem; }
.legal li{ margin:.35rem 0; }
.legal a{ color:var(--accent-ink); text-underline-offset:2px; }
.legal strong{ font-weight:600; }

/* placeholder tokens like [ИНН] */
.legal .ph{ background:color-mix(in oklab, var(--accent) 14%, var(--bg));
  color:var(--accent-ink); padding:0 .3em; border-radius:4px; font-size:.94em; white-space:nowrap; }

.legal pre{ background:var(--bg-warm); border:1px solid var(--hair); border-radius:var(--radius-sm);
  padding:1.1rem 1.3rem; overflow-x:auto; font-size:.92rem; line-height:1.6; margin:1rem 0; }

.legal-footer{ border-top:1px solid var(--hair); }
.legal-footer .wrap{ padding-block:28px; }
.legal-footer small{ color:var(--ink-3); font-size:.86rem; }