/* sbc-skin: чекер тіньового бану. Scoped, фіолет (токени з hg-skin). */
.sbc-skin{--bg:#08070d;--bg-2:#0e0c16;--card:#15101f;--card-2:#1a1428;--line:rgba(157,77,255,.16);--line-soft:rgba(255,255,255,.05);--line-strong:rgba(157,77,255,.5);--text:#f3f0fb;--muted:#9a93ad;--muted-2:#6f6880;--accent:#9d4dff;--accent-2:#7a3bff;--p-1:#a855f7;--p-2:#7c3aed;--p-grad:linear-gradient(135deg,#a855f7,#7c3aed);--p-soft:rgba(168,85,247,.14);--p-line:rgba(168,85,247,.4);--ok:#4dffb8;--warn:#ffb84d;--danger:#ff5470;--info:#4db8ff;--maxw:1180px;--radius:18px}
.sbc-skin *{box-sizing:border-box;margin:0;padding:0}
.sbc-skin a{color:inherit;text-decoration:none}
.sbc-skin button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
.sbc-skin svg{display:block}
.sbc-skin .ico{width:24px;height:24px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sbc-skin .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
.sbc-skin .sbc-page{padding-bottom:80px}
.sbc-skin .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:999px;font-weight:600;font-size:14px;transition:all .2s;white-space:nowrap}
.sbc-skin .btn .ico{width:17px;height:17px}
.sbc-skin .btn-lg{padding:15px 30px;font-size:15px}
.sbc-skin .btn-primary{background:var(--p-grad);color:#fff}
.sbc-skin .btn-primary:hover{filter:brightness(1.08);box-shadow:0 12px 30px -8px var(--p-line)}
.sbc-skin .btn-ghost{background:#16121f;border:1px solid var(--line);color:var(--text)}
.sbc-skin .btn-ghost:hover{border-color:var(--p-line)}

/* hero */
.sbc-skin .sbc-hero{padding:56px 0 8px}
.sbc-skin .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
.sbc-skin .eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--p-grad)}
.sbc-skin .sbc-hero h1{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1.05;max-width:20ch;text-wrap:balance}
.sbc-skin .sbc-hero h1 .hl{background:var(--p-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sbc-skin .sbc-hero p{margin-top:20px;max-width:66ch;color:var(--muted);font-size:17px;line-height:1.6}
.sbc-skin .sbc-hero p strong{color:var(--text);font-weight:600}

/* disclaimer strip */
.sbc-skin .sbc-note{display:flex;gap:11px;margin-top:22px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--p-soft);color:var(--muted);font-size:13.5px;line-height:1.55}
.sbc-skin .sbc-note .ico{width:18px;height:18px;flex-shrink:0;color:var(--p-1);margin-top:1px}
.sbc-skin .sbc-note b{color:var(--text)}

/* widget card */
.sbc-skin .sbc{margin-top:30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,var(--card),#100b1a);overflow:hidden;box-shadow:0 40px 90px -50px rgba(124,58,237,.6)}
.sbc-skin .ptabs{display:flex;gap:6px;padding:12px;background:rgba(255,255,255,.015);border-bottom:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none}
.sbc-skin .ptabs::-webkit-scrollbar{display:none}
.sbc-skin .ptab{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 16px;border-radius:13px;color:var(--muted);font-size:14.5px;font-weight:700;transition:all .2s;border:1px solid transparent;white-space:nowrap}
.sbc-skin .ptab .ico{width:19px;height:19px}
.sbc-skin .ptab:hover{color:var(--text);background:rgba(255,255,255,.03)}
.sbc-skin .ptab.act{color:#fff;background:var(--p-soft);border-color:var(--p-line)}
.sbc-skin .ptab.act .ico{color:var(--p-1)}

/* questions */
.sbc-skin .sbc-body{padding:26px 32px}
.sbc-skin .qhead{font-size:13px;font-weight:700;font-family:'JetBrains Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2);margin-bottom:16px;display:flex;align-items:center;gap:9px}
.sbc-skin .q{padding:16px 0;border-top:1px solid var(--line-soft)}
.sbc-skin .q:first-of-type{border-top:0}
.sbc-skin .q-q{font-size:15.5px;font-weight:600;color:var(--text);line-height:1.45;margin-bottom:12px}
.sbc-skin .q-hint{display:none;margin-top:10px;font-size:13px;color:var(--muted);line-height:1.5;padding-left:12px;border-left:2px solid var(--p-line)}
.sbc-skin .q.answered .q-hint{display:block}
/* segmented bool/choice */
.sbc-skin .seg{display:flex;flex-wrap:wrap;gap:8px}
.sbc-skin .seg button{padding:10px 18px;border-radius:11px;border:1px solid var(--line);background:#0c0913;color:var(--muted);font-size:14px;font-weight:600;transition:all .15s}
.sbc-skin .seg button:hover{color:var(--text);border-color:var(--p-line)}
.sbc-skin .seg button.on{color:#fff;background:var(--p-soft);border-color:var(--p-line)}
.sbc-skin .seg.bool button.on[data-v="1"]{border-color:var(--warn);background:rgba(255,184,77,.12);color:#fff}
.sbc-skin .q-num{display:flex;align-items:center;gap:10px}
.sbc-skin .q-num input{width:120px;background:#0c0913;border:1px solid var(--line);border-radius:11px;color:var(--text);padding:11px 14px;font-size:15px;font-weight:600;outline:none}
.sbc-skin .q-num input:focus{border-color:var(--p-line)}
.sbc-skin .q-num .unit{color:var(--muted-2);font-size:14px}

/* actions */
.sbc-skin .sbc-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 32px 28px}
.sbc-skin .sbc-run{background:var(--p-grad);color:#fff;padding:15px 30px;font-size:15px;font-weight:700;border-radius:999px;display:inline-flex;align-items:center;gap:9px}
.sbc-skin .sbc-run .ico{width:18px;height:18px}
.sbc-skin .sbc-run:hover{filter:brightness(1.08);box-shadow:0 12px 30px -8px var(--p-line)}
.sbc-skin .sbc-reset{color:var(--muted-2);font-size:13.5px}
.sbc-skin .sbc-reset:hover{color:var(--text)}

/* verdict */
.sbc-skin .verdict{border-top:1px solid var(--line-soft);padding:30px 32px 34px;background:radial-gradient(120% 60% at 85% 0%,var(--p-soft),transparent 70%)}
.sbc-skin .v-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--vc,var(--p-1));color:var(--vc,var(--p-1));background:color-mix(in srgb,var(--vc,var(--p-1)) 12%,transparent)}
.sbc-skin .v-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--vc,var(--p-1))}
.sbc-skin .v-title{margin-top:16px;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text)}
.sbc-skin .v-desc{margin-top:10px;color:var(--muted);font-size:16px;line-height:1.6;max-width:66ch}
.sbc-skin .v-vc-danger{--vc:var(--danger)}
.sbc-skin .v-vc-warn{--vc:var(--warn)}
.sbc-skin .v-vc-info{--vc:var(--info)}
.sbc-skin .v-vc-ok{--vc:var(--ok)}
.sbc-skin .v-vc-accent{--vc:var(--p-1)}
.sbc-skin .v-block{margin-top:26px}
.sbc-skin .v-block h4{font-size:13px;font-weight:700;font-family:'JetBrains Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px;display:flex;align-items:center;gap:9px}
.sbc-skin .v-block h4 .ico{width:15px;height:15px;color:var(--p-1)}
.sbc-skin .sig{padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--card);margin-bottom:9px}
.sbc-skin .sig-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sbc-skin .sig-name{font-size:14.5px;font-weight:700;color:var(--text)}
.sbc-skin .sig-w{font-size:10px;font-family:'JetBrains Mono',monospace;font-weight:700;padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.05em}
.sbc-skin .sig-w.high{background:rgba(255,84,112,.16);color:#ff8098}
.sbc-skin .sig-w.medium{background:rgba(255,184,77,.16);color:#ffb84d}
.sbc-skin .sig-w.low{background:rgba(77,184,255,.16);color:#4db8ff}
.sbc-skin .sig-why{margin-top:6px;font-size:13px;color:var(--muted);line-height:1.5}
.sbc-skin .plan{counter-reset:s;list-style:none}
.sbc-skin .plan li{position:relative;padding:11px 0 11px 40px;border-top:1px solid var(--line-soft);font-size:14.5px;color:var(--text);line-height:1.5}
.sbc-skin .plan li:first-child{border-top:0}
.sbc-skin .plan li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:11px;width:26px;height:26px;border-radius:8px;background:var(--p-soft);border:1px solid var(--p-line);color:var(--p-1);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace}
.sbc-skin .firstdo{padding:15px 17px;border:1px solid var(--p-line);border-radius:14px;background:var(--p-soft);font-size:14.5px;color:var(--text);line-height:1.5}
.sbc-skin .firstdo b{color:var(--p-1)}
.sbc-skin .caveat{margin-top:12px;display:flex;gap:10px;font-size:13px;color:var(--muted);line-height:1.5}
.sbc-skin .caveat .ico{width:16px;height:16px;flex-shrink:0;color:var(--warn);margin-top:1px}
.sbc-skin details.myth{border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:8px;overflow:hidden}
.sbc-skin details.myth summary{list-style:none;cursor:pointer;padding:13px 16px;font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:10px}
.sbc-skin details.myth summary::-webkit-details-marker{display:none}
.sbc-skin details.myth summary .ico{width:16px;height:16px;color:var(--muted-2);margin-left:auto;transition:transform .2s}
.sbc-skin details.myth[open] summary .ico{transform:rotate(45deg)}
.sbc-skin details.myth .mb{padding:0 16px 14px;font-size:13.5px;color:var(--muted);line-height:1.55}
.sbc-skin details.myth .mb b{color:var(--ok)}

/* telegram info */
.sbc-skin .tg-info{padding:26px 32px 32px}
.sbc-skin .tg-info h3{font-size:22px;font-weight:800;margin-bottom:14px}
.sbc-skin .tg-info p{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:12px}
.sbc-skin .tg-info code{font-family:'JetBrains Mono',monospace;color:var(--p-1);background:var(--p-soft);padding:2px 7px;border-radius:6px}

/* banned tags check */
.sbc-skin .tags-check{margin-top:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--card),#100b1a);padding:24px 26px}
.sbc-skin .tags-check h3{font-size:18px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.sbc-skin .tags-check h3 .ico{width:19px;height:19px;color:var(--p-1)}
.sbc-skin .tags-check textarea{width:100%;min-height:80px;background:#0c0913;border:1px solid var(--line);border-radius:13px;color:var(--text);padding:14px 16px;font-size:15px;font-family:inherit;resize:vertical;outline:none}
.sbc-skin .tags-check textarea:focus{border-color:var(--p-line)}
.sbc-skin .tags-check .tc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.sbc-skin .tc-out{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.sbc-skin .tc-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:10px;font-size:13.5px;font-weight:600;font-family:'JetBrains Mono',monospace;border:1px solid}
.sbc-skin .tc-tag.bad{border-color:var(--danger);background:rgba(255,84,112,.12);color:#ff8098}
.sbc-skin .tc-tag.good{border-color:var(--line);background:var(--card);color:var(--ok)}
.sbc-skin .tc-tag .ico{width:14px;height:14px}
.sbc-skin .tc-sum{margin-top:12px;font-size:13.5px;color:var(--muted);line-height:1.55}

/* content sections */
.sbc-skin .content{max-width:840px;margin:0 auto}
.sbc-skin .csec{margin-top:60px}
.sbc-skin .csec>h2{font-size:29px;font-weight:800;letter-spacing:-.02em;line-height:1.14;margin-bottom:12px;text-wrap:balance}
.sbc-skin .csec>.lede{color:var(--muted);font-size:16.5px;line-height:1.65;margin-bottom:8px}
.sbc-skin .csec p{color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:10px}
.sbc-skin .csec p strong{color:var(--text)}
.sbc-skin .sbctable{width:100%;border-collapse:collapse;margin-top:18px;font-size:14.5px}
.sbc-skin .sbctable th,.sbc-skin .sbctable td{text-align:left;padding:12px 14px;border:1px solid var(--line);vertical-align:top;line-height:1.5}
.sbc-skin .sbctable th{background:var(--p-soft);color:var(--text);font-weight:700}
.sbc-skin .sbctable td{color:var(--muted)}
.sbc-skin .sbctable td strong{color:var(--text)}
.sbc-skin .faq details{border-bottom:1px solid var(--line-soft);padding:4px 0}
.sbc-skin .faq summary{list-style:none;cursor:pointer;padding:14px 0;font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:12px}
.sbc-skin .faq summary::-webkit-details-marker{display:none}
.sbc-skin .faq summary .ico{width:18px;height:18px;color:var(--p-1);margin-left:auto;transition:transform .2s}
.sbc-skin .faq details[open] summary .ico{transform:rotate(45deg)}
.sbc-skin .faq .q-body{padding:0 0 16px;color:var(--muted);font-size:15px;line-height:1.6}
.sbc-skin .sbc-cta{margin-top:60px;padding:36px 32px;border:1px solid var(--p-line);border-radius:22px;background:radial-gradient(120% 100% at 50% 0%,var(--p-soft),transparent 70%);text-align:center}
.sbc-skin .sbc-cta h3{font-size:24px;font-weight:800;margin-bottom:10px}
.sbc-skin .sbc-cta p{color:var(--muted);font-size:16px;line-height:1.6;max-width:60ch;margin:0 auto 20px}
.sbc-skin .srclist{margin-top:14px;font-size:13px;color:var(--muted-2);line-height:1.6}
.sbc-skin .srclist a{color:var(--accent-2)}

@media (max-width:760px){
  .sbc-skin .wrap{padding:0 18px}
  .sbc-skin .sbc-hero{padding:40px 0 4px}
  .sbc-skin .sbc-hero h1{font-size:31px}
  .sbc-skin .sbc-body,.sbc-skin .verdict,.sbc-skin .sbc-actions,.sbc-skin .tg-info{padding-left:18px;padding-right:18px}
  .sbc-skin .csec>h2{font-size:24px}
  .sbc-skin .v-title{font-size:22px}
  .sbc-skin .sbctable{font-size:13px}
  .sbc-skin .sbctable th,.sbc-skin .sbctable td{padding:9px 10px}
}

/* ── Телефон (≤640px): таблиці → стек-картки, комфортні тап-таргети ── */
@media (max-width:640px){
  .sbc-skin .sbc-hero h1{font-size:27px}
  .sbc-skin .sbc-hero p{font-size:15.5px}
  .sbc-skin .eyebrow{font-size:10.5px;letter-spacing:.1em}
  .sbc-skin .csec{margin-top:44px}
  .sbc-skin .csec>h2{font-size:22px}
  .sbc-skin .csec>.lede,.sbc-skin .csec p{font-size:15px}

  /* таби й відповіді — зручні для пальця */
  .sbc-skin .ptab{min-height:44px;font-size:13.5px;padding:11px 13px}
  .sbc-skin .seg{gap:7px}
  .sbc-skin .seg button{min-height:44px;flex:1 1 auto;padding:11px 14px}
  .sbc-skin .q-q{font-size:15px}
  .sbc-skin .sbc-run{width:100%;justify-content:center}
  .sbc-skin .sbc-actions{flex-direction:column;align-items:stretch}
  .sbc-skin .sbc-reset{text-align:center;padding:6px}

  /* таблиці: кожен рядок = картка, перша комірка = заголовок картки, рядок-шапку ховаємо */
  .sbc-skin .sbctable{display:block;border:0;font-size:14px}
  .sbc-skin .sbctable tbody{display:block}
  .sbc-skin .sbctable tr{display:block;border:1px solid var(--line);border-radius:13px;margin-bottom:11px;overflow:hidden;background:var(--card)}
  .sbc-skin .sbctable tr:first-child{display:none}
  .sbc-skin .sbctable td{display:block;border:0;border-top:1px solid var(--line-soft);padding:12px 15px;color:var(--muted)}
  .sbc-skin .sbctable td:first-child{background:var(--p-soft);color:var(--text);font-weight:700;border-top:0;display:flex;align-items:center;gap:9px}
  .sbc-skin .sbctable td:first-child .ico{width:18px;height:18px;flex-shrink:0}

  /* вердикт і банер-перевірки — щільніше */
  .sbc-skin .tags-check{padding:20px 18px}
  .sbc-skin .tags-check .tc-actions .btn{width:100%}
  .sbc-skin .plan li{padding-left:38px}
  .sbc-skin .sbc-cta{padding:28px 18px}
  .sbc-skin .sbc-cta .btn{width:100%}
}

/* ═══════════════════════════════════════════════════════════════════════
   ФІНАЛ — полірування чекера тіньового бану (override/додатки).
   Дописано в кінець файлу; усе під .sbc-skin. CSS-only, без нових залежностей.
   Payoff = блок ВЕРДИКТУ преміально й чітко за рівнем (--vc уже на .verdict
   через клас .v-vc-*). Плюс охайні мікровзаємодії табів / .seg / кнопки.
   Використано наявні токени; --vc задає JS. НЕ чіпає mobile-стек-картки таблиць.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── таби: активний = м'який градієнт-fill + підсвітка каналу + мікро-lift ── */
.sbc-skin .ptab{position:relative;overflow:hidden;transition:color .2s,background .2s,border-color .2s,transform .14s,box-shadow .2s}
.sbc-skin .ptab .ico{transition:transform .2s,color .2s}
.sbc-skin .ptab:hover .ico{transform:translateY(-1px) scale(1.05)}
.sbc-skin .ptab:active{transform:translateY(1px) scale(.985)}
.sbc-skin .ptab.act{transform:translateY(-1px);background:linear-gradient(180deg,var(--p-soft),rgba(168,85,247,.05));box-shadow:0 8px 22px -12px var(--p-line),inset 0 1px 0 rgba(255,255,255,.06)}
.sbc-skin .ptab.act::after{content:"";position:absolute;left:20%;right:20%;bottom:3px;height:2px;border-radius:2px;background:var(--p-grad);box-shadow:0 0 10px var(--p-line)}

/* ── питання: акцент-крапка на відповідене + плавний hint ── */
.sbc-skin .q{transition:opacity .2s}
.sbc-skin .q.answered .q-q::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--p-1);margin-right:9px;vertical-align:middle;box-shadow:0 0 8px var(--p-line)}
.sbc-skin .q.answered .q-hint{animation:sbcHint .3s cubic-bezier(.4,0,.2,1) both}
@keyframes sbcHint{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* ── сегментні відповіді: тактильний active + семантика bool ── */
.sbc-skin .seg button{position:relative;transition:color .15s,background .15s,border-color .15s,transform .12s,box-shadow .15s}
.sbc-skin .seg button:active{transform:scale(.96)}
.sbc-skin .seg button.on{box-shadow:0 4px 14px -8px var(--p-line),inset 0 1px 0 rgba(255,255,255,.05)}
.sbc-skin .seg.bool button.on[data-v="1"]{box-shadow:0 4px 14px -8px rgba(255,184,77,.6),inset 0 1px 0 rgba(255,255,255,.05)}
.sbc-skin .seg.bool button.on[data-v="0"]{border-color:var(--ok);background:rgba(77,255,184,.1);color:#fff}
.sbc-skin .seg.bool button.on[data-v="idk"]{border-color:var(--info);background:rgba(77,184,255,.1);color:#fff}
.sbc-skin .q-num input:focus{box-shadow:0 0 0 3px rgba(168,85,247,.14)}

/* ── кнопка запуску: живіший glow + press + світловий свіп ── */
.sbc-skin .sbc-run{position:relative;overflow:hidden;transition:filter .2s,box-shadow .2s,transform .14s}
.sbc-skin .sbc-run:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px var(--p-line),0 0 0 1px var(--p-line) inset}
.sbc-skin .sbc-run:active{transform:translateY(0) scale(.99)}
.sbc-skin .sbc-run::after{content:"";position:absolute;top:0;left:-60%;width:42%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .55s ease}
.sbc-skin .sbc-run:hover::after{left:130%}
.sbc-skin .sbc-run .ico{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}
.sbc-skin .sbc-run:hover .ico{transform:scale(1.1)}

/* ═══════════ PAYOFF — блок вердикту: преміальна панель за tier ═══════════ */
/* м'яка заливка + верхня кольорова кромка + появлення */
.sbc-skin .verdict{
  position:relative;
  background:
    radial-gradient(130% 70% at 85% 0%,color-mix(in srgb,var(--vc,var(--p-1)) 14%,transparent),transparent 70%),
    linear-gradient(180deg,color-mix(in srgb,var(--vc,var(--p-1)) 5%,transparent),transparent 42%);
  border-top:1px solid color-mix(in srgb,var(--vc,var(--p-1)) 22%,var(--line-soft));
  animation:sbcVerdictIn .5s cubic-bezier(.22,1,.36,1) both;
}
@keyframes sbcVerdictIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.sbc-skin .verdict::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--vc,var(--p-1)),transparent);
  box-shadow:0 0 14px color-mix(in srgb,var(--vc,var(--p-1)) 55%,transparent);opacity:.7;
}

/* бейдж результату — колір tier + «дихаючий» пульс крапки */
.sbc-skin .v-badge{
  animation:sbcFadeUp .5s cubic-bezier(.22,1,.36,1) .06s both;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--vc,var(--p-1)) 22%,transparent) inset,0 6px 20px -10px var(--vc,var(--p-1));
}
.sbc-skin .v-badge .dot{box-shadow:0 0 0 0 color-mix(in srgb,var(--vc,var(--p-1)) 60%,transparent);animation:sbcDot 2.3s ease-out infinite}
@keyframes sbcDot{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--vc,var(--p-1)) 55%,transparent)}70%,100%{box-shadow:0 0 0 7px transparent}}
@keyframes sbcFadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* заголовок вердикту — вертикальна риска-акцент у кольорі tier + вхід */
.sbc-skin .v-title{position:relative;padding-left:16px;text-shadow:0 0 30px color-mix(in srgb,var(--vc,var(--p-1)) 20%,transparent);animation:sbcFadeUp .5s cubic-bezier(.22,1,.36,1) .1s both}
.sbc-skin .v-title::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:3px;border-radius:3px;background:var(--vc,var(--p-1));box-shadow:0 0 14px -2px var(--vc,var(--p-1))}
.sbc-skin .v-desc{animation:sbcFadeUp .5s cubic-bezier(.22,1,.36,1) .14s both}

/* секції вердикту — м'який стаггер входу; заголовки блоків фарбуємо за tier */
.sbc-skin .v-block{animation:sbcFadeUp .5s cubic-bezier(.22,1,.36,1) both}
.sbc-skin .v-block:nth-of-type(1){animation-delay:.16s}
.sbc-skin .v-block:nth-of-type(2){animation-delay:.22s}
.sbc-skin .v-block:nth-of-type(3){animation-delay:.28s}
.sbc-skin .v-block:nth-of-type(4){animation-delay:.34s}
.sbc-skin .v-block h4{position:relative;padding-left:12px}
.sbc-skin .v-block h4::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;border-radius:2px;background:var(--vc,var(--p-1));box-shadow:0 0 8px color-mix(in srgb,var(--vc,var(--p-1)) 50%,transparent)}
.sbc-skin .v-block h4 .ico{color:var(--vc,var(--p-1))}

/* ── картки-сигнали: кольоровий важіль зліва за вагою + hover-lift ── */
.sbc-skin .sig{position:relative;overflow:hidden;transition:border-color .18s,transform .16s,box-shadow .18s,background .18s}
.sbc-skin .sig::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--p-1);opacity:.55}
.sbc-skin .sig:has(.sig-w.high)::before{background:var(--danger);opacity:1}
.sbc-skin .sig:has(.sig-w.medium)::before{background:var(--warn);opacity:1}
.sbc-skin .sig:has(.sig-w.low)::before{background:var(--info);opacity:1}
.sbc-skin .sig:hover{transform:translateX(2px);border-color:var(--p-line);box-shadow:0 10px 24px -18px var(--p-line);background:var(--card-2)}
.sbc-skin .sig-w.high{box-shadow:inset 0 0 0 1px rgba(255,84,112,.35)}
.sbc-skin .sig-w.medium{box-shadow:inset 0 0 0 1px rgba(255,184,77,.35)}
.sbc-skin .sig-w.low{box-shadow:inset 0 0 0 1px rgba(77,184,255,.35)}

/* ── план відновлення: об'ємніша нумерація + hover-рядок ── */
.sbc-skin .plan li{transition:color .16s}
.sbc-skin .plan li:hover{color:#fff}
.sbc-skin .plan li::before{box-shadow:0 4px 12px -6px var(--p-line),0 0 0 4px var(--card);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.sbc-skin .plan li:hover::before{transform:scale(1.08);box-shadow:0 0 16px -4px var(--p-line),0 0 0 4px var(--card)}

/* «спершу зроби це» — акцент за tier замість завжди-фіолету */
.sbc-skin .verdict .firstdo{border-color:color-mix(in srgb,var(--vc,var(--p-1)) 40%,transparent);background:color-mix(in srgb,var(--vc,var(--p-1)) 10%,transparent)}
.sbc-skin .verdict .firstdo b{color:var(--vc,var(--p-1))}

/* міфи — плавне розкриття + hover */
.sbc-skin details.myth{transition:border-color .2s,background-color .2s}
.sbc-skin details.myth:hover{border-color:var(--p-line)}
.sbc-skin details.myth[open]{border-color:var(--p-line);background:var(--card-2)}
.sbc-skin details.myth[open] summary .ico{color:var(--p-1)}
.sbc-skin details.myth .mb{animation:sbcHint .3s cubic-bezier(.4,0,.2,1) both}

/* ── перевірка тегів: чіпи з hover + фокус-кільце textarea ── */
.sbc-skin .tags-check textarea:focus{box-shadow:0 0 0 3px rgba(168,85,247,.13)}
.sbc-skin .tc-tag{transition:transform .12s,border-color .15s,box-shadow .15s}
.sbc-skin .tc-tag:hover{transform:translateY(-1px)}
.sbc-skin .tc-tag.bad:hover{box-shadow:0 6px 18px -12px var(--danger)}
.sbc-skin .tc-tag.good:hover{border-color:var(--p-line)}

/* ── ghost/primary кнопки + фокус-стани (клавіатурна доступність) ── */
.sbc-skin .btn-primary:hover{transform:translateY(-1px)}
.sbc-skin .btn-primary:active{transform:translateY(0) scale(.98)}
.sbc-skin .btn-ghost:hover{transform:translateY(-1px)}
.sbc-skin .btn-ghost:active{transform:translateY(0) scale(.98)}
.sbc-skin .ptab:focus-visible,
.sbc-skin .seg button:focus-visible,
.sbc-skin .sbc-run:focus-visible,
.sbc-skin .btn:focus-visible,
.sbc-skin details.myth summary:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--p-line)}

/* ── повага до prefers-reduced-motion ── */
@media (prefers-reduced-motion:reduce){
  .sbc-skin *,.sbc-skin *::before,.sbc-skin *::after{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.001s !important}
  .sbc-skin .sbc-run:hover::after{left:-60%}
}

/* ── мобільний: приглушити lift/scale (тап-таргети ≥44px з базових media лишаються) ── */
@media (max-width:640px){
  .sbc-skin .ptab.act,
  .sbc-skin .seg button.on,
  .sbc-skin .sbc-run:hover,
  .sbc-skin .btn-primary:hover,
  .sbc-skin .btn-ghost:hover{transform:none}
  .sbc-skin .sig:hover{transform:none}
  .sbc-skin .ptab.act::after{left:26%;right:26%}
}

/* ── таби: індикатор гортання (стрілка + градієнт; JS додає sc-* лише коли є overflow) ── */
.sbc-skin .ptabs{scroll-behavior:smooth}
.sbc-skin .ptabs-wrap{position:relative}
.sbc-skin .ptabs-cue{position:absolute;top:0;bottom:0;width:44px;display:none;align-items:center;pointer-events:none;z-index:3}
.sbc-skin .ptabs-cue.r{right:0;justify-content:flex-end;padding-right:8px;background:linear-gradient(to right,transparent,var(--card) 78%)}
.sbc-skin .ptabs-cue.l{left:0;justify-content:flex-start;padding-left:8px;background:linear-gradient(to left,transparent,var(--card) 78%)}
.sbc-skin .ptabs-cue .ico{width:18px;height:18px;color:var(--p-1);filter:drop-shadow(0 0 6px var(--p-line))}
.sbc-skin .ptabs-cue.r .ico{animation:sbcCueR 1.5s ease-in-out infinite}
@keyframes sbcCueR{0%,100%{transform:translateX(-2px);opacity:.6}50%{transform:translateX(3px);opacity:1}}
.sbc-skin .ptabs.sc-r ~ .ptabs-cue.r,.sbc-skin .ptabs.sc-lr ~ .ptabs-cue.r{display:flex}
.sbc-skin .ptabs.sc-l ~ .ptabs-cue.l,.sbc-skin .ptabs.sc-lr ~ .ptabs-cue.l{display:flex}
@media (prefers-reduced-motion:reduce){.sbc-skin .ptabs-cue.r .ico{animation:none}}