/* ===== docs.reqdoc.ru — layout (бренд-токены наследуются из reqdoc.css) ===== */
.docs-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:52px;padding:40px 24px 110px}

/* sticky-сайдбар */
.docs-nav{position:sticky;top:82px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding-right:6px}
.docs-nav h4{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted-2);margin:20px 0 7px;font-weight:700}
.docs-nav h4:first-child{margin-top:0}
.docs-nav a{display:block;font-size:14px;color:var(--muted);text-decoration:none;padding:5px 11px;border-radius:7px;line-height:1.4;transition:background .12s,color .12s}
.docs-nav a:hover{background:var(--hair-2);color:var(--navy)}
.docs-nav a.active{color:var(--accent);background:var(--accent-tint);font-weight:600}

/* контент */
.docs-content{min-width:0;color:var(--muted);font-size:15.5px;line-height:1.7}
.docs-content h1{font-size:35px;color:var(--navy);font-weight:800;letter-spacing:-.025em;margin:0 0 8px}
.docs-content .lead{font-size:17px;color:var(--muted);margin:0 0 10px}
.docs-content h2{font-size:24px;color:var(--navy);font-weight:700;letter-spacing:-.01em;margin:52px 0 14px;scroll-margin-top:82px}
.docs-content h3{font-size:17px;color:var(--navy);font-weight:700;margin:30px 0 10px;scroll-margin-top:82px}
.docs-content p{margin:0 0 14px}
.docs-content ul{margin:0 0 16px;padding-left:20px}
.docs-content li{margin:0 0 7px}
.docs-content a{color:var(--accent);text-decoration:none}
.docs-content a:hover{text-decoration:underline}
.docs-content strong{color:var(--navy);font-weight:700}
.docs-content code{font-family:'JetBrains Mono',monospace;font-size:13px;background:var(--hair-2);color:var(--navy);padding:2px 6px;border-radius:5px;white-space:nowrap}

/* таблицы */
.docs-table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}
.docs-table th{text-align:left;font-weight:700;color:var(--navy);border-bottom:2px solid var(--hair);padding:9px 12px}
.docs-table td{border-bottom:1px solid var(--hair);padding:9px 12px;vertical-align:top;color:var(--muted)}
.docs-table td code,.docs-table th code{background:var(--accent-tint);color:var(--accent)}
.docs-table tr:last-child td{border-bottom:none}

/* блоки кода (тёмные) */
.cb{background:var(--panel,#0A2540);border-radius:12px;margin:0 0 18px;overflow:hidden;box-shadow:var(--shadow-md)}
.cb-bar{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid #1B3A5E;font-size:12.5px;color:#8FA2C6;font-family:'JetBrains Mono',monospace}
.cb-bar .method{font-weight:700;color:#B7C0FF}
.cb-bar .tag{margin-left:auto;font-size:11px;color:#5B6F92}
.cb pre{margin:0;padding:16px;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.65;color:#C9D6EC;white-space:pre}
.cb .k{color:#B7C0FF}.cb .s{color:#73E3B0}.cb .c{color:#5B6F92}.cb .m{color:#F4B86A}.cb .b{color:#FF9E8A}.cb .f{color:#8FA2C6}

/* язык-табы */
.tabs{display:flex;gap:6px;margin:0 0 12px}
.tab{font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px;border:1px solid var(--hair);background:#fff;color:var(--muted);cursor:pointer;font-family:inherit}
.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.tabpane{display:none}
.tabpane.active{display:block}

/* колауты */
.note{background:#F6F8FB;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:12px 16px;margin:0 0 16px;font-size:14.5px;line-height:1.6}
.note.warn{border-left-color:#F4B86A;background:#FFF8EF}

/* CTA */
.docs-cta{margin:48px 0 0;padding:24px 26px;background:var(--navy);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.docs-cta .t b{display:block;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.01em}
.docs-cta .t span{color:#9DB0CE;font-size:14px}
/* кнопка внутри .docs-content наследовала акцентный цвет текста → был невидим на фиолетовом */
.docs-content a.btn{text-decoration:none}
.docs-cta .btn-primary,.docs-cta .btn-primary:hover{color:#fff}

@media (max-width:880px){
  .docs-layout{grid-template-columns:1fr;gap:0;padding:28px 20px 80px}
  .docs-nav{display:none}
}