/* ============================================================
   SLGREY19_2026_10_19: серые только из палитры (канон 0.6, CANONFIX15) — выбранная строка слитков #252e3a, наведение и кнопка-значок #171e28
   Раздел сбережений buyhold.by «Вклады · Слитки» (MONEY_SECTION_2026_10_13, вариант B).
   Поверх css/calc-shell.css: токены --r-*, карточки, поля, переключатели, таблицы, подсказки «i».
   Страницы раздела — справочники в колонке сайта (как конвертер): меню разделов сайта остаётся, меню калькуляторов нет.
   Правила R: текст от 13 px, без прописных, один зелёный #95ce5a, красный только для убытка, скругления 6/8, без теней.
   ============================================================ */

/* ---------- каркас ---------- */
.bhc-shell.ms-solo{display:block}
.ms-wrap{max-width:1300px;margin:0 auto;padding:0 20px 48px} /* MS_GRID_2026_10_20: колонка 1260 + поля 20, как у шапки — края совпадают с шапкой и хабом /instrumenty/ на любой ширине (было 1240 + 24, сдвиг 34 px; владелец 20.10: «1») */
.ms-sec{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--r-line)}
.ms-sec-tabs{display:inline-flex;gap:2px;padding:3px;background:#121820;border:0;border-radius:8px}
.bhc-shell .ms-sec-tabs a{display:inline-flex;align-items:center;height:32px;padding:0 16px;border-radius:6px;font:500 14px/1 var(--r-f);color:var(--r-t2)!important;text-decoration:none!important}
.bhc-shell .ms-sec-tabs a:hover{color:var(--r-t1)!important}
.bhc-shell .ms-sec-tabs a.on{background:#252e3a;color:#fff!important}
.ms-sec-tabs a:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
.ms-sec-when{margin-left:auto;font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.ms-sec--solo .ms-sec-when{margin-left:0}   /* SLONLY_2026_10_19: без полосы вкладок дата слева */
.ms-head{margin:20px 0 18px}
.ms-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 8px;font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
@media (max-width:767.98px){.ms-crumbs{flex-wrap:nowrap;white-space:nowrap;min-width:0}.ms-crumbs>*{flex:0 0 auto}.ms-crumbs>span:last-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}}   /* BYFIX_2026_10_14: на телефоне одна строка, последнее звено с многоточием (шла на вторую строку) */
.bhc-shell .ms-crumbs a{color:var(--r-t2)!important;text-decoration:none!important}
.bhc-shell .ms-crumbs a:hover{color:var(--r-t1)!important}
.ms-crumbs a:focus-visible{outline:2px solid var(--r-g);outline-offset:2px;border-radius:2px}
.ms-title-row{display:flex;align-items:center;gap:12px 24px}
.ms-solo h1.ms-h1{flex:1 1 auto;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none!important;font:600 26px/1.2 var(--r-f)!important;color:#fff!important;letter-spacing:-.005em!important;text-transform:none!important;text-align:left!important}
.ms-solo h1.ms-h1::before,.ms-solo h1.ms-h1::after{content:none!important;display:none!important}
.ms-head .ms-head-act{margin-left:auto;flex:none;flex-wrap:nowrap}
.ms-sub-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-top:6px}
.ms-lead{margin:0;font:400 14px/1.5 var(--r-f);color:var(--r-t2)}
.ms-sub-row .bh-wn-trigger{flex:none;height:28px!important;padding:0 4px!important}
.ms-notice{margin:0 0 16px;padding:2px 0 2px 12px;border-left:2px solid var(--r-line2);font:400 14px/1.5 var(--r-f);color:var(--r-t1)}
.ms-empty{max-width:720px}
.bhc-shell .ms-link,.bhc-shell .ms-notice a,.bhc-shell .vk-app .bhc-note a{color:var(--r-t1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.3)!important;text-underline-offset:3px}
.bhc-shell .ms-link:hover{color:#fff!important;text-decoration-color:rgba(255,255,255,.6)!important}
.ms-link:focus-visible{outline:2px solid var(--r-g);outline-offset:2px;border-radius:2px}
.bhc-shell .vk-app a.bhc-btn{text-decoration:none!important}

/* тема выравнивает текст списков по ширине — в разделе только по левому краю (числа выравниваются своими правилами) */
.bhc-shell.ms-solo li,.bhc-shell.ms-solo p,.bhc-shell.ms-solo li span,.bhc-shell.ms-solo li div{text-align:left}

/* ---------- вклады: вкладки валют ---------- */
.vk-curs{display:inline-flex;gap:2px;padding:3px;margin:0 0 16px;background:#121820;border:0;border-radius:8px;max-width:100%;overflow-x:auto}
.bhc-shell .vk-curs a{display:inline-flex;align-items:baseline;gap:6px;height:34px;padding:9px 14px 0;border-radius:6px;font:500 14px/1 var(--r-f);color:var(--r-t2)!important;text-decoration:none!important;white-space:nowrap}
.bhc-shell .vk-curs a:hover{color:var(--r-t1)!important}
.bhc-shell .vk-curs a.on{background:#252e3a;color:#fff!important}
.vk-curs small{font:400 13px/1 var(--r-f);color:var(--r-t3)}
.vk-curs a.on small{color:var(--r-t2)}
.vk-curs a:focus-visible{outline:2px solid var(--r-g);outline-offset:-2px}

/* ---------- вклады: подбор и лучшие по срокам ---------- */
.vk-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:stretch}
.vk-form{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:16px 20px;align-items:start}
.vk-form .bhc-field{margin:0}
.vk-f-term{grid-column:1 / -1}
.vk-f-term .bhc-chips{margin-top:0}
.vk-f-rev .bhc-seg{display:inline-flex;max-width:100%}
.vk-f-rev .bhc-seg button{flex:none;padding:0 14px}
.vk-ans{margin-top:20px;padding-top:20px;border-top:1px solid var(--r-line2)}
.vk-a-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-top:8px}
.vk-a-row .bhc-hero-value{margin-top:0}
.vk-a-when,.vk-a-inc{font:400 14px/1.4 var(--r-f);color:var(--r-t2)}
.vk-a-inc b{font:600 22px/1.2 var(--r-f);color:var(--r-g);font-variant-numeric:tabular-nums;margin-right:4px}
.vk-a-who{margin:12px 0 0;font:400 15px/1.5 var(--r-f);color:var(--r-t1)}
.vk-a-who b{color:#fff;font-weight:600}
.vk-a-meta{margin:4px 0 0;font:400 13px/1.5 var(--r-f);color:var(--r-t2)}
.vk-a-act{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:16px}

.vk-bt{display:flex;flex-direction:column}
.vk-bt .bhc-card-head{margin-bottom:4px}
.vk-bt-sub,.vk-side-sub{margin:0 0 10px;font:400 13px/1.4 var(--r-f);color:var(--r-t2)}
.bhc-card-head .vk-side-sub{margin:0 0 0 auto}
.vk-bt-list{margin:0;padding:0;list-style:none}
.vk-bt-list li{border-top:1px solid var(--r-line)}
.bhc-shell .vk-bt-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:baseline;gap:12px;width:100%;min-height:44px;padding:11px 10px;margin:0;border:0;border-radius:6px;background:transparent;color:var(--r-t1);font:400 14px/1.3 var(--r-f);text-align:left;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}
.bhc-shell .vk-bt-row:hover{background:#171e28}
.bhc-shell .vk-bt-row.on{background:#252e3a}
.vk-bt-row:focus-visible{outline:2px solid var(--r-g);outline-offset:-2px}
.vk-bt-t{font-weight:500;color:var(--r-t1)}
.vk-bt-who{font-size:13px;color:var(--r-t2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vk-bt-r{font:600 15px/1.2 var(--r-f);color:#fff;font-variant-numeric:tabular-nums}

/* ---------- вклады: таблица и колонка справа ---------- */
.vk-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:16px;align-items:start}
.vk-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.vk-count{font:400 13px/1.3 var(--r-f);color:var(--r-t2)}
.vk-list-note{margin:-6px 0 8px;font:400 13px/1.45 var(--r-f);color:var(--r-t2)}
.vk-table{table-layout:fixed}
.vk-table th,.vk-table td{text-align:left;white-space:normal;vertical-align:top}
.vk-table td{padding:12px 10px}
.vk-table th{padding:10px}
.vk-table th:first-child,.vk-table td:first-child{padding-left:0}
.vk-table th .bhc-i{margin-left:4px;vertical-align:middle}
.vk-table thead th:nth-child(1){width:34%}.vk-table thead th:nth-child(2){width:15%}.vk-table thead th:nth-child(3){width:17%}.vk-table thead th:nth-child(4){width:16%}.vk-table thead th:nth-child(5){width:18%}
.vk-bank{display:block;font:600 14px/1.3 var(--r-f);color:var(--r-t1)}
.vk-dep{display:block;margin-top:2px;font:400 14px/1.35 var(--r-f);color:var(--r-t1)}
.vk-dep.is-strong{font-weight:600;color:#fff}
.bhc-shell .vk-bank a,.bhc-shell .vk-dep a{color:inherit!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.22)!important;text-underline-offset:3px}
.bhc-shell .vk-bank a:hover,.bhc-shell .vk-dep a:hover{color:#fff!important;text-decoration-color:rgba(255,255,255,.6)!important}
.vk-meta{display:block;margin-top:4px;font:400 13px/1.4 var(--r-f);color:var(--r-t2)}
.vk-meta:empty{display:none}
.vk-c-rate b,.vk-c-inc b{display:block;font:600 16px/1.25 var(--r-f);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.vk-c-inc b{color:var(--r-g)}
.vk-sub{display:block;margin-top:3px;font:400 13px/1.35 var(--r-f);color:var(--r-t2)}
.vk-c-inc.is-dim .vk-sub{margin-top:0;color:var(--r-t3)}
.vk-chg{display:block;margin-top:3px;font:400 13px/1.35 var(--r-f);color:var(--r-t3)}
.vk-c-real,.vk-c-term{font:500 14px/1.35 var(--r-f);color:var(--r-t1);font-variant-numeric:tabular-nums}
.vk-c-term{font-weight:400}
.vk-c-src{white-space:nowrap}
.vk-date{display:block;font:400 13px/1.35 var(--r-f);color:var(--r-t2);font-variant-numeric:tabular-nums}
.vk-c-src .ms-link{display:inline-block;margin-top:4px;font:500 13px/1.35 var(--r-f)}
.vk-none{margin:14px 0 0;padding:2px 0 2px 12px;border-left:2px solid var(--r-line2);font:400 14px/1.5 var(--r-f);color:var(--r-t1)}
.vk-grp th{padding:18px 0 8px!important;font:600 13px/1.3 var(--r-f)!important;color:var(--r-t1)!important;border-bottom:1px solid var(--r-line2)!important;text-align:left!important}
.vk-grp th span{margin-left:8px;font-weight:400;color:var(--r-t3)}
.vk-btable tbody tr.vk-grp:first-child th{padding-top:4px!important}
.vk-btable thead th:nth-child(1){width:46%}.vk-btable thead th:nth-child(2){width:16%}.vk-btable thead th:nth-child(3){width:20%}.vk-btable thead th:nth-child(4){width:18%}

.bhc-shell ol.vk-feed,.bhc-shell ul.vk-bank-list,.bhc-shell ul.vk-alt-list,.bhc-shell ul.vk-bt-list{margin:0!important;padding:0!important;list-style:none!important;counter-reset:none}
.bhc-shell .vk-feed li,.bhc-shell .vk-bank-list li,.bhc-shell .vk-alt-list li,.bhc-shell .vk-bt-list li{margin:0!important;padding-left:0!important;list-style:none!important;background:none!important}
.bhc-shell .vk-feed li::before,.bhc-shell .vk-feed li::marker,.bhc-shell .vk-bank-list li::before,.bhc-shell .vk-alt-list li::before,.bhc-shell .vk-bt-list li::before{content:none!important;display:none!important}
.bhc-shell .vk-feed li{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:10px 0!important;border-top:1px solid var(--r-line);font:400 14px/1.4 var(--r-f);color:var(--r-t1)}
.vk-feed li>div{min-width:0}
.vk-feed li:first-child{border-top:0;padding-top:2px}
.vk-feed time{font:400 13px/1.5 var(--r-f);color:var(--r-t3);font-variant-numeric:tabular-nums}
.vk-feed b{font-weight:600;color:#fff}
.vk-feed-d{display:block;margin-top:3px;font-size:13px;color:var(--r-t2)}
.vk-feed .is-up,.vk-kpi-v.is-up{color:var(--r-g)}
.vk-feed .is-dn,.vk-kpi-v.is-dn{color:var(--r-red)}   /* BYFIX_2026_10_14: снижение ставки — красным, по знаку (было белым) */
.vk-bank-list{margin:0;padding:0;list-style:none}
.vk-bank-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--r-line);font:500 14px/1.3 var(--r-f)}
.vk-bank-list li:first-child{border-top:0;padding-top:2px}
.bhc-shell .vk-bank-list a{color:var(--r-t1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.22)!important;text-underline-offset:3px}
.bhc-shell .vk-bank-list a:hover{color:#fff!important}
.vk-bank-c{flex:none;font:400 13px/1.3 var(--r-f);color:var(--r-t2);white-space:nowrap}
.vk-bank-list li.is-off .vk-bank-n{color:var(--r-t3)}
.vk-banks-note{margin-top:10px}
.vk-risk{margin-top:16px}
.vk-risk p{margin:0 0 10px;font:400 14px/1.55 var(--r-f);color:var(--r-t1);max-width:860px}
.vk-risk p:last-child{margin-bottom:0}
.bhc-shell .vk-risk a{color:var(--r-t1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.3)!important;text-underline-offset:3px}

/* ---------- страница банка ---------- */
.vk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.vk-kpi{display:flex;flex-direction:column;gap:4px;padding:16px 18px}
.vk-kpi-k{font:500 13px/1.3 var(--r-f);color:var(--r-t2)}
.vk-kpi-v{margin-top:2px;font:600 22px/1.2 var(--r-f);color:#fff;font-variant-numeric:tabular-nums}
.vk-kpi-s{font:400 13px/1.4 var(--r-f);color:var(--r-t2)}
.bhc-shell .vk-kpi-s a{color:var(--r-t1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.3)!important}
.vk-alt-list{margin:0 0 12px;padding:0;list-style:none}
.vk-alt-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid var(--r-line)}
.vk-alt-list li:first-child{border-top:0}
.vk-alt-list li div{min-width:0}
.vk-alt-list li div b{display:block;font:600 14px/1.3 var(--r-f);color:var(--r-t1)}
.bhc-shell .vk-alt-list li a{color:var(--r-t1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.22)!important;text-underline-offset:3px}
.vk-alt-list li div span{display:block;margin-top:2px;font:400 13px/1.35 var(--r-f);color:var(--r-t2)}
.vk-alt-r{flex:none;font:600 15px/1.2 var(--r-f);color:#fff;font-variant-numeric:tabular-nums}
.vk-alt-list:empty{display:none}

/* ---------- страница вклада: сетка срок × валюта ---------- */
.vk-main--prod{grid-template-columns:minmax(0,1fr) 340px;margin-top:0}
.vk-grid{table-layout:auto}
.vk-grid thead th{text-align:right}
.vk-grid thead th:first-child{text-align:left}
.vk-grid tbody th{padding:6px 12px 6px 0;font:500 14px/1.3 var(--r-f);color:var(--r-t1);text-align:left;white-space:nowrap;border-bottom:1px solid var(--r-line)}
.vk-grid td{padding:4px 2px;text-align:right}
.vk-grid td.is-none{padding-right:12px;color:var(--r-t3)}
.bhc-shell .vk-cell{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:86px;min-height:44px;justify-content:center;padding:6px 10px;margin:0;border:0;border-radius:6px;background:transparent;color:#fff;font:600 15px/1.2 var(--r-f);font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}
.bhc-shell .vk-cell:hover{background:#171e28}
.bhc-shell .vk-cell.on{background:#252e3a}
.vk-cell:focus-visible{outline:2px solid var(--r-g);outline-offset:-2px}
.vk-cell span{font:400 13px/1.2 var(--r-f);color:var(--r-t2);white-space:nowrap}
/* канон 0.4 (CANON_BY_2026_10_14): жирнее 600 нет — у <b> без своего класса браузер даёт 700 */
:where(#bhc-shell) b,:where(#bhc-shell) strong{font-weight:600}
/* число со знаком — с цветом (канон 0.7): доходность после налога и инфляции ниже нуля */
.bhc-shell .vk-table td.vk-c-real.is-neg{color:#f43f5e}
.vk-pcalc .bhc-card-title{margin-bottom:14px}
.vk-pcalc .bhc-hero-value{margin-top:16px;color:var(--r-g)}
.vk-pc-out .vk-a-meta:first-of-type{margin-top:8px}

/* ---------- телефон и планшет ---------- */
@media (max-width:1100px){
  .vk-top{grid-template-columns:1fr}
  .vk-main,.vk-main--prod{grid-template-columns:minmax(0,1fr)}.vk-main>*{min-width:0}
  .vk-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
}
@media (max-width:899px){
  .ms-wrap{padding:0 16px 32px}
  .ms-sec{padding:10px 0;gap:6px 12px}
  .ms-sec-when{margin-left:0;flex-basis:100%}
  .ms-head{margin:14px 0 14px}
  .ms-solo h1.ms-h1{font-size:21px!important;flex:1 1 0}
  .ms-head .bhc-top-act{order:0;width:auto;margin:0 0 0 auto;gap:8px}
  .ms-head .bhc-top-act>*{flex:none;width:40px;min-width:0;height:40px;padding:0}
  .ms-head .bhc-btn--ico .bhc-btn-txt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .ms-head .bhc-btn--text.bhc-btn--ico{background:#171e28;color:var(--r-t1)!important}
  .ms-sub-row{align-items:flex-start;margin-top:4px}
  .vk-curs{display:flex;width:100%}
  .bhc-shell .vk-curs a{flex:1 0 auto;justify-content:center;height:40px;padding-top:12px}
  .vk-form{grid-template-columns:1fr}
  .vk-f-rev .bhc-seg{display:flex}
  .vk-f-rev .bhc-seg button{flex:1 1 0;padding:0 6px}
  .vk-side{display:flex}
  .vk-bt-row{grid-template-columns:64px minmax(0,1fr) auto}
  .vk-kpis{grid-template-columns:1fr 1fr;gap:10px}
  .vk-kpi{padding:14px}
  .vk-kpi-v{font-size:19px}
  /* таблица вкладов карточками: банк и ставка в строку, ниже доход, доходность, источник */
  .vk-table thead{display:none}
  .vk-table,.vk-table tbody{display:block}
  .vk-table{table-layout:auto}
  .vk-table tr.vk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:14px 0;border-bottom:1px solid var(--r-line)}
  .vk-table tbody tr:hover td{background:transparent}
  .vk-table tr.vk-row td{display:block;padding:0!important;border:0!important}
  .vk-c-name{grid-column:1;grid-row:1;min-width:0}
  .vk-c-rate{grid-column:2;grid-row:1;text-align:right!important}
  .vk-c-rate .vk-chg{max-width:140px;margin-left:auto}
  .vk-c-inc,.vk-c-real,.vk-c-term{grid-column:1 / -1;display:flex!important;justify-content:space-between;align-items:baseline;gap:6px 12px;flex-wrap:wrap;font-size:14px}
  .vk-c-inc::before,.vk-c-real::before,.vk-c-term::before{content:attr(data-l);color:var(--r-t2);font-weight:400;flex:1 1 auto;min-width:0}
  .vk-c-inc b{display:inline;font-size:15px}
  .vk-c-inc .vk-sub{margin:0;flex-basis:100%;text-align:right}
  .vk-c-inc.is-dim .vk-sub{flex-basis:auto;text-align:right;max-width:60%}
  .vk-c-src{grid-column:1 / -1;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
  .vk-c-src .vk-date::before{content:"проверено "}
  .vk-c-src .ms-link{margin-top:0;font-size:14px;padding:6px 0}
  .vk-btable tr.vk-grp{display:block}
  .vk-btable tr.vk-grp th{display:block;padding:16px 0 8px!important}
  /* сетка вклада прокручивается вбок, срок прилипает слева */
  .vk-grid tbody th,.vk-grid thead th:first-child{position:sticky;left:0;z-index:1;background:var(--r-s1)}
  .bhc-shell .vk-cell{min-width:76px;padding:6px 8px}
}
@media (max-width:420px){
  .vk-kpis{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.vk-app *{transition:none!important}}

/* ---------- слитки (SLITKI_B_2026_10_13) ---------- */
.sl-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 16px}
.sl-ctl .vk-curs{margin:0}
.sl-chips{margin:0}
.sl-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.sl-ans .bhc-hero-value{margin-top:8px}
.sl-sell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--r-line2)}
.sl-sell-k{font:500 14px/1.3 var(--r-f);color:var(--r-t2)}
.sl-sell-v{font:600 20px/1.2 var(--r-f);color:#fff;font-variant-numeric:tabular-nums;text-align:right}
.sl-sell-who{grid-column:1 / -1;font:400 13px/1.4 var(--r-f);color:var(--r-t2)}
.sl-ans .bhc-insight{margin-top:14px}
.sl-ref .bhc-card-title,.sl-chart .bhc-card-title{margin-bottom:10px}
.sl-ref-v{display:block;font:600 26px/1.15 var(--r-f);color:#fff;font-variant-numeric:tabular-nums}
.sl-ref-s{display:block;margin-top:4px;font:400 13px/1.4 var(--r-f);color:var(--r-t2)}
#sl-ans .bhc-hero-value .bhc-cur{font-size:20px}   /* SL_FIX2_2026_10_20: валюта мельче числа, ступень шкалы 20 (у калькуляторов 22 — вне шкалы А) */
.sl-spark{flex:none;display:block}
.sl-ref-note{margin-top:12px}
.sl-chart{display:flex;flex-direction:column}
.sl-bars{flex:1 1 auto;display:flex;align-items:stretch;gap:2px;height:auto;min-height:168px;margin-top:6px}
.bhc-shell .sl-bar{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:0 0 2px;margin:0;border:0;border-radius:6px;background:transparent;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}
.sl-bar-v{font:500 13px/1.2 var(--r-f);color:var(--r-t2);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.sl-bar-t{flex:1 1 auto;display:flex;align-items:flex-end;justify-content:center;min-height:0}
.sl-bar-t i{display:block;width:62%;max-width:26px;border-radius:2px 2px 0 0;background:#787b86;transition:background .15s}
.sl-bar-x{font:400 13px/1.2 var(--r-f);color:var(--r-t3);text-align:center;white-space:nowrap}
.bhc-shell .sl-bar:hover .sl-bar-t i{background:#b2bec3}
.bhc-shell .sl-bar.on .sl-bar-t i{background:#95ce5a}
.bhc-shell .sl-bar.on .sl-bar-v,.bhc-shell .sl-bar.on .sl-bar-x{color:#fff}
.sl-bar:focus-visible{outline:2px solid var(--r-g);outline-offset:1px}
@media (max-width:1100px){
  .sl-top{grid-template-columns:1fr 1fr}
  .sl-ans{grid-column:1 / -1}
}
@media (max-width:899px){
  .sl-top{grid-template-columns:1fr}
  .sl-ctl{gap:10px}
  .sl-ctl .vk-curs{width:100%}
  .sl-bars{min-height:150px}
  /* SL_FIX2_2026_10_20: массы на телефоне — одной строкой с затуханием у края (канон SITEFIX 14.10: ряд шире экрана листается вбок), было две строки */
  .sl-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:4px 0;margin:-4px 0}   /* отступ 4 — под зону касания 44 у кнопки 36 (MSTOUCH19), прокрутка её иначе обрезает до 39 */
  .sl-chips::-webkit-scrollbar{display:none}
  .bhc-shell .sl-chips>button{flex:0 0 auto}
  @supports (animation-timeline:scroll()){.sl-chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--bh-fade)),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - var(--bh-fade)),transparent);animation:bh-fade-x linear both;animation-timeline:scroll(self inline)}}
}
@media (prefers-reduced-motion:reduce){.sl-bar-t i{transition:none}}
/* SL_RANK_2026_10_20: продавцы строками для выбранной массы — цены одной стороны друг под другом, сортировка по «Купить» и «Продать». Таблица «масса × продавец» (SL_SUMCOL) и «Где купить» сняты */
.sl-rank-card{margin-top:16px}
.sl-rank{table-layout:auto}
.sl-rank tbody[hidden],.sl-rank-miss[hidden]{display:none!important}
.sl-rank thead th{vertical-align:bottom}
.sl-rank tbody th{padding:12px 12px 12px 0;font-weight:400;text-align:left;white-space:normal;vertical-align:top;border-bottom:1px solid var(--r-line)}
.sl-rank td{width:18%;padding:12px 8px;vertical-align:top}
.sl-r-v{display:block;font:500 15px/1.3 var(--r-f);color:var(--r-t1);font-variant-numeric:tabular-nums}
.sl-r-v.is-best{font-weight:600;color:var(--r-g)}   /* SL_ACCENT_2026_10_20: лучшая цена покупки и лучший выкуп — зелёным (выгода, канон 0.2) */
.sl-r-bar{display:block;width:100%;max-width:96px;margin:6px 0 0 auto}
.sl-r-bar i{display:block;height:4px;border-radius:2px;background:#787b86}
.sl-r-bar.is-best i{background:#95ce5a}
.sl-r-pp{display:none}
.sl-r-from{font-weight:400;color:var(--r-t3)}   /* BJT_BULLION_2026_10_20: «от» у продавца, где у каждого слитка своя цена */
.sl-rank td.sl-r-prem{color:var(--r-t2)}
.sl-r-no{font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.sl-r-v .bhc-term{position:relative}
.sl-r-v .bhc-term::after{content:"";position:absolute;inset:-14px}   /* зона касания 44 вокруг короткого числа; последний столбец отступает от края на 16, иначе зона вылезет за таблицу и включит прокрутку */
.sl-rank th:last-child,.sl-rank td:last-child{padding-right:16px}
.bhc-shell .sl-rank-sh button{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;height:auto;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:500 13px/1.3 var(--r-f);color:var(--r-t2);cursor:pointer;text-transform:none;letter-spacing:0}
.bhc-shell .sl-rank-sh:is([aria-sort=ascending],[aria-sort=descending]) button{color:var(--r-t1)}
.sl-rank-sh i{display:inline-block;width:6px;height:6px;margin-right:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.35}
.sl-rank-sh:is([aria-sort=ascending],[aria-sort=descending]) i{opacity:1}
.sl-rank-sh button:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
@media (hover:hover){.bhc-shell .sl-rank-sh button:hover{color:#fff}}
.sl-rank-miss,.sl-rank-other{margin:12px 0 0;font:400 13px/1.45 var(--r-f);color:var(--r-t2)}
.sl-rank-miss+.sl-rank-other{margin-top:6px}
.sl-rank-other .ms-link{font-size:13px}
@media (max-width:899px){
  .sl-rank td.sl-r-prem,.sl-rank thead th.sl-r-prem{display:none}
  .sl-rank td{width:auto;padding:12px 0 12px 16px}
  .sl-rank tbody th{padding-right:4px}
}
@media (pointer:coarse){.bhc-shell .sl-rank-sh button{min-height:44px}.sl-rank thead th{vertical-align:middle}}   /* кнопка 44 по высоте: подпись «Продавец» по центру строки, иначе она на 12 px ниже «Купить» */
/* /SL_RANK_2026_10_20 */
/* SL_LOOK_2026_10_20: вид «К1 в, К2 б, К3 в, К4 в» (выбор владельца 20.10) */
/* К1 в: лучшие цены в карточке ответа зелёным, как в таблице продавцов; условия выкупа — подсказкой на имени */
.sl-ans .bhc-hero-value,.sl-sell-v{color:var(--r-g)}
.sl-sell-v .sl-cur{margin-left:2px;font-size:15px;font-weight:500;color:var(--r-t3)}
.sl-sell-who .bhc-term{position:relative;display:inline-block}   /* inline-block: длинный список банков переносится, зона касания держится за всю подпись */
.sl-sell-who .bhc-term::after{content:"";position:absolute;inset:-12px -4px}
/* К2 б: учётная цена — число, график с датами и изменения цветом вместо абзаца */
.sl-ref-v .bhc-cur{margin-left:2px;font-size:16px;font-weight:500;color:var(--r-t3)}
.sl-ref-chart{margin-top:14px}
.sl-spark--wide{width:100%;height:auto}
.sl-ref-x{display:flex;justify-content:space-between;margin-top:4px;font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.bhc-shell .sl-ref-chg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--r-line)}
.bhc-shell .sl-ref-chg>div{margin:0;padding:0}
/* не dl: bh-system.css делает все dt инструментов жирными, а проверка вида считает dl парой «подпись/число» */
.sl-ref-k{display:block;font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.sl-ref-chg b{display:block;margin-top:2px;font:600 15px/1.3 var(--r-f);color:var(--r-t1);font-variant-numeric:tabular-nums}
.sl-ref-chg b.is-up{color:var(--r-g)}
.sl-ref-chg b.is-dn{color:var(--r-red)}
.sl-ref-chg b.is-zero{color:var(--r-t3)}
/* К3 в: источники строкой в карточке таблицы, отдельной карточки «Откуда цены» нет */
.sl-rank-src{margin-top:14px;padding-top:12px;border-top:1px solid var(--r-line)}
.sl-rank-src-k{display:block;font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.bhc-shell .sl-rank-src-l{display:flex;flex-wrap:wrap;gap:0 20px;margin:0;padding:0;list-style:none}
.bhc-shell .sl-rank-src-l li{margin:0;padding:0}
.bhc-shell .sl-rank-src-l li::before{content:none}
.bhc-shell .sl-rank-src-l .ms-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
.bhc-shell .sl-rank-src .vk-banks-note{margin-top:6px}
/* К4 в: дата проверки в строке крошек с точкой (канон 1); слово металла в заголовке зелёным */
.ms-crumbs-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin:0 0 8px}
.ms-crumbs-row .ms-crumbs{margin:0}
.ms-when{display:inline-flex;align-items:flex-start;gap:7px;font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.ms-when i{flex:none;width:6px;height:6px;margin-top:5px;border-radius:50%;background:var(--r-g)}   /* по первой строке: на телефоне дата с пометкой переносится */
.ms-when.is-stale i{background:var(--r-t3)}   /* SL_STALE_2026_10_20: цены старше суток — точка серая, рядом «новые пока не пришли» */
.ms-solo h1.ms-h1 em{font-style:normal;color:var(--r-g)}
@media (max-width:767.98px){.ms-crumbs-row{flex-direction:column;align-items:flex-start;gap:6px}}
/* /SL_LOOK_2026_10_20 */

/* KUDA_2026_10_13: ссылка на «Куда положить деньги» из раздела */
.ms-kuda .bhc-card-title{margin:0 0 6px}
.ms-kuda .bhc-next{margin-top:10px}
.ms-kuda--slitki{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 24px}
.ms-kuda--slitki .bhc-card-title{grid-column:1}
.ms-kuda--slitki .bhc-note{grid-column:1}
.ms-kuda--slitki .bhc-next{grid-column:2;grid-row:1 / span 2;margin:0;white-space:nowrap}
@media (max-width:699px){.ms-kuda--slitki{display:block}.ms-kuda--slitki .bhc-next{margin-top:10px;white-space:normal}}
/* SCALE_BY_2026_10_14 — шкала A (канон 0.4): главное число 36 (телефон 32), показатели 24, второстепенные 20, заголовок страницы 24 (телефон 20) */
html:root body :is(#sl-ans,#vk-ans,#vk-pc-out) .bhc-hero-value{font-size:36px!important}html:root body .ms-head h1.ms-h1{font-size:24px!important}html:root body .sl-ref b.sl-ref-v{font-size:24px!important}html:root body .vk-a-inc>b,html:root body .vk-kpi>b.vk-kpi-v{font-size:20px!important}
@media (max-width:767.98px){html:root body :is(#sl-ans,#vk-ans,#vk-pc-out) .bhc-hero-value{font-size:32px!important}html:root body .ms-head h1.ms-h1{font-size:20px!important}html:root body .sl-ref b.sl-ref-v{font-size:20px!important}}

/* MSTOUCH19_2026_10_19 — канон 0.9.3 (v2.6): зона касания на телефоне от 44 px, вид прежний — растёт область нажатия,
   а не кнопка (приём TJTOUCH22 журнала сделок). Раздел «Вклады · Слитки»: крошки, «Поделиться», «Что нового», вкладки
   металлов и раздела, кнопки массы. Через :hover::after тоже — styles.css на телефоне гасит :hover::after подсказок.
   Столбцы графика наценки (.sl-bar) сюда не входят: шаг столбцов 35–37 px, зона 44 не помещается без смены вида. */
@media (pointer:coarse){
  :is(#m19,html):is(#m19,html) body .bhc-shell.ms-solo :is(.ms-crumbs a,.bhc-top-act>.bhc-btn,#bh-wn-trigger,.vk-curs>a,.bhc-chips>button,.ms-sec-tabs a,.bhc-next a){position:relative}
  :is(#m19,html):is(#m19,html) body .bhc-shell.ms-solo :is(.ms-crumbs a,.bhc-top-act>.bhc-btn,#bh-wn-trigger,.vk-curs>a,.bhc-chips>button,.ms-sec-tabs a,.bhc-next a)::after,
  :is(#m19,html):is(#m19,html) body .bhc-shell.ms-solo :is(.ms-crumbs a,.bhc-top-act>.bhc-btn,#bh-wn-trigger,.vk-curs>a,.bhc-chips>button,.ms-sec-tabs a,.bhc-next a):hover::after{
    all:unset!important;content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;
    width:max(100%,44px)!important;height:max(100%,44px)!important;transform:translate(-50%,-50%)!important;pointer-events:auto!important}
  /* «Что нового» стоит в 8 px под «Поделиться»: его зона растёт вниз (там ничего не нажимается), а не вверх. Ряды кнопок
     массы на телефоне стоят через 6 px — зазор 8 px, иначе зоны соседних рядов заходят друг на друга. */
  :is(#m19,html):is(#m19,html) body .bhc-shell.ms-solo #bh-wn-trigger::after,
  :is(#m19,html):is(#m19,html) body .bhc-shell.ms-solo #bh-wn-trigger:hover::after{top:-4px!important;transform:translateX(-50%)!important}
  :is(#m19,html):is(#m19,html) body .bhc-shell.ms-solo .bhc-chips{row-gap:8px!important}
}
/* /MSTOUCH19_2026_10_19 */
/* SLBAR19_2026_10_19 — владелец «1. а»: на телефоне столбцы графика наценки не нажимаются (шаг 35 px, зона касания 44 не помещается без смены вида), массу выбирают кнопками над карточками; подсказка про столбец на телефоне скрыта */
@media (pointer:coarse){
  .bhc-shell .sl-bar{pointer-events:none;cursor:default}
  .sl-tap-hint{display:none}
}
/* /SLBAR19_2026_10_19 */

/* SL_CARD_2026_10_20 — владелец 20.10: «раскрывающаяся карточка при клике на каждый банк, как в скринере акций» → «1. делать».
   Строка продавца — кнопка со стрелкой, под ней строка-карточка «лункой» #0a0d12 на карточке #121820, как карточка компании в скринере акций. */
.bhc-shell .sl-rank tr.sl-rr>th{padding:0}
.bhc-shell .sl-rank .sl-rr-t{display:block;width:100%;min-height:44px;margin:0;padding:12px 12px 12px 0;border:0;border-radius:0;background:transparent!important;box-shadow:none;color:inherit;font:inherit;text-align:left;text-transform:none;letter-spacing:0;cursor:pointer}
.sl-rr-t .vk-bank{white-space:nowrap}   /* стрелка не отрывается от названия на другую строку */
.sl-rr-c{display:inline-block;width:16px;height:16px;margin-left:6px;vertical-align:-3px;color:var(--r-t3);transition:transform .15s,color .15s}
.sl-rr.is-open .sl-rr-c{transform:rotate(180deg);color:var(--r-t1)}
.sl-rr-t:focus-visible{outline:2px solid var(--r-g);outline-offset:-2px;border-radius:4px}
.sl-rank tr.sl-rr{cursor:pointer}
@media (hover:hover){.sl-rank tr.sl-rr:hover .vk-bank{color:#fff}.sl-rank tr.sl-rr:hover .sl-rr-c{color:var(--r-t1)}}
.sl-rank tr.sl-rr.is-open>*{border-bottom-color:transparent}
.sl-rank tr.sl-dr[hidden]{display:none}
.bhc-shell .sl-rank tr.sl-dr>td{width:auto;padding:0 0 12px;text-align:left;white-space:normal;background:transparent!important}
.sl-dc{box-sizing:border-box;width:0;min-width:100%;padding:16px;border-radius:8px;background:#0a0d12;font:400 14px/1.45 var(--r-f);color:var(--r-t1)}   /* width:0 + min-width:100% — карточка занимает строку, но не раздвигает столбцы таблицы */
.sl-dc-tw{overflow-x:auto}
.sl-dc .is-up{color:var(--r-g)}
.sl-dc .is-dn{color:var(--r-red)}
.sl-dc .is-zero{color:var(--r-t3)}
.sl-dc b{font-weight:600}
.sl-dc-head{margin:0 0 8px}
.sl-dc-head b{display:block;font:600 14px/1.35 var(--r-f);color:var(--r-t1)}
.sl-dc-head span{display:block;margin-top:2px;font:400 13px/1.4 var(--r-f);color:var(--r-t2)}
/* все массы продавца */
.bhc-shell .sl-rank .sl-dc-t{width:100%;max-width:760px;table-layout:auto;border-collapse:separate;border-spacing:0;margin:0}
.bhc-shell .sl-rank .sl-dc .sl-dc-t :is(th,td){width:auto;padding:8px 0 8px 12px;border-bottom:1px solid var(--r-line);background:transparent;text-align:right;vertical-align:baseline;white-space:nowrap;font:400 14px/1.3 var(--r-f);color:var(--r-t1);font-variant-numeric:tabular-nums}
.bhc-shell .sl-rank .sl-dc .sl-dc-t thead th{padding-top:0;font:500 13px/1.3 var(--r-f);color:var(--r-t2);white-space:normal;vertical-align:bottom;border-bottom-color:var(--r-line2)}
.bhc-shell .sl-rank .sl-dc .sl-dc-t :is(th,td):first-child{padding-left:8px;text-align:left}
.bhc-shell .sl-rank .sl-dc .sl-dc-t :is(th,td):last-child{padding-right:8px}
.bhc-shell .sl-rank .sl-dc .sl-dc-t tbody tr:last-child>*{border-bottom:0}
.bhc-shell .sl-rank .sl-dc .sl-dc-t tbody tr.is-cur>*{background:#252e3a;border-bottom-color:transparent}
.bhc-shell .sl-rank .sl-dc .sl-dc-t tbody tr.is-cur>:first-child{border-radius:6px 0 0 6px;font-weight:600}
.bhc-shell .sl-rank .sl-dc .sl-dc-t tbody tr.is-cur>:last-child{border-radius:0 6px 6px 0}
.bhc-shell .sl-rank .sl-dc .sl-dc-t tbody tr:hover td{background:transparent}
.bhc-shell .sl-rank .sl-dc .sl-dc-t tbody tr.is-cur:hover td{background:#252e3a}
.bhc-shell .sl-dc-m{position:relative;display:inline;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none;font:500 14px/1.3 var(--r-f);color:var(--r-t1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px;cursor:pointer;text-transform:none;letter-spacing:0}
.bhc-shell .sl-dc-m::after{content:"";position:absolute;inset:-12px -8px}
@media (hover:hover){.bhc-shell .sl-dc-m:hover{color:#fff;text-decoration-color:rgba(255,255,255,.6)}}
.sl-dc-m:focus-visible{outline:2px solid var(--r-g);outline-offset:2px;border-radius:2px}
.sl-dc-since{margin:10px 0 0;font:400 13px/1.45 var(--r-f);color:var(--r-t2)}
.sl-dc-since span{color:var(--r-t2)}
/* график цены выбранной массы: на ПК справа от линейки масс, уже 1100 — под ней */
.sl-dc-body.has-chart{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);gap:16px 32px;align-items:start}
.sl-dc-hist{padding-top:2px}
@media (max-width:1099.98px){.sl-dc-body.has-chart{grid-template-columns:1fr}.sl-dc-hist{padding-top:0}}
.sl-dc-lead{margin:0 0 8px;font:400 14px/1.4 var(--r-f);color:var(--r-t1)}
.sl-dc-svg svg{display:block;width:100%;height:132px}
.sl-dc-x{display:flex;justify-content:space-between;margin-top:4px;font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.sl-dc-leg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:8px 0 0;font:400 13px/1.3 var(--r-f);color:var(--r-t2)}
.sl-dc-leg span{display:inline-flex;align-items:center;gap:8px}   /* чёрточка не отрывается от подписи при переносе */
.sl-dc-leg i{display:inline-block;width:14px;height:2px;border-radius:1px}
.sl-dc-leg i.is-main{background:#95ce5a}
.sl-dc-leg i.is-ref{background:#787b86}
/* общая концовка */
.sl-dc-foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--r-line)}
.sl-dc-note,.sl-dc-src{margin:0 0 4px;font:400 13px/1.5 var(--r-f);color:var(--r-t2)}
.sl-dc-src{margin-bottom:0}
.bhc-shell .sl-dc-src .ms-link{position:relative;font-size:13px}
.bhc-shell .sl-dc-src .ms-link::after{content:"";position:absolute;inset:-14px -4px}
@media (max-width:767.98px){
  /* стрелка и отступы ужаты, цены переносятся: на экране 390 таблица влезает при любой массе (на бою до правки вылезала на 3–12 px) */
  .bhc-shell .sl-rank .sl-rr-t{padding-right:4px}
  .sl-rr-c{width:12px;height:12px;margin-left:4px;vertical-align:-1px}
  .bhc-shell .sl-rank td.sl-r-buy,.bhc-shell .sl-rank td.sl-r-sell{white-space:normal}
  .bhc-shell .sl-rank tr.sl-rr>td{padding-left:12px}
  .sl-dc{padding:12px}
  .bhc-shell .sl-rank .sl-dc .sl-dc-t :is(th,td){padding-left:8px;font-size:13px}
  .bhc-shell .sl-rank .sl-dc .sl-dc-t .sl-dc-pg{display:none}
}
@media (pointer:coarse){
  /* зона касания 44: строка линейки масс 44 по высоте, зона кнопки массы не меньше 44×44 и не заходит на соседнюю строку */
  .bhc-shell .sl-rank .sl-dc .sl-dc-t tbody :is(th,td){padding-top:13px;padding-bottom:13px}
  .bhc-shell .sl-rank .sl-dc .sl-dc-t :is(th,td):first-child{padding-left:16px}   /* зона «1 г» шириной 44 не обрезается прокруткой обёртки .sl-dc-tw */
  .bhc-shell .sl-dc-m::after{inset:auto;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
}
@media (prefers-reduced-motion:reduce){.sl-rr-c{transition:none}}
/* /SL_CARD_2026_10_20 */

/* SL_SUB_2026_10_20 — владелец 20.10: «окно подписки на эти данные по почте, как в конвертере» → «2. делать».
   Поля — «лунка» #0a0d12 без рамки, фокус — рамка 1 px #95ce5a (канон 0.2, F3A); флажок — как в окне
   уведомлений живого графика (bh-system.css); ошибка — полоса слева #f43f5e и текст под формой. */
.sl-sub--answer{margin-top:14px}
.sl-sub--seller{margin-top:10px}
.bhc-shell .sl-sub .bhc-btn svg{flex:none;width:16px;height:16px}
/* SL_SUBGREEN_2026_10_20 — владелец: «может лучше сделать зеленой эту кнопку как в конверетере?»: главная зелёная кнопка */
.bhc-shell .sl-sub-open span{white-space:normal;text-align:left}   /* «Сообщить, когда у Белгазпромбанка подешевеет» на телефоне в две строки */
.bhc-shell .bhc-btn.sl-sub-open{height:auto;min-height:36px;padding-top:8px;padding-bottom:8px;line-height:1.3}
.sl-sub-open[hidden],.sl-sub-form[hidden],.sl-sub-msg[hidden]{display:none!important}
.sl-sub-form{max-width:560px}
.sl-sub--answer .sl-sub-form,.sl-sub--seller .sl-sub-form{margin-top:4px}
.sl-sub-lead{margin:0;font:400 13px/1.45 var(--r-f);color:var(--r-t2)}
.sl-sub-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:0 12px}
.sl-sub-row .bhc-field{margin-top:12px}
.sl-sub .bhc-input input[type=email]{padding-right:14px;font-weight:400;font-variant-numeric:normal}
.sl-sub .bhc-input input::placeholder{color:var(--r-t3);opacity:1}
/* тема красит поле в фокусе в #111 на #fff (style.css, input[type=email]:focus) — как TJFOCUS_2026_10_15 в журнале сделок */
html body .bhc-shell .sl-sub .bhc-input input:focus{color:var(--r-t1)!important;-webkit-text-fill-color:var(--r-t1)!important;background-color:var(--r-bg)!important}
html body .bhc-shell .sl-sub--seller .bhc-input input:focus{background-color:#171e28!important}
/* в карточке продавца фон — «лунка» #0a0d12, поле на нём тоном #171e28 (канон, SITEFIX_2026_10_14) */
.bhc-shell .sl-sub--seller .bhc-input input{background-color:#171e28}
.sl-sub .is-err .bhc-input::before{content:"";position:absolute;left:0;top:6px;bottom:6px;z-index:1;width:2px;border-radius:1px;background:var(--r-red);pointer-events:none}
.sl-sub-cons{position:relative;display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font:400 13px/1.45 var(--r-f);color:var(--r-t2);cursor:pointer}
.bhc-shell .sl-sub-cons>span{color:var(--r-t2)}   /* тема: label span{color:#2e40b3} */
.bhc-shell .sl-sub-cons a{color:var(--r-t1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.3)!important;text-underline-offset:3px}
.bhc-shell .sl-sub-cons input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;display:inline-grid;place-content:center;width:16px;height:16px;margin:2px 0 0;padding:0;border:0;border-radius:4px;background:#252e3a;cursor:pointer;position:relative}
.bhc-shell .sl-sub-cons input[type=checkbox]::after{content:"";position:absolute;inset:-14px}
.bhc-shell .sl-sub-cons input[type=checkbox]:checked{background:#95ce5a}
.bhc-shell .sl-sub-cons input[type=checkbox]:checked::before{content:"";width:11px;height:11px;background:#0a0d12;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center/contain no-repeat}
.bhc-shell .sl-sub-cons input[type=checkbox]:focus-visible{outline:1px solid #95ce5a;outline-offset:2px}
.bhc-shell .sl-sub-cons.is-err input[type=checkbox]{outline:1px solid var(--r-red);outline-offset:2px}
.sl-sub-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.sl-sub-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.sl-sub-form[aria-busy=true] button[type=submit]{opacity:.6;cursor:progress}
.sl-sub-msg{margin:12px 0 0;padding:2px 0 2px 12px;border-left:2px solid var(--r-line2);font:400 14px/1.5 var(--r-f);color:var(--r-t1)}
.sl-sub-msg.is-ok{border-left-color:var(--r-g)}
.sl-sub-msg.is-err{border-left-color:var(--r-red)}
.sl-sub-form.is-done :is(.sl-sub-row,.sl-sub-lead,.sl-sub-cons,.sl-sub-act){display:none}
.sl-sub-form.is-done .sl-sub-msg{margin-top:0}
@media (max-width:767.98px){
  .sl-sub-row{grid-template-columns:1fr}
  .sl-sub-form{max-width:none}
  .bhc-shell .sl-sub-act .bhc-btn--primary{flex:1 1 auto}
}
@media (pointer:coarse){.bhc-shell .sl-sub-act .bhc-btn,.bhc-shell .bhc-btn.sl-sub-open{min-height:44px}.bhc-shell .sl-sub .bhc-input input{height:44px}}
/* /SL_SUB_2026_10_20 */

/* BANK_LOGOS_2026_10_20 — владелец 20.10: «скачать логотип каждого банка и в строках рядом с названием показывать логотип».
   Знак продавца слева от названия, вид A канона 0.8.1: 32 px в таблице, на телефоне 24 px (плотный список), название и строка
   «по отделениям» — под названием. */
.bhc-shell .sl-rank .sl-rr-t.has-lg{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:center}
.bhc-shell .sl-rank .sl-rr-t.has-lg>.bh-lg{grid-row:1}   /* вровень с названием; строка «по отделениям» — под названием */
.bhc-shell .sl-rank .sl-rr-t.has-lg>:not(.bh-lg){grid-column:2}
@media (max-width:767.98px){
  .bhc-shell .sl-rank .sl-rr-t.has-lg{grid-template-columns:24px minmax(0,1fr);column-gap:8px}
  html body .bhc-shell .sl-rank .sl-rr-t>.bh-lg{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important}
  html body .bhc-shell .sl-rank .sl-rr-t>.bh-lg.bh-lg--mono{font-size:13px!important}
}
/* /BANK_LOGOS_2026_10_20 */

/* J2T_CMP_2026_10_20 — карточка «Слиток или биржевой фонд на золото» (выбор владельца «б»). Колонка фонда на плитке #171e28, кнопка под ней.
   Карточки инструмента не стоят вплотную (владелец: «но не должны быть вплотную блоки»): у карточек после таблицы продавцов («Слиток, вклад
   или доллары», сравнение) отступа сверху не было, теперь 16, как между остальными. */
.bhc-shell .vk-app>.bhc-card+.bhc-card{margin-top:16px}
.bhc-shell .sl-etf .bhc-card-title{margin:0 0 4px}
.bhc-shell .sl-etf>.bhc-note{margin:0}
.bhc-shell .sl-etf-t{width:100%;margin:16px 0 0;border-collapse:separate;border-spacing:0;table-layout:fixed}
.bhc-shell .sl-etf-t :is(th,td){padding:12px 16px;border:0;border-top:1px solid var(--r-line);background:transparent;text-align:left;vertical-align:top;font:400 14px/1.45 var(--r-f);color:var(--r-t2)}
.bhc-shell .sl-etf-t thead :is(th,td){border-top:0;padding-top:10px;font:600 13px/1.3 var(--r-f);color:var(--r-t3)}
.bhc-shell .sl-etf-t thead th:is(.is-fund,.is-acc){color:var(--r-t1)}
.bhc-shell .sl-etf-t tbody th{font-weight:400;color:var(--r-t3);padding-left:0;width:30%}
.bhc-shell .sl-etf-t thead td{width:30%;padding-left:0}
.bhc-shell .sl-etf-t b{font-weight:600;color:var(--r-t1)}
.bhc-shell .sl-etf-t b.sl-etf-neg{color:#f43f5e}
.bhc-shell .sl-etf-t :is(.is-fund,.is-acc){background:#171e28}
.bhc-shell .sl-etf-t thead :is(.is-fund,.is-acc){border-radius:8px 8px 0 0}
.bhc-shell .sl-etf-t tr.sl-etf-act>*{border-top:0}
.bhc-shell .sl-etf-t tr.sl-etf-act :is(.is-fund,.is-acc){border-radius:0 0 8px 8px;padding-bottom:16px}
.bhc-shell .sl-etf-t a.bhc-btn{text-decoration:none!important}
.sl-etf-risk{display:block;margin-top:10px;font:400 13px/1.45 var(--r-f);color:var(--r-t3)}
@media (max-width:767.98px){
  .bhc-shell .sl-etf-t,.bhc-shell .sl-etf-t tbody,.bhc-shell .sl-etf-t thead{display:block}
  .bhc-shell .sl-etf-t tr{display:grid;grid-template-columns:1fr 1fr}
  .bhc-shell .sl-etf-t thead td,.bhc-shell .sl-etf-t tr.sl-etf-act th,.bhc-shell .sl-etf-t tr.sl-etf-act td:not(:is(.is-fund,.is-acc)){display:none}
  .bhc-shell .sl-etf-t thead th:not(:is(.is-fund,.is-acc)){padding-left:0}
  .bhc-shell .sl-etf-t tbody th{grid-column:1 / -1;width:auto;padding:12px 0 4px;border-top:1px solid var(--r-line)}
  .bhc-shell .sl-etf-t tbody td{border-top:0;padding:8px 12px;margin:0 0 12px}
  .bhc-shell .sl-etf-t tbody td:not(:is(.is-fund,.is-acc)){padding-left:0}
  .bhc-shell .sl-etf-t :is(thead th,tbody td):is(.is-fund,.is-acc){border-radius:6px}   /* на телефоне колонка фонда — плашками: подписи строк её всё равно разрывают */
  .bhc-shell .sl-etf-t tr.sl-etf-act :is(.is-fund,.is-acc){grid-column:1 / -1;margin:4px 0 0;padding:16px;border-radius:8px}
}
/* /J2T_CMP_2026_10_20 */

/* NBRB_HIST_2026_10_20 — график учётной цены за месяц, год, 5 и 10 лет в карточке «Учётная цена Нацбанка» (js/slitki-ref-chart.js).
   Переключатель — чипсы как у массы (выбранный плиткой #252e3a), полотно 150 px; таблицы Lightweight Charts защищены от стилей темы. */
.bhc-shell .sl-ref-per{margin:14px 0 0}
.sl-ref-chart--hist{margin-top:10px}
.sl-ref-plot{position:relative;height:150px}
.sl-ref-plot .sl-spark{width:100%;height:150px}
.sl-ref.is-live .sl-ref-x{display:none}
.bhc-shell .sl-ref-plot table{table-layout:auto!important;width:auto!important;max-width:none!important;border-collapse:collapse!important;border-spacing:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important}
.bhc-shell .sl-ref-plot :is(td,th,tr){padding:0!important;border:0!important;background:none!important}
.bhc-shell .sl-ref-lc{margin-top:10px}
.bhc-shell .sl-ref-per>.bh-wn-nav-dot{align-self:center;margin-left:2px}   /* точка «новое» по центру ряда чипсов, а не у верхнего края */
/* /NBRB_HIST_2026_10_20 */

/* SL_REFFIT_2026_10_21 — владелец 21.10: «ничего страшного что теперь тут свободное место?» → вариант «г». Изменения за день, неделю
   и период строкой под ценой, пояснение про учётную цену — в подсказке у заголовка, график забирает высоту ряда (150–260): три карточки
   кончаются ровно при любом металле и массе. Полотно графика не задаёт высоту ряда (absolute), поэтому и растягивается, и сжимается. */
.sl-ref{display:flex;flex-direction:column}
.bhc-shell .sl-ref-chg{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;padding:0;border:0}
.bhc-shell .sl-ref-chg>div{display:flex;align-items:baseline;gap:5px}
.sl-ref-chg b{margin:0;font-size:14px}
.sl-ref-chart--hist{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;max-height:260px}
.sl-ref-plot{flex:1 1 auto;height:auto;min-height:150px;isolation:isolate}   /* слои Lightweight Charts (z-index холстов) не перекрывают зону касания ссылки под графиком */
.sl-ref-plot>*{position:absolute!important;inset:0;width:100%!important;height:100%!important}
#sl-ref-title .bhc-term{position:relative;display:inline-block}
#sl-ref-title .bhc-term::after{content:"";position:absolute;inset:-12px -4px}   /* зона касания 44 у заголовка-подсказки */
/* /SL_REFFIT_2026_10_21 */

/* SL_ACB_2026_10_21 — оговорка инструмента под карточками раздела «Слитки» (внутри .bhc-shell, отступы даёт оболочка) */
.bhc-shell .bh-tool-disclaimer{max-width:none;margin:0;padding:18px 0 0}
/* /SL_ACB_2026_10_21 */

/* OMS_PAGE_2026_10_21 — «Металлические счета» (/metallicheskie-scheta/, шаблон page-oms.php, вкладка полосы раздела «Слитки»).
   Карточки и таблица — классы «Слитков» (sl-top, sl-ans, sl-rank, sl-r-bar), здесь только своё: блоки металла, «Счёт или слиток»,
   условия счёта, столбец «Разница». Карточка банка под строкой — классы «Слитков» (sl-rr, sl-dr, sl-dc), см. OMS_CARD ниже. */
.om-app [data-om-mt][hidden]{display:none!important}
/* цена в карточке ответа — по шкале А, как #sl-ans (36 на ПК, 32 на телефоне, валюта 20) */
html:root body #om-ans .bhc-hero-value{font-size:36px!important}
#om-ans .bhc-hero-value .bhc-cur{font-size:20px}
@media (max-width:767.98px){html:root body #om-ans .bhc-hero-value{font-size:32px!important}}
.om-tab-short{display:none}
@media (max-width:599.98px){
  .om-tab-full{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .om-tab-short{display:inline}
}
/* «Счёт или слиток»: строка — подпись и процент, под ними полоса; самая маленькая потеря зелёным */
.bhc-shell .om-vs{margin:12px 0 0;padding:0;list-style:none}
.bhc-shell .om-vs li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;margin:0;padding:9px 0;border-top:1px solid var(--r-line)}
.bhc-shell .om-vs li:first-child{border-top:0;padding-top:2px}
.bhc-shell .om-vs li::before{content:none}
.om-vs-k{font:400 14px/1.35 var(--r-f);color:var(--r-t2)}
.om-vs li.is-acc .om-vs-k{color:var(--r-t1)}
.om-vs-v{font:600 15px/1.3 var(--r-f);color:var(--r-t1);font-variant-numeric:tabular-nums;text-align:right}
.om-vs-v.is-best{color:var(--r-g)}
.om-vs .sl-r-bar{grid-column:1 / -1;max-width:none;margin:0}
.om-vs-s{grid-column:1 / -1;margin-top:-2px;font:400 13px/1.4 var(--r-f);color:var(--r-t3)}
.om-vs-s .bhc-term{position:relative;display:inline-block}
.om-vs-s .bhc-term::after{content:"";position:absolute;inset:-12px -4px}
.om-vs-card .bhc-next{margin-top:12px}
/* условия счёта: подпись с подсказкой слева, ответ справа (не dl: bh-system.css делает dt жирными) */
.bhc-shell .om-terms{margin:8px 0 0;padding:0;list-style:none}
.bhc-shell .om-terms li{display:flex;justify-content:space-between;align-items:baseline;gap:4px 16px;flex-wrap:wrap;margin:0;padding:9px 0;border-top:1px solid var(--r-line)}
.bhc-shell .om-terms li:first-child{border-top:0;padding-top:2px}
.bhc-shell .om-terms li::before{content:none}
.om-terms-k{font:400 14px/1.35 var(--r-f);color:var(--r-t2)}
.om-terms-v{font:500 14px/1.35 var(--r-f);color:var(--r-t1);text-align:right}
.om-terms-k .bhc-term{position:relative;display:inline-block}
.om-terms-k .bhc-term::after{content:"";position:absolute;inset:-12px -4px}   /* зона касания 44 */
/* на телефоне строки условий выше: при отступе 9 зоны соседних подсказок (по 12 вверх и вниз) накрывали друг друга, и каждая выходила 40 */
@media (max-width:767.98px){.bhc-shell .om-terms li{padding:12px 0}}
/* строка банка без раскрытия: знак, название, канал и время цены — как у продавцов слитков */
.bhc-shell .om-rank .om-rr-t{display:block}
.bhc-shell .om-rank .om-rr-t.has-lg{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:center}
.bhc-shell .om-rank .om-rr-t.has-lg>.bh-lg{grid-row:1}
.bhc-shell .om-rank .om-rr-t.has-lg>:not(.bh-lg){grid-column:2}
.om-rank .om-rr-t .vk-bank{white-space:nowrap}
.bhc-shell .om-rank th.om-r-loss{white-space:nowrap}
.bhc-shell .om-rank th.om-r-loss .bhc-i{margin-left:4px;vertical-align:middle}
.om-rank td.om-r-loss{text-align:right}
.om-r-lv{display:block;font:500 15px/1.3 var(--r-f);color:var(--r-t1);font-variant-numeric:tabular-nums}
.om-r-lv.is-best{font-weight:600;color:var(--r-g)}
@media (max-width:899px){
  .om-rank td.om-r-loss,.om-rank thead th.om-r-loss{display:none}
  .bhc-shell .om-rank .om-r-pp{display:block;margin-top:2px;font:400 13px/1.3 var(--r-f);color:var(--r-t3);white-space:nowrap}
  .bhc-shell .om-rank .om-r-pp.is-best{color:var(--r-g)}
}
@media (max-width:767.98px){
  .bhc-shell .om-rank .om-rr-t.has-lg{grid-template-columns:24px minmax(0,1fr);column-gap:8px}
  html body .bhc-shell .om-rank .om-rr-t>.bh-lg{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important}
  html body .bhc-shell .om-rank .om-rr-t>.bh-lg.bh-lg--mono{font-size:13px!important}
  .bhc-shell .om-rank td.sl-r-buy,.bhc-shell .om-rank td.sl-r-sell{white-space:normal}
  .bhc-shell .om-rank tr.om-rr>td{padding-left:12px}
}
/* /OMS_PAGE_2026_10_21 */
/* OMS_CARD_2026_10_21 — паритет со «Слитками» (владелец 21.10: «почему нет кнопки подписки как у слитков и почему нет раскрывающихся карточек?»):
   учётная цена по каждому металлу (блок металла растягивается, как карточка .sl-ref у слитков), канал МТБанка в карточке банка,
   условия счёта полосой под таблицей (пять колонок на ПК, ниже 900 — списком, как было в карточке). */
.om-ref>.om-ref-m{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.om-ref-m.is-live .sl-ref-x{display:none}
.om-ref .bhc-card-title .bhc-term{position:relative;display:inline-block}
.om-ref .bhc-card-title .bhc-term::after{content:"";position:absolute;inset:-12px -4px}   /* зона касания 44 у заголовка-подсказки */
.om-dc-ch{display:block;margin-top:2px;font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.bhc-shell .sl-rank .sl-dc .sl-dc-t tbody tr.is-cur>:first-child .om-dc-ch{font-weight:400;color:var(--r-t2)}
@media (min-width:900px){
  .bhc-shell .om-terms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:12px}
  .bhc-shell .om-terms li{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;padding:0 16px;border-top:0;border-left:1px solid var(--r-line)}
  .bhc-shell .om-terms li:first-child{padding:0 16px 0 0;border-left:0}
  .om-terms-v{text-align:left}
}
@media (pointer:coarse){.bhc-shell .sl-etf-t a.bhc-btn{min-height:44px}}   /* зона касания 44 у кнопки фонда на телефоне (TOUCH44); с SL_VS 22.10 — и на слитках (владелец «5. да») */
/* /OMS_CARD_2026_10_21 */
/* OMS_GAP_2026_10_21: «Продать обратно» в карточке ответа — цена выкупа самого дешёвого банка, не лучшая на рынке, поэтому белым, а не зелёным */
.sl-sell.om-back .sl-sell-v{color:#fff}
.om-vs-card .om-vs-note{margin-top:12px}   /* палладий: оговорка под разницей по банкам */
/* SL_VS_2026_10_21: слиток против металлического счёта на страницах слитков (вариант «в», владелец 22.10) */
.bhc-shell .sl-vs .sl-vs-next{margin:0}
.bhc-shell .sl-etf-t .sl-vs-next+.sl-etf-risk{margin-top:8px}
@media (min-width:768px){.bhc-shell .sl-etf-t--3 thead td,.bhc-shell .sl-etf-t--3 tbody th{width:22%}}   /* на телефоне подпись строки — во всю ширину (width:auto у карточки фонда) */
@media (max-width:767.98px){   /* как у карточки фонда: на телефоне строки таблицы — сеткой */
  .bhc-shell .sl-etf-t--3 tr{grid-template-columns:1fr 1fr 1fr}
  .bhc-shell .sl-etf-t--3 :is(thead th,tbody td){padding-left:0;padding-right:8px;font-size:13px}
  .bhc-shell .sl-etf-t--3 :is(thead th,tbody td).is-fund{padding-left:8px}
  .bhc-shell .sl-etf-t tr.sl-etf-act td.sl-vs-acc{display:block;grid-column:1 / -1;padding:12px 0 4px}
}