/* РуВайб — оформление юридических страниц (оферта, политика, согласие).
   Только токены дизайн-системы из app.css. День/ночь, reduced-motion, ничего лишнего:
   документ должен читаться, а не впечатлять. */

/* ---------- шапка ---------- */
.lg-nav{position:sticky;top:0;z-index:40;background:var(--bar-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.lg-nav-inner{max-width:var(--container-narrow);margin:0 auto;padding:0 clamp(16px,3vw,32px);height:64px;display:flex;align-items:center;gap:20px}
.lg-links{display:flex;gap:4px;margin-left:auto}
.lg-links a{font-size:14.5px;font-weight:600;color:var(--muted);padding:8px 12px;border-radius:var(--radius-sm)}
.lg-links a:hover{color:var(--ink)}
.lg-links a.active{color:var(--ink);background:var(--surface)}
@media (max-width:560px){
  .lg-nav-inner{gap:10px;height:auto;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
  .lg-links{margin-left:0;width:100%;order:3}
  .lg-links a{padding:7px 9px;font-size:13.5px}
}

/* ---------- полотно ---------- */
.lg-wrap{max-width:var(--container-narrow);margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,3vw,32px) 96px}

/* пометка «черновик» — видна сразу, не спрятана */
.lg-draft{display:flex;gap:14px;align-items:flex-start;
  background:var(--status-rework-soft);border:1px solid var(--wait);border-radius:var(--radius-card);
  padding:16px 18px;font-size:14.5px;line-height:1.6;color:var(--status-rework-ink)}
.lg-draft b{font-weight:700}
.lg-draft code{font-family:var(--font-mono);font-size:13px;background:rgba(0,0,0,.06);padding:1px 5px;border-radius:6px}
[data-theme="dark"] .lg-draft code{background:rgba(255,255,255,.09)}
.lg-draft-mark{flex:none;display:inline-flex;color:var(--wait);margin-top:1px}

/* заголовок документа */
.lg-head{margin-top:clamp(28px,4vw,44px)}
.lg-eyebrow{margin:0;font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}
.lg-head h1{margin:10px 0 0;font-size:clamp(28px,4.4vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.lg-sub{margin:14px 0 0;font-size:var(--text-lead);line-height:1.55;color:var(--ink-2);max-width:60ch}
.lg-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 24px;margin:24px 0 0;
  padding:18px 20px;background:var(--surface);border-radius:var(--radius-card)}
.lg-meta div{margin:0}
.lg-meta dt{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.lg-meta dd{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--ink)}

/* содержание */
.lg-toc{margin:32px 0 0;padding:20px 22px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card)}
.lg-toc > b{display:block;font-size:14px;font-weight:700;margin-bottom:12px}
.lg-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.lg-toc li{margin:0 0 8px;font-size:14.5px;line-height:1.4;break-inside:avoid}
.lg-toc a{color:var(--ink-2)}
.lg-toc a:hover{color:var(--blue-hover);text-decoration:underline;text-underline-offset:2px}
@media (max-width:620px){.lg-toc ol{columns:1}}

/* разделы */
.lg-sec{margin-top:clamp(36px,5vw,56px);scroll-margin-top:88px}
.lg-sec h2{margin:0 0 14px;font-size:clamp(20px,2.6vw,26px);font-weight:800;letter-spacing:-.015em;line-height:1.25}
.lg-sec h3{margin:26px 0 10px;font-size:17px;font-weight:700}
.lg-sec p{margin:0 0 14px;font-size:16px;line-height:1.7;color:var(--ink-2);max-width:72ch}
.lg-sec p:last-child{margin-bottom:0}
.lg-sec a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:2px}
.lg-sec b{color:var(--ink);font-weight:700}
.lg-list{margin:0 0 14px;padding-left:22px;max-width:72ch}
.lg-list li{margin:0 0 10px;font-size:16px;line-height:1.65;color:var(--ink-2)}
.lg-list li::marker{color:var(--muted-2)}

/* «по-человечески» — врезка нормальным языком рядом с юридическим */
.lg-plain{background:var(--surface);border-left:3px solid var(--blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  padding:14px 18px;font-size:15.5px !important;color:var(--ink-2)}
/* важное — то, что человек должен унести с собой */
.lg-callout{background:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--ok);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:14px 18px;font-size:15.5px !important}
/* дырка, которую обязан закрыть человек */
.lg-todo{background:var(--status-rework-soft);border:1px dashed var(--wait);border-radius:var(--radius-sm);
  padding:12px 16px;font-size:14.5px !important;color:var(--status-rework-ink) !important;font-family:var(--font-mono)}
.lg-sign{margin-top:22px !important;font-size:14.5px !important;color:var(--muted) !important}

/* таблицы (на узком экране скроллятся, страница — нет) */
.lg-table-wrap{overflow-x:auto;margin:0 0 16px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--card-bg)}
.lg-table{width:100%;border-collapse:collapse;min-width:520px;font-size:15px}
.lg-table th,.lg-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);line-height:1.55;vertical-align:top;color:var(--ink-2)}
.lg-table thead th{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;background:var(--surface)}
.lg-table tbody tr:last-child td{border-bottom:0}
.lg-table b{color:var(--ink)}

/* кнопка-ссылка внутри текста (открыть настройки cookie) */
.lg-inline-btn{background:none;border:none;padding:0;font:inherit;color:var(--blue-ink);cursor:pointer;
  text-decoration:underline;text-underline-offset:2px}
.lg-inline-btn:hover{color:var(--blue-hover)}

/* подвал */
.footer .footer-inner{max-width:var(--container-narrow)}

/* печать: без шапки и подвала, чёрным по белому */
@media print{
  .lg-nav,.footer,.rvc{display:none !important}
  .lg-wrap{max-width:none;padding:0}
  .lg-draft{border:2px solid #000;color:#000}
  .lg-sec p,.lg-list li,.lg-table th,.lg-table td{color:#000}
}