/* comment.net.ua — акцент сайту, текстовий блок, FAQ-акордеон, футер.
   Палітра в тон Buddy Bet (темний графіт + лайм), але акцент — лаймово-м'ятна пара: лайм #d8f25c для кнопок
   і м'ятний #2fd99a (фірмовий «депозитний» зелений бренду) для декору статті. «Оксамитова» шапка — радіальні відблиски. */
:root:root{--control-primary:#d8f25c;--control-primary-hover:#c7e449;--icon-tabbar:#d8f25c;
  --bh-ink:#141413;--bh-ink-2:#1f1e1c;--bh-lime:#d8f25c;--bh-mint:#2fd99a;--bh-mint-soft:#2fd99a26;--bh-line:#ffffff14}

.bh-article{padding:28px 16px 12px}
.bh-article__in{max-width:1000px;margin:0 auto;background:var(--background-secondary,#292621);border-radius:28px;overflow:hidden;
  border:1px solid var(--bh-line);color:var(--text-subtitle,#bdb8ad);
  font-family:"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.7;padding:0 40px 36px}
/* шапка статті: «оксамит» — темне тло з м'ятним і лаймовим відблиском, хвиляста лінія знизу */
.bh-head{margin:0 -40px 26px;padding:30px 40px 26px;position:relative;overflow:hidden;color:#f3f1ec;
  background:radial-gradient(120% 140% at 100% 0,#2fd99a33 0,transparent 45%),radial-gradient(90% 120% at 0 100%,#d8f25c22 0,transparent 50%),var(--bh-ink)}
.bh-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;
  background:radial-gradient(circle at 6px -2px,transparent 6px,var(--bh-mint) 6.5px 8px,transparent 8.5px) 0 0/16px 6px repeat-x}
.bh-head::before{content:"";position:absolute;right:34px;top:26px;width:74px;height:74px;border-radius:50%;
  border:2px dashed #2fd99a66;box-shadow:inset 0 0 0 10px #d8f25c14}
.bh-head>*{position:relative;z-index:1;max-width:calc(100% - 120px)}
.bh-article--short .bh-article__in{padding-bottom:0}
.bh-article--short .bh-head{margin-bottom:0}
.bh-article h1,.bh-article h2,.bh-article h3{text-transform:none;letter-spacing:0;font-weight:800}
.bh-h1{font-size:32px;line-height:1.18;margin:0 0 12px;color:#fff !important}
.bh-article h2,.bh-article h3{color:var(--text-title,#fff)}
.bh-article h2{font-size:23px;line-height:1.3;margin:38px 0 14px;padding-bottom:10px;position:relative;
  border-bottom:1px solid var(--bh-line)}
.bh-article h2::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--bh-mint),var(--bh-lime))}
.bh-article h3{font-size:18px;margin:22px 0 8px;padding-left:14px;border-left:3px solid var(--bh-mint)}
.bh-article p{margin:0 0 14px}
.bh-article ul,.bh-article ol{margin:0 0 18px;padding:14px 18px;list-style:none;background:var(--bh-ink-2);border-radius:18px}
.bh-article ul>li,.bh-article ol>li{position:relative;padding-left:32px;margin:0 0 8px}
.bh-article ul>li:last-child,.bh-article ol>li:last-child{margin-bottom:0}
.bh-article ul>li::before{content:"";position:absolute;left:2px;top:.32em;width:18px;height:18px;border-radius:50%;
  background:var(--bh-mint-soft);box-shadow:inset 0 0 0 2px var(--bh-mint)}
.bh-article ul>li::after{content:"";position:absolute;left:8px;top:.55em;width:5px;height:8px;
  border-right:2px solid var(--bh-mint);border-bottom:2px solid var(--bh-mint);transform:rotate(45deg)}
.bh-article ol{counter-reset:bhol}
.bh-article ol>li::before{counter-increment:bhol;content:counter(bhol);position:absolute;left:0;top:.15em;width:22px;height:22px;
  border-radius:7px;background:var(--bh-lime);color:var(--bh-ink);font-size:12px;font-weight:800;text-align:center;line-height:22px}
.bh-article a{color:var(--bh-mint);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.bh-article a:hover{color:var(--bh-lime)}
.bh-article strong{color:var(--text-title,#fff)}
.bh-article img{display:block;width:100%;height:auto;border-radius:20px;margin:10px 0 22px;background:var(--bh-ink);
  border:1px solid var(--bh-line);box-shadow:0 18px 40px -26px #000}
.bh-byline{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.2;color:#cfcac0;margin:0 !important;
  padding:6px 12px;border-radius:999px;background:#ffffff0d}
.bh-byline::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bh-mint);box-shadow:0 0 0 4px #2fd99a33}
.bh-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 12px;padding:0;font-size:13px;color:#b9b4aa;background:none}
.bh-crumbs li{padding:0 !important;margin:0 !important}
.bh-crumbs li::before,.bh-crumbs li::after{display:none}
.bh-crumbs li+li::before{display:inline;content:"›";position:static;background:none;box-shadow:none;width:auto;height:auto;margin-right:6px;color:var(--bh-mint)}
.bh-crumbs a{color:#e9e5dc !important;text-decoration:none !important;font-weight:400 !important}
.bh-table-wrap{overflow-x:auto;margin:0 0 20px;border-radius:18px;border:1px solid var(--bh-line)}
.bh-table{width:100%;border-collapse:collapse;font-size:15px}
.bh-table th{background:linear-gradient(90deg,#2fd99a2e,#d8f25c1f);color:var(--text-title,#fff);text-align:left;font-weight:700}
.bh-table th,.bh-table td{padding:11px 16px;border-bottom:1px solid var(--bh-line);vertical-align:top}
.bh-table tr:last-child td{border-bottom:0}
.bh-table td:first-child{font-weight:600;color:var(--text-title,#fff);width:38%}
.bh-table tr:nth-child(odd) td{background:#00000026}
.bh-faq-list{display:grid;gap:10px;margin:8px 0 6px}
.bh-faq{border-radius:16px;background:var(--bh-ink-2);overflow:hidden;border:1px solid var(--bh-line);transition:border-color .2s}
.bh-faq[open]{border-color:var(--bh-mint)}
.bh-faq summary{list-style:none;cursor:pointer;padding:15px 56px 15px 18px;position:relative}
.bh-faq summary::-webkit-details-marker{display:none}
.bh-faq summary h3{margin:0;font-size:16px;padding:0;border:0}
.bh-faq summary::before,.bh-faq summary::after{content:"";position:absolute;right:22px;top:50%;width:14px;height:2px;margin-top:-1px;
  background:var(--bh-lime);border-radius:2px;transition:transform .25s}
.bh-faq summary::after{transform:rotate(90deg)}
.bh-faq[open] summary::after{transform:rotate(0)}
.bh-faq__a{padding:0 18px 6px;animation:bhFade .3s ease}
@keyframes bhFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.bh-footer{border-top:1px solid var(--bh-line);position:relative}
.bh-footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:linear-gradient(90deg,var(--bh-mint),var(--bh-lime),transparent)}
.bh-footer .bh-seals{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px}
.bh-seal-txt{font-size:13px;font-weight:600;text-decoration:none;opacity:.85;color:inherit;border:1px solid currentColor;border-radius:999px;padding:2px 10px}
.bh-age{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:800;font-size:13px;
  border:2px solid var(--bh-lime);color:var(--bh-lime)}
.bh-h1-legal{text-transform:none !important}
@media (max-width:767px){
  .bh-article{padding:16px 8px 6px}
  .bh-article__in{padding:0 16px 24px;border-radius:20px}
  .bh-head{margin:0 -16px 18px;padding:22px 16px 20px}
  .bh-head::before{width:44px;height:44px;right:12px;top:12px;opacity:.6}
  .bh-head>*{max-width:100%}
  .bh-h1{font-size:24px;padding-right:40px}
  .bh-article h2{font-size:20px}
  .bh-article ul,.bh-article ol{padding:12px 12px}
  .bh-table{font-size:14px}
  .bh-table td:first-child{width:auto}
}
/* шапка на вузьких екранах: «Реєстрація» не вилазить за край */
@media (max-width:420px){
  .modulor_header2__right__1_28_2{padding-right:8px;gap:6px}
  .modulor_header2__right__1_28_2 [data-id="header-search"]{display:none}
  .modulor_header2__right__1_28_2 .modulor_button__button__1_28_2{padding-left:10px;padding-right:10px}
}
