/* BABAI.NET 2.6 | Допомога абонентам | Scoped: no changes to the other pages. */
.bbh-help{--bh-surface:var(--card-bg);--bh-line:var(--bb2-outline);--bh-soft:var(--bb2-soft);--bh-ink:var(--primary-color);--bh-text:var(--text-color);color:var(--bh-text);line-height:1.65;min-width:0}
.bbh-help *{box-sizing:border-box}
.bbh-help h2,.bbh-help h3{margin:0;color:var(--bh-ink);line-height:1.21;letter-spacing:-.035em}
.bbh-help p{margin:0}
.bbh-svg{display:block;flex-shrink:0;width:24px;height:24px}
.bbh-help a:focus-visible,.bbh-help summary:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px;border-radius:6px}
.bbh-kicker{font-size:11px;letter-spacing:.11em;font-weight:800;color:var(--accent-color)}
/* Intro */
.bbh-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:24px;padding:35px 36px 35px 40px;background:linear-gradient(112deg,#f3f9f4,#e7f6ec);border:1px solid #dbeadd;border-radius:18px;margin-bottom:15px;min-height:249px}
.bbh-hero-copy{max-width:690px;position:relative;z-index:2}
.bbh-hero h2{font-size:clamp(24px,3.1vw,39px);margin:10px 0 12px;letter-spacing:-.046em;color:#142a1b}
.bbh-hero p{max-width:650px;font-size:14px;color:#42604b;line-height:1.75}
.bbh-hero-cta{display:inline-flex;align-items:center;gap:11px;text-decoration:none;background:#006b2f;color:#fff;font-size:12px;font-weight:800;border-radius:10px;padding:11px 17px;margin-top:18px}
.bbh-hero-cta:hover{background:#005321}
.bbh-hero-cta span{font-size:18px;line-height:1}
.bbh-hero-side{min-height:188px;display:grid;place-items:center;position:relative}
.bbh-orbit-icon{width:110px;height:110px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e6f7e8);box-shadow:0 18px 60px rgba(0,105,52,.13);color:#0b7d3a;border:1px solid #cde8d2;transform:rotate(-8deg)}
.bbh-orbit-icon .bbh-svg{width:55px;height:55px}
.bbh-bubble{position:absolute;font-size:11px;font-weight:800;color:#126a37;padding:7px 11px;background:#fff;border:1px solid #d8eade;box-shadow:0 7px 25px rgba(14,83,41,.05);border-radius:100px}
.bbh-bubble-one{left:0;top:23px}.bbh-bubble-two{right:0;top:10px}.bbh-bubble-three{right:0;bottom:23px}
body.dark-theme .bbh-hero{background:linear-gradient(112deg,#173628,#1c3b2a);border-color:#315b3e}
body.dark-theme .bbh-hero h2{color:#ecffef}
body.dark-theme .bbh-hero p{color:#c5dbc9}
body.dark-theme .bbh-orbit-icon{background:linear-gradient(145deg,#16462c,#102c1b);border-color:#377c4f;box-shadow:0 20px 40px rgba(0,0,0,.14);color:#70e49e}
body.dark-theme .bbh-bubble{color:#9df0b5;background:#193928;border-color:#385f45}
/* Navigation */
.bbh-quick-nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 8px;margin-bottom:22px;border-bottom:1px solid var(--bh-line)}
.bbh-quick-nav a{display:inline-flex;text-decoration:none;font-size:11px;font-weight:750;color:var(--bh-ink);border:1px solid var(--bh-line);border-radius:100px;padding:8px 12px;background:var(--bh-surface)}
.bbh-quick-nav a:hover{border-color:var(--accent-color);background:var(--accent-soft);color:var(--accent-color)}
/* Entry cards */
.bbh-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.bbh-entry-card{display:flex;gap:14px;align-items:center;text-decoration:none;background:var(--bh-surface);border:1px solid var(--bh-line);padding:17px;border-radius:14px;min-width:0;color:var(--bh-ink);transition:border-color .15s ease,background .15s ease}
.bbh-entry-card:hover{border-color:var(--accent-color);background:var(--bh-soft)}
.bbh-entry-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--accent-color);background:var(--accent-soft)}
.bbh-entry-copy{display:flex;flex-direction:column;min-width:0;gap:1px}
.bbh-entry-copy strong{font-size:14px}.bbh-entry-copy small{font-size:11px;line-height:1.5;color:var(--bh-text)}
.bbh-entry-arrow{margin-left:auto;opacity:.5;color:var(--accent-color)}
.bbh-entry-arrow svg{width:17px;height:17px}
/* Sections */
.bbh-section{padding:36px 0 28px;border-bottom:1px solid var(--bh-line);scroll-margin-top:112px}
.bbh-section-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px}
.bbh-section-num{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent-color);font-size:14px;font-weight:800;flex-shrink:0}
.bbh-section-head h2{font-size:clamp(23px,2.5vw,29px);margin:4px 0 5px}
.bbh-section-head p{font-size:13px;line-height:1.65;max-width:820px}
.bbh-check-grid,.bbh-led-grid,.bbh-wifi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bbh-check{display:flex;align-items:flex-start;gap:13px;padding:17px 16px;border-radius:13px;background:var(--bh-soft);border:1px solid var(--bh-line)}
.bbh-check>.bbh-svg{width:21px;height:21px;color:var(--accent-color);margin-top:1px}
.bbh-check strong{display:block;font-size:13px;color:var(--bh-ink)}.bbh-check p{font-size:12px;line-height:1.7;margin-top:4px}
.bbh-alert{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;margin-top:14px;border-radius:12px;font-size:12px;line-height:1.75;border:1px solid var(--bh-line);background:var(--bh-soft)}
.bbh-alert>.bbh-svg{width:21px;height:21px;color:var(--accent-color);margin-top:1px}
.bbh-alert-warn{background:#fffaf0;border-color:#eadcb7;color:#755c20}
.bbh-alert-warn>.bbh-svg{color:#b57c10}
.bbh-alert-critical{background:#fff7f0;border-color:#f1d5c1;color:#815123}
.bbh-alert-critical>.bbh-svg{color:#c57725}
body.dark-theme .bbh-alert-warn{background:#2b281d;border-color:#655531;color:#e1c992}
body.dark-theme .bbh-alert-critical{background:#302719;border-color:#704c2c;color:#e7c59b}
/* Indicators */
.bbh-led-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.bbh-led{padding:17px 15px;border:1px solid var(--bh-line);border-radius:13px;background:var(--bh-surface);min-width:0}
.bbh-led strong{display:inline-block;color:var(--bh-ink);font-size:13px;vertical-align:middle;margin-left:7px}
.bbh-led p{font-size:11px;line-height:1.7;margin-top:11px}
.bbh-dot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:middle;box-shadow:0 0 0 4px rgba(22,130,64,.08)}
.bbh-dot-green{background:#20ab62}.bbh-dot-red{background:#e84751;box-shadow:0 0 0 4px rgba(227,67,86,.08)}.bbh-dot-slate{background:#87948a}
.bbh-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-top:14px;color:var(--bh-text);background:var(--bh-soft);border-radius:10px;font-size:12px;line-height:1.6}
.bbh-note svg{color:var(--accent-color);width:18px;height:18px;flex-shrink:0}
/* FAQ accordion */
.bbh-faq-stack{display:grid;gap:9px;margin-top:19px}
.bbh-faq{border:1px solid var(--bh-line);border-radius:12px;background:var(--bh-surface);scroll-margin-top:112px;overflow:hidden}
.bbh-faq[open]{border-color:color-mix(in srgb,var(--accent-color) 38%,var(--bh-line))}
.bbh-faq summary{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:17px;list-style:none;cursor:pointer;color:var(--bh-ink);font-size:13px;font-weight:750;line-height:1.5}
.bbh-faq summary::-webkit-details-marker{display:none}
.bbh-faq summary:hover{background:var(--bh-soft)}
.bbh-plus{width:22px;height:22px;border:1px solid var(--bh-line);background:var(--bh-soft);border-radius:7px;flex-shrink:0;position:relative}
.bbh-plus:before,.bbh-plus:after{content:'';position:absolute;background:var(--accent-color);top:10px;left:5px;width:10px;height:2px;border-radius:3px;transition:transform .15s ease}
.bbh-plus:after{transform:rotate(90deg)}
.bbh-faq[open] .bbh-plus:after{transform:rotate(0)}
.bbh-faq-answer{padding:0 17px 17px;color:var(--bh-text);font-size:12px;line-height:1.82}
.bbh-faq-answer strong{color:var(--bh-ink)}
.bbh-faq-answer a{font-weight:750;color:var(--accent-color)}
/* Speed */
.bbh-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bbh-steps>div{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--bh-line);border-radius:13px;padding:15px;background:var(--bh-surface)}
.bbh-steps>div>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;background:var(--accent-soft);color:var(--accent-color);font-size:12px;font-weight:800;border-radius:9px}
.bbh-steps p{font-size:12px;line-height:1.72}.bbh-steps strong{color:var(--bh-ink)}
.bbh-example{background:var(--bh-soft);border:1px solid var(--bh-line);border-radius:14px;padding:19px;margin-top:13px}
.bbh-example-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}
.bbh-example-top>span{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--bh-ink)}
.bbh-example-top>span svg{color:var(--accent-color);width:18px;height:18px}.bbh-example-top>strong{color:var(--accent-color);font-size:11px}
.bbh-meter{margin:13px 0 9px;height:30px;background:#dce5de;border-radius:8px;overflow:hidden;display:flex;font-size:11px;font-weight:800}
.bbh-meter-used{width:90%;background:#006b2f;color:white;display:flex;align-items:center;padding:0 11px;white-space:nowrap}
.bbh-meter-rest{width:10%;display:grid;place-items:center;background:#b9ddc3;color:#135d36}
.bbh-example>p{font-size:12px;line-height:1.75}
body.dark-theme .bbh-meter{background:#2b4932}body.dark-theme .bbh-meter-rest{background:#386d49;color:#eaffed}
.bbh-action-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--bh-line);border-radius:13px;margin-top:13px}
.bbh-action-bar>div{display:flex;flex-direction:column;gap:3px}
.bbh-action-bar strong{font-size:13px;color:var(--bh-ink)}.bbh-action-bar small{font-size:11px}
.bbh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:9px;white-space:nowrap;text-decoration:none;font-size:12px;font-weight:800}
.bbh-button svg{width:16px;height:16px}
.bbh-button-primary{background:#006b2f;color:#fff}.bbh-button-primary:hover{background:#005421}
/* Wi-Fi */
.bbh-wifi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bbh-wifi-card{border:1px solid var(--bh-line);border-radius:14px;padding:19px;background:var(--bh-surface);min-width:0}
.bbh-wifi-gen{display:inline-flex;padding:5px 10px;border-radius:7px;color:var(--accent-color);background:var(--accent-soft);font-size:11px;font-weight:800}
.bbh-wifi-card>strong{display:block;font-size:19px;color:var(--bh-ink);margin:12px 0 7px}.bbh-wifi-card p{font-size:12px;line-height:1.75}
/* Backup power */
.bbh-power-flow{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:10px}
.bbh-power-flow>div{border:1px solid var(--bh-line);border-radius:13px;padding:19px 10px;background:var(--bh-surface);display:flex;align-items:center;flex-direction:column;text-align:center;gap:6px;min-height:165px}
.bbh-power-flow svg{color:var(--accent-color);width:27px;height:27px;margin-bottom:3px}
.bbh-power-flow strong{font-size:12px;color:var(--bh-ink)}.bbh-power-flow span:not(.bbh-power-plus){font-size:11px;line-height:1.48}
.bbh-power-flow .bbh-power-result{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent-color) 30%,var(--bh-line))}
.bbh-power-plus{font-size:21px;font-weight:800;color:var(--accent-color);text-align:center}
.bbh-power-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px}
.bbh-power-rules>div{background:var(--bh-surface);padding:17px;border:1px solid var(--bh-line);border-radius:12px}
.bbh-power-rules>div>span{font-size:11px;font-weight:800;color:var(--accent-color)}
.bbh-power-rules>div>strong{display:block;font-size:13px;color:var(--bh-ink);margin:5px 0}
.bbh-power-rules p{font-size:11px;line-height:1.78}
/* Support */
.bbh-last{border-bottom:0}
.bbh-support-layout{display:grid;grid-template-columns:1.25fr .85fr;gap:18px}
.bbh-support-list{border:1px solid var(--bh-line);padding:21px 24px;border-radius:14px;background:var(--bh-soft)}
.bbh-support-list ul{margin:0;padding-left:18px}.bbh-support-list li{font-size:12px;line-height:1.8;padding:3px 0}
.bbh-support-list li::marker{color:var(--accent-color)}
.bbh-privacy{font-size:11px;margin-top:14px!important;padding-top:13px;border-top:1px solid var(--bh-line)}
.bbh-support-contacts{border-radius:14px;border:1px solid var(--bh-line);background:var(--bh-surface);padding:20px;display:flex;flex-direction:column;gap:10px}
.bbh-number{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:3px 4px;border-radius:10px;border:1px solid var(--bh-line);padding:12px 13px;text-decoration:none}
.bbh-number>span{font-size:11px;color:var(--bh-text)}.bbh-number strong{font-size:18px;color:var(--bh-ink)}.bbh-number svg{grid-column:2;grid-row:1/3;width:18px;height:18px;color:var(--accent-color)}
.bbh-number:hover{border-color:var(--accent-color)}
.bbh-number-main{background:#006b2f;border-color:#006b2f}.bbh-number-main>span,.bbh-number-main strong,.bbh-number-main svg{color:#fff}
.bbh-hours{display:flex;align-items:center;gap:8px;font-size:12px}.bbh-hours svg{color:var(--accent-color);width:18px;height:18px}
.bbh-telegram{font-size:12px;font-weight:750;color:var(--accent-color);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.bbh-telegram:hover{text-decoration:underline}.bbh-telegram svg{width:16px;height:16px}
.bbh-bottom-note{font-size:11px;color:var(--bh-text);padding:17px 0}
/* Footer link integrated with global theme */
.bb2-footer .bbh-footer-link{font-size:12px;color:var(--accent-color);font-weight:800}
@media(max-width:1050px){.bbh-led-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bbh-hero{grid-template-columns:minmax(0,1fr) 205px}.bbh-hero-side{min-height:165px}.bbh-bubble{font-size:10px}}
@media(max-width:780px){.bbh-hero{grid-template-columns:1fr;padding:29px 25px;gap:0}.bbh-hero-side{display:none}.bbh-wifi-grid,.bbh-power-rules{grid-template-columns:1fr}.bbh-support-layout{grid-template-columns:1fr}.bbh-section{padding:31px 0 24px}}
@media(max-width:570px){.bbh-hero{padding:24px 20px;min-height:0}.bbh-hero h2{font-size:27px}.bbh-hero p{font-size:12px}.bbh-quick-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:14px;margin-bottom:15px}.bbh-quick-nav a{white-space:nowrap}.bbh-entry-grid,.bbh-check-grid,.bbh-steps,.bbh-led-grid{grid-template-columns:1fr}.bbh-entry-card{padding:14px}.bbh-section-head{gap:10px}.bbh-section-num{width:37px;height:37px}.bbh-section-head h2{font-size:23px}.bbh-faq summary{padding:14px;font-size:12px}.bbh-faq-answer{padding:0 14px 14px}.bbh-power-flow{grid-template-columns:1fr;gap:7px}.bbh-power-flow>div{min-height:0;padding:14px}.bbh-power-plus{font-size:17px}.bbh-action-bar{align-items:stretch;flex-direction:column}.bbh-button{width:100%}.bbh-example-top{flex-direction:column;align-items:flex-start}.bbh-support-list{padding:17px}.bbh-support-contacts{padding:15px}.bbh-number strong{font-size:17px}}
@media(max-width:345px){.bbh-hero{padding:19px 15px}.bbh-section-num{width:32px;height:32px;font-size:12px}.bbh-section-head h2{font-size:21px}.bbh-entry-copy strong{font-size:13px}.bbh-number strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.bbh-help a,.bbh-help *{transition:none!important}}

/* BABAI.NET 2.7 — practical FAQ extensions; scoped to help page. */
.bbh-search-panel{border:1px solid var(--bh-line);background:var(--bh-surface);border-radius:15px;padding:17px 19px;margin:15px 0 6px}
.bbh-search-panel label{display:block;color:var(--bh-ink);font-weight:800;font-size:15px;margin-bottom:8px}
.bbh-search-panel input{display:block;width:100%;border-radius:10px;border:1px solid var(--bh-line);background:var(--bh-soft);padding:12px 14px;color:var(--bh-ink);font-family:inherit;font-size:14px;outline-offset:3px;min-height:44px}
.bbh-search-panel input:focus{border-color:var(--accent-color);outline:2px solid color-mix(in srgb,var(--accent-color) 26%,transparent)}
.bbh-search-panel p{font-size:12px;color:var(--bh-text);line-height:1.55;margin:8px 0 0}
.bbh-search-panel .bbh-search-count{font-weight:750;color:var(--accent-color)}
.bbh-faq-answer ol{padding-left:21px;margin:0 0 12px;display:grid;gap:7px}
.bbh-faq-answer li{padding-left:2px}
.bbh-faq-answer li::marker{color:var(--accent-color);font-weight:850}
.bbh-faq-answer .bbh-faq-advice{padding:11px 13px;margin:11px 0 0;border-left:3px solid var(--accent-color);background:var(--bh-soft);border-radius:0 9px 9px 0}
.bbh-answer-anchor{display:inline-flex;align-items:center;gap:5px;color:var(--accent-color);font-size:11px;font-weight:750;text-decoration:underline;text-underline-offset:3px;margin-top:12px}
.bbh-help [hidden]{display:none!important}
@media(max-width:570px){.bbh-search-panel{padding:14px}.bbh-search-panel input{font-size:16px}}