:root{
  --font-brand:'Space Grotesk',system-ui,sans-serif;
  --font-head:'Onest',system-ui,sans-serif;
  --green-brand:#3dd68c;
  --green-link:#7fe0b0;
  --active-bg:rgba(255,255,255,.1);
  --hover-line:rgba(188,188,192,.3);
  --hover-bg:rgba(255,255,255,.06);
  --transition:.14s ease;
  --text:#f4f4f5;
}

/* Документ: оглавление слева, текст справа */
.doc-main{position:relative;z-index:1;display:grid;grid-template-columns:230px minmax(0,1fr);
  gap:36px;width:min(980px,calc(100% - 40px));margin:0 auto;padding:26px 0 50px;align-items:start}

.doc-switch{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.doc-cur{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:11px;
  background:var(--active-bg);color:#fff;font-size:13.5px;font-weight:700}
.doc-alt{display:inline-flex;align-items:center;height:36px;padding:0 14px;
  border:1px solid var(--line-soft);border-radius:11px;background:rgba(22,23,26,.72);
  color:var(--muted);font-size:13.5px;font-weight:700;text-decoration:none;
  transition:background-color var(--transition),border-color var(--transition),color var(--transition)}
.doc-alt:hover{color:var(--text);border-color:var(--hover-line);background:var(--hover-bg)}

.toc{position:sticky;top:76px;display:grid;gap:1px;max-height:calc(100vh - 100px);overflow:auto}
.toc a{padding:6px 12px;border-radius:9px;color:var(--muted);font-size:12.5px;font-weight:600;
  line-height:1.35;text-decoration:none;transition:background-color var(--transition),color var(--transition)}
.toc a:hover{color:var(--text);background:var(--hover-bg)}
.toc a.on{color:var(--text);background:var(--hover-bg)}

.doc{min-width:0}
/* Старые карточные правила разделов гасим — теперь это сплошной текст. */
.doc .legal-section{margin:0;padding:0;border:0;background:none;box-shadow:none}
.doc-kicker{margin:0 0 4px;color:var(--soft);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;font-weight:700}
.doc h1{font-size:30px;margin:0 0 8px}
.doc-lead{color:var(--muted);font-size:15px;margin:0 0 6px}
.upd{color:var(--soft);font-size:13px;margin:0 0 24px}
.doc h2{font-size:17px;margin:28px 0 10px;font-family:var(--font-head);color:#fff;scroll-margin-top:84px}
.doc p,.doc li{color:var(--muted);font-size:14.5px;line-height:1.65}
.doc p{margin:0 0 12px}
.doc ul{margin:0 0 12px;padding-left:20px;display:grid;gap:6px}
.doc b{color:var(--text);font-weight:700}

.doc-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
  gap:12px 28px;flex-wrap:wrap;width:min(980px,calc(100% - 40px));margin:0 auto;padding:18px 0 26px;
  border-top:1px solid rgba(255,255,255,.08);color:rgba(220,226,236,.35);font-size:13px}
.doc-foot a{color:rgba(220,226,236,.55);font-size:13px;text-decoration:none}
.doc-foot a:hover{color:var(--green-link)}

@media(max-width:760px){
  .doc-main{grid-template-columns:1fr;gap:22px}
  .toc{display:none}
  .doc h1{font-size:26px}
}