/*
 * Мобильный вид статьи из пятой выгрузки (sellerbek-site-v5): верхняя панель
 * с прогрессом чтения (.kbm-bar), строка автора (.kbm-au), нумерованное
 * содержание. В макете это стили страниц BlogPost и HelpArticle, поэтому
 * подключаются только на статье блога, статье справки и документах.
 * Не правим: следующую выгрузку кладём поверх.
 */
.kbm-bar,.kbm-au{display:none}
@container sb (max-width: 760px){
  .sb .sb-stick--app{display:none}
  .kbm-bar{display:block;position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 1px 0 #EEF0F3}
  .kbm-top{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;height:52px;padding:0 6px}
  .sb .kbm-ic{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#0F1729;padding:0;cursor:pointer}
  .kbm-ttl{display:block;text-align:center;font-size:16px;line-height:22px;font-weight:600;color:#0F1729;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s}
  .kbm-ttl.is-long{text-align:left;font-size:15px}
  .sb .kbm-toc{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px 0 16px;border:0;background:transparent;font:inherit;text-align:left;color:#0F1729;cursor:pointer}
  .kbm-n{flex:none;font-style:normal;font-size:12px;line-height:18px;font-weight:600;color:#5B6475;background:#F1F3F6;border-radius:6px;padding:0 6px}
  .kbm-cur{display:block;flex:1;min-width:0;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kbm-chev{flex:none;display:flex;color:#5B6475}
  .kbm-prog{height:2px;background:#EEF0F3}
  .kbm-pv{height:2px;background:var(--t,#2C5EEA);transition:width .12s linear}
  .sb .kb-tocbar,.sb .kb-post-main .kb-tocbar{display:none}
  .sb article .kb-crumbs{display:none}
  .kbm-au{display:flex;gap:12px;align-items:center;margin:14px 0 18px}
  .kbm-av{width:44px;height:44px;border-radius:12px;overflow:hidden;flex:none;background:#2C5EEA}
  .sb .kbm-av img{width:100%;height:100%;display:block;object-fit:cover}
  .kbm-who{display:flex;flex-direction:column;min-width:0;gap:1px}
  .kbm-nm{font-size:15px;line-height:20px;font-weight:600;color:#0F1729}
  .kbm-mt{font-size:13px;line-height:18px;color:#98A1B0}
  .sb .kbm-mt a{color:var(--t,#2C5EEA);font-weight:500}
  .kbm-rt{display:flex;align-items:center;gap:4px;font-size:13px;line-height:18px;color:#98A1B0}
  .sb .kb-post-meta{margin:0}
  .sb .kb-post-meta>div:first-child,.sb .kb-sh-btn,.sb .kb-upd{display:none}
  .sb .kb-post-main h1{margin-top:16px}
  .sb .kb-toc-m{counter-reset:k;flex-direction:column;background:#F5F6F8;border-radius:16px;padding:16px 16px 10px}
  .sb .kb-toc-m h4{font-size:17px;line-height:24px;margin:0 0 6px}
  .sb .kb-toc-m a,.sb .kb-drawer .kb-toc2 a{position:relative;counter-increment:k;box-shadow:none;padding:7px 0 7px 26px;font-size:15px;line-height:21px;color:#0F1729}
  .sb .kb-toc-m a::before,.sb .kb-drawer .kb-toc2 a::before{content:counter(k) ".";position:absolute;left:0;top:7px;color:#98A1B0;font-weight:400}
  .sb .kb-drawer .kb-toc2{counter-reset:k}
  .sb .kb-drawer .kb-toc2 a{padding:10px 0 10px 28px;font-size:16px;color:#3B4456}
  .sb .kb-drawer .kb-toc2 a::before{top:10px}
  .sb .kb-drawer .kb-toc2 a.is-on{color:#0F1729;font-weight:600}
  .sb .kb-drawer .kb-toc2 a.is-on::before{color:var(--t,#2C5EEA);font-weight:600}
  .kbm-av{background:#2C5EEA !important;display:flex;align-items:center;justify-content:center}
  .sb .kbm-av img{width:18px !important;height:22px !important;object-fit:contain !important}
  .sb .kbm-ic svg{width:24px;height:24px}
  .sb .kbm-ttl{font-size:17px;line-height:24px}
  .sb .kbm-ttl.is-long{font-size:16px}
  .sb .kbm-toc{height:44px}
  .sb .kbm-n{font-size:13px;line-height:20px;padding:0 7px;border-radius:7px}
  .sb .kbm-cur{font-size:15px;line-height:21px}
  .sb .kbm-chev svg{width:18px;height:18px}
  .sb .kb-toc-m a.is-on{box-shadow:none;color:#0F1729}
  .sb .kb-fb{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px;margin-top:40px !important}
  .sb .kb-fb b{font-size:17px;line-height:24px;text-align:center}
  .sb .kb-fb-act{gap:10px}
  .sb .kb-fb button{height:50px;border-radius:14px;font-size:16px;font-weight:600;gap:8px}
  .sb .kb-fb button svg{width:20px;height:20px;color:#7C8596}
  .sb .kb-fb-note{text-align:center;font-size:15px;line-height:22px}
  .sb .kb-pn{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sb .kb-pn a{padding:14px 16px;border-radius:14px;gap:2px;min-width:0}
  .sb .kb-pn a:last-child{text-align:right}
  .sb .kb-pn a>span{font-size:13px;line-height:18px}
  .sb .kb-pn a:first-child>span::before{content:"← "}
  .sb .kb-pn a:last-child>span::after{content:" →"}
  .sb .kb-pn b{font-size:15px;line-height:21px}
  .sb .kb-sh-back{z-index:1001}
  .sb .kb-sh,.sb .kb-drawer{z-index:1002}
}