/* BH_TOUR_2026_10_27 — обучение «Как пользоваться» (js/bh-tour.js), общее для инструментов в оболочке калькуляторов.
   Палитра канона инструментов (DESIGN-DNA-TOOLS): карточка #171e28, текст #e6e9ee / #b3b9c2 / #949ca7, нажатие #1f2834,
   главная кнопка — зелёная кнопка оболочки; свечения и тени нет, скругления 8. Затемнение даёт тень выреза — его края скруглены,
   обводка 2 px #e6e9ee показывает, что именно объясняется. Слой ставится в body, вне .bhc-shell, поэтому токены — свои. */
.bht{--r-t1:#e6e9ee;--r-t2:#b3b9c2;--r-t3:#949ca7;--r-g:#95ce5a;--r-g2:#a6d873;--r-f:"IBM Plex Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  position:fixed;inset:0;z-index:10040;pointer-events:none;color:var(--r-t1);font:400 14px/1.45 var(--r-f);-webkit-font-smoothing:antialiased}
.bht *,.bht *::before,.bht *::after{box-sizing:border-box}
.bht [hidden]{display:none!important}
.bht .bht-block{position:fixed;pointer-events:auto;background:transparent}
.bht .bht-spot{position:fixed;border-radius:10px;box-shadow:0 0 0 2px #e6e9ee,0 0 0 100vmax rgba(4,6,9,.72);pointer-events:none}
.bht .bht-card{position:fixed;left:-9999px;top:0;width:344px;max-width:calc(100vw - 24px);padding:20px 20px 16px;border:0;border-radius:8px;background:#171e28;color:var(--r-t1);pointer-events:auto;outline:none;box-shadow:none}
.bht .bht-card.is-in{animation:bht-in .18s ease-out}
@keyframes bht-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.bht .bht-title{margin:0 36px 6px 0;padding:0;border:0;background:none;font:600 16px/1.3 var(--r-f);color:#fff;letter-spacing:0;text-transform:none}
.bht .bht-title::before,.bht .bht-title::after{content:none}
.bht .bht-text{margin:0;padding:0;font:400 14px/1.5 var(--r-f);color:var(--r-t2)}
.bht .bht-act{margin:10px 0 0;padding:0;font:400 14px/1.5 var(--r-f);color:var(--r-t1)}
.bht .bht-act b{font-weight:600}
.bht .bht-nav{display:flex;align-items:center;gap:8px;margin-top:16px}
.bht .bht-count{margin-right:auto;font:400 13px/1 var(--r-f);color:var(--r-t3);font-variant-numeric:tabular-nums}
.bht .bht-nav .bhc-btn{height:40px;min-width:44px;text-transform:none;letter-spacing:0}
.bht .bht-x{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--r-t3);cursor:pointer;box-shadow:none;transition:background-color .15s ease-out,color .15s ease-out}
.bht .bht-x:active{background:#1f2834;color:var(--r-t1)}
@media (hover:hover){.bht .bht-x:hover{background:#1f2834;color:var(--r-t1)}}
.bht .bht-card :focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
/* телефон: карточка снизу во всю ширину, элемент — над ней */
.bht .bht-card.is-sheet{left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-width:none}
@media (prefers-reduced-motion:reduce){.bht .bht-card.is-in{animation:none}.bht .bht-x{transition:none}}

/* кнопки запуска: на телефоне — значок «?» в полосе, на компьютере — пункт левого меню под «Что нового», тем же видом */
@media (min-width:900px){.bhc-top .bhc-top-act .bhc-tour-btn{display:none!important}}
html body #bhc-shell#bhc-shell#bhc-shell .bhc-side>.bhc-tour-side{order:1;display:flex;align-items:center;gap:12px;width:100%;height:auto;min-height:38px;margin:4px 0 0;padding:10px 12px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#b3b9c2;font:500 14px/1.2 "IBM Plex Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:left;text-transform:none;letter-spacing:0;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}
html body #bhc-shell#bhc-shell#bhc-shell .bhc-side>.bhc-tour-side[hidden]{display:none}
html body #bhc-shell#bhc-shell#bhc-shell .bhc-side>.bhc-tour-side svg{flex:none;width:18px;height:18px}
html body #bhc-shell#bhc-shell#bhc-shell .bhc-side>.bhc-tour-side:active{background:#1f2834;color:#e6e9ee}
html body #bhc-shell#bhc-shell#bhc-shell .bhc-side>.bhc-tour-side:focus-visible{outline:2px solid #95ce5a;outline-offset:-2px}
@media (hover:hover){html body #bhc-shell#bhc-shell#bhc-shell .bhc-side>.bhc-tour-side:hover{background:#171e28;color:#e6e9ee}}
@media (pointer:coarse){html body #bhc-shell#bhc-shell#bhc-shell .bhc-side>.bhc-tour-side{min-height:44px}}
@media (prefers-reduced-motion:reduce){html body #bhc-shell#bhc-shell#bhc-shell .bhc-side>.bhc-tour-side{transition:none}}
/* CALC27_2026_10_27: бейдж «новое» (класс C, bh-whatsnew feature_badge) у пункта «Как пользоваться» — зелёной точкой, как свежие пункты
   этого меню («Что нового ●», «Кредит ●»); словом «новое» пункт переносился на две строки. Текст «Новое» остаётся для чтения с экрана */
html body #bhc-shell#bhc-shell#bhc-shell .bhc-side>.bhc-tour-side .bh-wn-feature-badge{flex:none;width:6px;height:6px;margin:0 0 0 -4px;padding:0;border-radius:50%;background:#95ce5a;color:transparent;font:400 0/0 "IBM Plex Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow:hidden}