/* Раскладка документации /docs (страницы пишет приложение, services/site_docs): разделы слева,
   оглавление справа, «Назад / Далее» внизу. Отдельный файл, а не правила в site.css: site.css
   кэшируется у посетителей на год (immutable), новое правило в нём до них бы не доехало. */
.dx-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 200px;gap:48px;align-items:start;padding-top:32px;padding-bottom:64px}
.dx-side,.dx-toc{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto}
.dx-nav a{display:block;padding:6px 10px;border-radius:var(--r-s);font-size:15px;color:var(--muted)}
.dx-nav a:hover{color:var(--text);background:var(--page-2)}
.dx-nav a[aria-current]{color:var(--accent);background:var(--accent-soft);font-weight:600}
.dx-h{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);margin:20px 10px 6px}
.dx-main{min-width:0;max-width:760px}
.dx-main .crumbs{padding:0 0 16px}
.dx-main h1{font-size:34px;line-height:1.2;margin:0 0 12px}
.dx-lead{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 8px}
.dx-main .lp-cta{margin-top:24px}
.dx-toc p{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);margin:0 0 10px}
.dx-toc a{display:block;font-size:13px;line-height:1.4;color:var(--muted);padding:5px 0}
.dx-toc a:hover{color:var(--accent)}
.dx-menu{display:none}
.dx-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 0 8px}
.dx .doc .post{color:var(--text);text-decoration:none;padding:24px}
.dx .doc .post:hover{border-color:var(--accent)}
.dx .doc .post h3{margin:0 0 8px}
.dx .doc .post p{font-size:15px;color:var(--muted);margin:0}
.dx-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.dx-pager a{border:1px solid var(--line);border-radius:var(--r-s);padding:14px 18px}
.dx-pager a:hover{border-color:var(--accent)}
.dx-pager span{display:block;font-size:13px;color:var(--muted-2)}
.dx-pager b{font-size:15px;font-weight:600;color:var(--text)}
.dx-pager .nx{grid-column:2;text-align:right}
@media(max-width:1200px){
  .dx-grid{grid-template-columns:200px minmax(0,1fr);gap:40px}
  .dx-toc{display:none}
}
@media(max-width:860px){
  .dx-grid{grid-template-columns:1fr;gap:0;padding-top:20px}
  .dx-side{display:none}
  .dx-menu{display:block;border:1px solid var(--line);border-radius:var(--r-s);padding:12px 14px;margin:0 0 20px}
  .dx-menu summary{font-size:15px;font-weight:600;cursor:pointer}
  .dx-menu .dx-nav{margin-top:8px}
  .dx-main h1{font-size:26px}
  .dx-cards{grid-template-columns:1fr}
}
/* шапка статей (site_articles._header_html) держит кнопку входа прямо в .wrap, а site.css на
   телефоне растягивает .btn на всю ширину — кнопка наезжала на логотип */
@media(max-width:520px){.hdr .btn-sm{width:auto;margin-left:auto}}