/* BuyCrypt blog sidebar — app palette (lib/app_theme.dart), Inter. Rendered by mu-plugins/bc-sidebar.php */
.bcsb { --bg:#11141B; --card:#151924; --el:#191E2B; --bd:#1F2535; --tx:#F9F9FB; --mut:#E4E7ED; --dim:#919AAE; --faint:#5C6271;
  --g:#30BF73; --r:#F03D3D; --y:#F5CC3B; --b:#3290FF; --brand:#2767E5;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-feature-settings: "tnum" 1; }
.bcsb * { box-sizing: border-box; }
.bcsb a { text-decoration: none; }
.bcsb-card { background: var(--bg); border: 1px solid var(--bd); border-radius: 16px; padding: 20px; margin-bottom: 20px; color: var(--mut); overflow: hidden; }
.bcsb-eyebrow { font-size: 12px; font-weight: 500; color: var(--dim); letter-spacing: .2px; }
.bcsb-h { font-family: inherit; font-size: 17px; line-height: 1.3; font-weight: 600; color: var(--tx); margin: 4px 0 14px; letter-spacing: -.1px; }
.bcsb-top { display: flex; align-items: center; justify-content: space-between; }
.bcsb-more { display: inline-flex; gap: 4px; font-size: 13px; font-weight: 600; color: var(--b); }
.bcsb-more:hover { color: #64abff; }
.bcsb-more.dim { color: var(--dim); font-weight: 500; }
.bcsb-more.dim:hover { color: var(--tx); }
.bcsb-links { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--bd); }
.bcsb-note { font-size: 12px; color: var(--dim); line-height: 1.45; margin: 8px 0 0; }
.bcsb-note.warn { color: var(--y); }
.bcsb .g { color: var(--g); } .bcsb .r { color: var(--r); } .bcsb .y { color: var(--y); }

/* ── app: phone + reel ── */
.bcsb-app { padding-bottom: 18px; }
.bcsb-stage { position: relative; display: flex; justify-content: center; padding: 6px 0 2px; }
.bcsb-stage::before { content: ""; position: absolute; left: 50%; top: 46%; width: 260px; height: 260px; transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(39,103,229,.28), rgba(39,103,229,0)); pointer-events: none; }
.bcsb-phone { position: relative; width: 222px; padding: 6px; border-radius: 38px; background: #05070B;
  box-shadow: 0 0 0 1px #2A3142, inset 0 0 0 1px #0B0E14, 0 18px 40px -18px rgba(0,0,0,.9); }
.bcsb-phone::before, .bcsb-phone::after { content: ""; position: absolute; width: 3px; border-radius: 2px; background: #2A3142; }
.bcsb-phone::before { left: -3px; top: 92px; height: 44px; }
.bcsb-phone::after { right: -3px; top: 112px; height: 64px; }
.bcsb-screen { position: relative; border-radius: 32px; overflow: hidden; aspect-ratio: 360 / 782; background: #0B0E14; }
.bcsb-video { display: block; width: 100%; height: 100%; object-fit: cover; }
.bcsb-chapter { margin: 14px 0 14px; }
.bcsb-ch-label { font-size: 13px; font-weight: 600; color: var(--tx); text-align: center; min-height: 18px; transition: opacity .25s; }
.bcsb-ch-bars { display: flex; gap: 4px; margin-top: 9px; }
.bcsb-ch-bar { flex: 1; height: 14px; padding: 5px 0; border: 0; background: none; cursor: pointer; }
.bcsb-ch-bar i { display: block; height: 3px; border-radius: 2px; background: var(--bd); position: relative; overflow: hidden; }
.bcsb-ch-bar i::after { content: ""; position: absolute; inset: 0; width: var(--p, 0%); background: var(--b); border-radius: 2px; }
.bcsb-ch-bar.done i::after { width: 100%; background: #2F4A78; }
.bcsb-stores { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.bcsb-store { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; background: var(--el); border: 1px solid var(--bd);
  color: var(--tx) !important; font-size: 14px; font-weight: 600; line-height: 1.1; transition: border-color .15s, background .15s; }
.bcsb-store:hover { border-color: #3A4560; background: #1D2333; }
.bcsb-store svg { width: 20px; height: 20px; flex: none; }
.bcsb-store small { display: block; font-size: 10px; font-weight: 500; color: var(--dim); margin-bottom: 2px; }
.bcsb-app > .bcsb-more { margin-top: 14px; }

/* ── blogger indicator ── */
.bcsb-live { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; border-radius: 8px; font-size: 11px; font-weight: 600; color: var(--g);
  background: rgba(48,191,115,.14); border: .8px solid rgba(48,191,115,.35); }
.bcsb-live i, .bcsb-pill i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.bcsb-live i, .bcsb-pill.g i { animation: bcsb-pulse 1.6s ease-in-out infinite; }
@keyframes bcsb-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
.bcsb-coins { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 14px; }
.bcsb-coin { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 7px 9px; border-radius: 10px; cursor: pointer;
  background: var(--card); border: 1px solid var(--bd); color: var(--mut); font: inherit; text-align: left; transition: border-color .15s, background .15s; }
.bcsb-coin b { font-size: 12px; font-weight: 600; color: var(--tx); }
.bcsb-coin span { font-size: 12px; font-weight: 600; }
.bcsb-coin:hover { border-color: #2A3348; }
.bcsb-coin.on { background: rgba(50,144,255,.10); border-color: rgba(50,144,255,.45); }
.bcsb-read { display: flex; justify-content: space-between; align-items: flex-end; }
.bcsb-read .ar { text-align: right; }
.bcsb-big { font-size: 34px; line-height: 1; font-weight: 700; letter-spacing: -.5px; }
.bcsb-mid { font-size: 20px; line-height: 1; font-weight: 600; }
.bcsb-lbl { display: block; margin-top: 5px; font-size: 12px; color: var(--dim); }
.bcsb-split { height: 6px; border-radius: 3px; background: var(--r); margin-top: 10px; overflow: hidden; }
.bcsb-split i { display: block; height: 100%; background: var(--g); border-right: 2px solid var(--bg); }
.bcsb-weeks { display: block; width: 100%; height: 48px; margin-top: 14px; }
.bcsb-weeks line { stroke: var(--bd); stroke-width: 1; vector-effect: non-scaling-stroke; }
.bcsb-weeks .u { fill: var(--g); opacity: .85; }
.bcsb-weeks .d { fill: var(--r); opacity: .85; }
.bcsb-cap { font-size: 11px; color: var(--faint); margin-top: 4px; }
.bcsb-sub { font-size: 12px; font-weight: 600; color: var(--dim); margin: 16px 0 8px; }
.bcsb-call { display: block; padding: 10px 12px; border-radius: 12px; background: var(--card); border: 1px solid var(--bd); margin-bottom: 8px; transition: border-color .15s; }
.bcsb-call:hover { border-color: #2A3348; }
.bcsb-call-h { display: flex; align-items: center; gap: 8px; }
.bcsb-call-h img { width: 24px; height: 24px; border-radius: 50%; flex: none; object-fit: cover; background: var(--el); }
.bcsb-call-h b { font-size: 13px; font-weight: 600; color: var(--tx); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.bcsb-dir { margin-left: auto; flex: none; font-size: 11px; font-weight: 600; padding: 2px 7px; border-radius: 8px; }
.bcsb-dir.g { background: rgba(48,191,115,.14); }
.bcsb-dir.r { background: rgba(240,61,61,.14); }
.bcsb-q { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 7px; font-size: 12.5px; line-height: 1.45; color: var(--mut); font-style: italic; }
.bcsb-ago { display: block; margin-top: 5px; font-size: 11px; color: var(--faint); }

/* ── tournaments ── */
.bcsb-trow { display: block; padding: 12px; border-radius: 12px; background: var(--card); border: 1px solid var(--bd); margin-bottom: 8px; transition: border-color .15s, background .15s; }
.bcsb-trow:hover { border-color: rgba(50,144,255,.45); background: #171C29; }
.bcsb-tr-top { display: flex; justify-content: space-between; align-items: center; }
.bcsb-pill { display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: 8px; font-size: 11px; font-weight: 600; }
.bcsb-pill.g { color: var(--g); background: rgba(48,191,115,.14); border: .8px solid rgba(48,191,115,.35); }
.bcsb-pill.b { color: var(--b); background: rgba(50,144,255,.14); border: .8px solid rgba(50,144,255,.35); }
.bcsb-time { font-size: 11px; color: var(--dim); }
.bcsb-tname { display: block; margin-top: 8px; font-size: 14px; font-weight: 600; color: var(--tx); line-height: 1.3; }
.bcsb-tmeta { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 6px; font-size: 12px; color: var(--dim); }
.bcsb-tmeta b { font-weight: 600; }
.bcsb-free { color: var(--g); font-weight: 600; white-space: nowrap; }
.bcsb-entry { color: var(--mut); white-space: nowrap; }

/* ── top news (blog surface, light) ── */
.bcsb-news { background: #fff; border-radius: 16px; padding: 20px; margin-bottom: 20px; border: 1px solid #E8EBF1; }
.bcsb-nh { font-family: inherit; font-size: 17px; font-weight: 700; color: #11141B; margin: 0 0 14px; letter-spacing: -.1px; }
.bcsb-lead { display: block; color: #11141B; }
.bcsb-lead-img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 12px; background: #11141B; }
.bcsb-lead-t { display: block; margin-top: 10px; font-size: 15px; line-height: 1.35; font-weight: 600; color: #11141B; }
.bcsb-lead:hover .bcsb-lead-t, .bcsb-item:hover .bcsb-item-t { color: var(--brand); }
.bcsb-news .bcsb-ago { color: #8A91A3; }
.bcsb-item { display: flex; align-items: flex-start; gap: 10px; padding: 12px 0; border-top: 1px solid #EEF0F4; }
.bcsb-lead + .bcsb-item { margin-top: 14px; }
.bcsb-n { flex: none; width: 20px; font-size: 13px; font-weight: 700; color: #B4BAC8; line-height: 1.4; }
.bcsb-item-b { flex: 1; min-width: 0; }
.bcsb-item-t { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 13.5px; line-height: 1.4; font-weight: 600; color: #1B2030; }
.bcsb-thumb { flex: none; width: 56px; height: 56px; border-radius: 10px; object-fit: cover; background: #11141B; }
.bcsb-more.nl { margin-top: 6px; padding-top: 12px; border-top: 1px solid #EEF0F4; width: 100%; color: var(--brand); }

@media (prefers-reduced-motion: reduce) { .bcsb-live i, .bcsb-pill.g i { animation: none; } }

/* ── v3 (12.10): fund strip, blogger reliability, top-3 ── */
.bcsb-lead-p { margin: -6px 0 14px; font-size: 12.5px; line-height: 1.45; color: var(--dim); }
.bcsb-fund { display: flex; align-items: center; gap: 10px; margin-top: 4px; padding: 11px 12px; border-radius: 12px;
  background: linear-gradient(0deg, rgba(245,204,59,.06), rgba(245,204,59,.06)), var(--card); border: 1px solid rgba(245,204,59,.28); transition: border-color .15s; }
.bcsb-fund:hover { border-color: rgba(245,204,59,.55); }
.bcsb-fund-ic { flex: none; width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: var(--y); background: rgba(245,204,59,.12); }
.bcsb-fund-ic svg { width: 17px; height: 17px; }
.bcsb-fund b { display: block; font-size: 13px; font-weight: 600; color: var(--tx); line-height: 1.3; }
.bcsb-fund small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--dim); }
.bcsb-fund-ar { margin-left: auto; color: var(--y); font-weight: 600; }
.bcsb-who { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.bcsb-who b { font-size: 13px; font-weight: 600; color: var(--tx); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bcsb-who small { font-size: 11px; color: var(--dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; }
.bcsb-call-h img { width: 28px; height: 28px; }
.bcsb-ring { position: relative; flex: none; width: 32px; height: 32px; }
.bcsb-ring svg { width: 32px; height: 32px; transform: rotate(-90deg); }
.bcsb-ring circle { fill: none; stroke: var(--bd); stroke-width: 3; }
.bcsb-ring circle.v { stroke: currentColor; stroke-linecap: round; }
.bcsb-ring b { position: absolute; inset: 0; display: grid; place-items: center; font-size: 11px; font-weight: 700; color: var(--tx); }
.bcsb-q .bcsb-dir { display: inline-block; margin-right: 4px; font-style: normal; vertical-align: 1px; }
.bcsb-q { -webkit-line-clamp: 3; }
.bcsb-top3 { display: flex; flex-direction: column; gap: 6px; }
.bcsb-t3 { display: flex; align-items: center; gap: 9px; padding: 7px 10px; border-radius: 12px; background: var(--card); border: 1px solid var(--bd); transition: border-color .15s; }
.bcsb-t3:hover { border-color: #2A3348; }
.bcsb-t3n { width: 12px; font-size: 12px; font-weight: 700; color: var(--faint); text-align: center; }
.bcsb-t3 img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex: none; background: var(--el); }

/* ── single post: related cards + discussion ── */
.bcsb-related { margin: 32px 0 8px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcsb-related h3 { font-family: inherit; font-size: 18px; font-weight: 700; color: #11141B; margin: 0 0 14px; }
.bcsb-rc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.inside-article .bcsb-rc { display: flex; flex-direction: column; text-decoration: none; color: #11141B; border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid #E8EBF1; transition: border-color .15s, box-shadow .15s, transform .15s; }
.inside-article .bcsb-rc:hover { border-color: #C9D3EA; box-shadow: 0 8px 22px -14px rgba(17,20,27,.35); transform: translateY(-1px); }
.bcsb-rc-img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; background: #11141B; margin: 0 !important; }
.bcsb-rc-b { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px 12px; flex: 1; }
.bcsb-rc-t { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.35; font-weight: 600; color: #11141B; }
.inside-article .bcsb-rc:hover .bcsb-rc-t { color: #2767E5; }
.bcsb-rc-d { margin-top: auto; font-size: 12px; color: #8A91A3; }
.bcsb-disc { margin: 32px 0 4px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcsb-disc-h h3 { font-family: inherit; font-size: 18px; font-weight: 700; color: #11141B; margin: 0 0 4px; }
.bcsb-disc-h p { font-size: 13.5px; line-height: 1.5; color: #5C6271; margin: 0 0 14px; }
.inside-article .bcsb-disc-app { display: inline-flex; padding: 10px 16px; border-radius: 10px; background: #2767E5; color: #fff; font-weight: 600; font-size: 14px; text-decoration: none; }
.bcsb-disc #ixp-discussion { margin: 0; }
.bcsb-has-disc .comments-area { display: none; } /* the Live widget lists the same approved comments */

/* ── mobile: gutters, compact app card ── */
@media (max-width: 768px) {
  .bcsb { padding: 0 12px; }
  .bcsb-card, .bcsb-news { margin-bottom: 14px; }
  .bcsb-app { display: grid; grid-template-columns: 128px 1fr; grid-template-areas: "phone text" "phone chapter" "stores stores" "more more"; column-gap: 16px; align-items: start; }
  .bcsb-app-text { grid-area: text; }
  .bcsb-app .bcsb-h { font-size: 16px; margin-bottom: 6px; }
  .bcsb-stage { grid-area: phone; padding: 0; }
  .bcsb-stage::before { width: 180px; height: 180px; }
  .bcsb-phone { width: 128px; padding: 4px; border-radius: 24px; }
  .bcsb-phone::before, .bcsb-phone::after { display: none; }
  .bcsb-screen { border-radius: 20px; }
  .bcsb-chapter { grid-area: chapter; margin: 6px 0 0; }
  .bcsb-ch-label { text-align: left; font-size: 12.5px; color: var(--mut); }
  .bcsb-stores { grid-area: stores; margin-top: 14px; }
  .bcsb-app > .bcsb-more { grid-area: more; }
  .bcsb-rc-grid { grid-template-columns: 1fr; gap: 10px; }
  .inside-article .bcsb-rc { flex-direction: row; }
  .bcsb-rc-img { width: 116px; flex: none; aspect-ratio: 4 / 3; }
  .bcsb-rc-b { padding: 10px 12px; }
}

/* ── discussion widget: light, like the blog (overrides assets/updated/comments.css only inside the blog) ── */
.bcsb-disc #ixp-discussion, .bcsb-has-disc .cm-modal {
  --bg: #FFFFFF; --s1: #F6F7FA; --s2: #EEF1F6; --ln: #E3E7EF; --t1: #11141B; --t2: #2A3040; --t3: #5C6271; --t4: #8A91A3;
  --b: #2767E5; --g: #1E9E5A; --r: #D93636; }
.bcsb-disc .cm { box-shadow: 0 1px 2px rgba(17,20,27,.04); }
.bcsb-disc .cm-tabs { background: #F3F5F9; border-color: #E6E9F0; }
.bcsb-disc .cm-tabs [role="tab"][aria-selected="true"] { color: #11141B; background: #fff; box-shadow: 0 1px 2px rgba(17,20,27,.08); }
.bcsb-disc .cm-call-who b, .bcsb-has-disc .cm-brand b { color: #11141B; }
.bcsb-disc .cm-ghost:hover { border-color: #C9D3EA; }
.bcsb-disc .cm-field:focus-within { border-color: #9DB6EE; }
.bcsb-disc .cm-btn { color: #fff; background: #2767E5; border-color: #2767E5; }
.bcsb-disc .cm-btn:hover { background: #1F57C7; }
.bcsb-disc .cm-btn:disabled { color: #fff; background: #2767E5; opacity: .35; }
.bcsb-disc .cm-note.err, .bcsb-disc .cm-acts > button.armed, .bcsb-disc .cm-done.err, .bcsb-has-disc .cm-lerr { color: #D93636; }
.bcsb-disc .cm-list > .cm-c + .cm-c { border-top-color: #EEF0F4; }
.bcsb-disc .cm-skel i { background: linear-gradient(90deg, #F1F3F7, #E7EAF1, #F1F3F7); background-size: 200% 100%; }
.bcsb-disc .cm-menu { border-color: #E3E7EF; box-shadow: 0 18px 34px -14px rgba(17,20,27,.25); }
.bcsb-disc .cm-toast button { color: #2767E5; }
.bcsb-has-disc .cm-modal { background: rgba(17,20,27,.45); }
.bcsb-has-disc .cm-sheet { background: #fff; border-color: #E3E7EF; box-shadow: 0 40px 80px -30px rgba(17,20,27,.45); }
.bcsb-has-disc .cm-sbtn.a { color: #fff; background: #000; border-color: #000; }
.bcsb-has-disc .cm-qrbox { border: 1px solid #E3E7EF; }

/* ── source video (click-to-play) ── */
.bcsb-yt { margin: 24px 0; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcsb-yt-v { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 0; border-radius: 14px; overflow: hidden; background: #000; cursor: pointer; }
.bcsb-yt-v img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; transition: transform .3s, opacity .2s; }
.bcsb-yt-v:hover img { transform: scale(1.02); opacity: .92; }
.bcsb-yt-play { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%); filter: drop-shadow(0 4px 12px rgba(0,0,0,.4)); transition: transform .15s; }
.bcsb-yt-v:hover .bcsb-yt-play { transform: translate(-50%, -50%) scale(1.08); }
.bcsb-yt iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 14px; background: #000; }
.bcsb-yt figcaption { margin-top: 8px; font-size: 13px; color: #5C6271; }
.inside-article .bcsb-yt figcaption a { color: #2767E5; }
.bcsb-yt-fb { color: #8A91A3; }
.bcsb-yt-box { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #000; }
.bcsb-yt-box iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0; aspect-ratio: auto; }
.bcsb-yt-fall { position: absolute; inset: 0; display: grid; place-items: center; background: #000 center / cover no-repeat; }
.bcsb-yt-fall::before { content: ""; position: absolute; inset: 0; background: rgba(8,10,16,.72); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.bcsb-yt-fall-in { position: relative; max-width: 440px; padding: 20px; text-align: center; }
.bcsb-yt-fall-in p { margin: 0 0 16px; color: #E4E7ED; font-size: 15px; line-height: 1.45; }
.inside-article .bcsb-yt-go { display: inline-flex; align-items: center; padding: 12px 20px; border-radius: 12px; background: #FF0033; color: #fff; font-weight: 700; font-size: 15px; text-decoration: none; }
.inside-article .bcsb-yt-go:hover { background: #E0002D; color: #fff; }
.bcsb-yt-retry { display: block; margin: 12px auto 0; padding: 4px 8px; border: 0; background: none; color: #AEB5C4; font: 500 13px Inter, sans-serif; text-decoration: underline; cursor: pointer; }
@media (max-width: 768px) { .bcsb-yt-fall-in p { font-size: 13.5px; margin-bottom: 12px; } .inside-article .bcsb-yt-go { padding: 10px 16px; font-size: 14px; } }
.bcsb-disc .cm-who { display: inline-flex; flex-direction: column; gap: 1px; }
.bcsb-disc .cm-nick { font: 500 12px/1.2 Inter, sans-serif; color: var(--t4); }
.bcsb-has-disc .cm-consent { margin-top: 6px; color: var(--t3); }

/* ── single post footer: topics chips + prev/next ── */
.bcsb-topics { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 4px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.inside-article .bcsb-chip { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; background: #F3F5F9; border: 1px solid #E6E9F0; color: #3A4152; font-size: 13px; font-weight: 500; line-height: 1.2; text-decoration: none; transition: background .15s, border-color .15s, color .15s; }
.inside-article .bcsb-chip:hover { background: #EAF0FD; border-color: #C9D6F5; color: #2767E5; }
.inside-article .bcsb-chip.cat { background: #2767E5; border-color: #2767E5; color: #fff; font-weight: 600; }
.inside-article .bcsb-chip.cat:hover { background: #1F57C7; color: #fff; }
.bcsb-adjs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 28px 0 0; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.inside-article .bcsb-adj { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 14px; border: 1px solid #E8EBF1; background: #fff; text-decoration: none; transition: border-color .15s, box-shadow .15s; min-width: 0; }
.inside-article .bcsb-adj:hover { border-color: #C9D3EA; box-shadow: 0 8px 22px -14px rgba(17,20,27,.35); }
.inside-article .bcsb-adj.next { flex-direction: row-reverse; text-align: right; }
.bcsb-adj-img { flex: none; width: 64px; height: 64px; border-radius: 10px; object-fit: cover; background: #11141B; margin: 0 !important; }
.bcsb-adj-b { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.bcsb-adj-b small { font-size: 12px; font-weight: 600; color: #2767E5; }
.bcsb-adj-t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13.5px; line-height: 1.35; font-weight: 600; color: #11141B; }
@media (max-width: 768px) { .bcsb-adjs { grid-template-columns: 1fr; } .bcsb-adj-empty { display: none; } .inside-article .bcsb-adj.next { flex-direction: row; text-align: left; } }

/* ── blog front heading ── */
.bcsb-bloghead { margin: 0 0 20px; padding: 26px 30px; border-radius: 16px; background: #fff; border: 1px solid #E8EBF1; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcsb-bloghead h1 { margin: 0; font-family: inherit; font-size: 28px; line-height: 1.2; font-weight: 800; letter-spacing: -.4px; color: #11141B; }
.bcsb-bloghead p { margin: 8px 0 0; font-size: 15.5px; line-height: 1.5; color: #5C6271; }
@media (max-width: 768px) { .bcsb-bloghead { margin: 0 12px 14px; padding: 18px; } .bcsb-bloghead h1 { font-size: 22px; } .bcsb-bloghead p { font-size: 14.5px; } }

/* ── blog list cards: image left (full height), text column right ── */
.blog .inside-article, .archive .inside-article, .search .inside-article { border-radius: 16px; padding: 24px; }
@media (min-width: 769px) {
  .blog article.has-post-thumbnail .inside-article, .archive article.has-post-thumbnail .inside-article, .search article.has-post-thumbnail .inside-article {
    display: grid; grid-template-columns: 300px minmax(0, 1fr); grid-template-rows: auto auto 1fr auto; column-gap: 28px; align-items: start; }
  .blog article.has-post-thumbnail .post-image, .archive article.has-post-thumbnail .post-image, .search article.has-post-thumbnail .post-image {
    grid-column: 1; grid-row: 1 / span 4; float: none !important; width: auto !important; margin: 0 !important; align-self: stretch; }
  .blog article.has-post-thumbnail .entry-header, .archive article.has-post-thumbnail .entry-header, .search article.has-post-thumbnail .entry-header { grid-column: 2; grid-row: 1; }
  .blog article.has-post-thumbnail .entry-summary, .archive article.has-post-thumbnail .entry-summary, .search article.has-post-thumbnail .entry-summary { grid-column: 2; grid-row: 2; margin-top: 10px !important; }
  .blog article.has-post-thumbnail .bcsb-card-meta, .archive article.has-post-thumbnail .bcsb-card-meta, .search article.has-post-thumbnail .bcsb-card-meta { grid-column: 2; grid-row: 4; }
  .blog .post-image a, .archive .post-image a, .search .post-image a { display: block; height: 100%; }
  .blog .post-image img, .archive .post-image img, .search .post-image img { width: 100%; height: 100%; min-height: 200px; object-fit: cover; }
}
.blog .post-image img, .archive .post-image img, .search .post-image img { border-radius: 12px; display: block; }
.blog .entry-title, .archive .entry-title, .search .entry-title { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 21px; line-height: 1.3; font-weight: 700; letter-spacing: -.2px; margin: 0; }
.blog .entry-title a, .archive .entry-title a, .search .entry-title a { color: #11141B; }
.blog .entry-title a:hover, .archive .entry-title a:hover, .search .entry-title a:hover { color: #2767E5; }
.blog .entry-header .entry-meta, .archive .entry-header .entry-meta, .search .entry-header .entry-meta { margin-top: 6px; font-family: Inter, sans-serif; font-size: 13px; color: #8A91A3; }
.blog .entry-summary, .archive .entry-summary, .search .entry-summary { font-size: 15.5px; line-height: 1.6; color: #3A4152; }
.blog .entry-summary p, .archive .entry-summary p, .search .entry-summary p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bcsb-card-meta { display: flex; align-items: center; flex-wrap: nowrap; gap: 6px; margin-top: 16px; min-width: 0; overflow: hidden; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcsb-card-meta .bcsb-chip { flex: none; display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: #F3F5F9; border: 0; color: #4A5163; font-size: 12.5px; font-weight: 500; line-height: 1; text-decoration: none; white-space: nowrap; max-width: 170px; overflow: hidden; text-overflow: ellipsis; }
.bcsb-card-meta .bcsb-chip:hover { background: #EAF0FD; color: #2767E5; }
.bcsb-card-meta .bcsb-chip.cat { background: rgba(39,103,229,.10); color: #2767E5; font-weight: 600; }
.bcsb-card-meta .bcsb-chip.cat:hover { background: rgba(39,103,229,.16); }
.bcsb-card-cm { flex: none; display: inline-flex; align-items: center; gap: 5px; margin-left: auto; padding-left: 8px; font-size: 13px; font-weight: 600; color: #5C6271; text-decoration: none; }
.bcsb-card-cm svg { width: 16px; height: 16px; }
.bcsb-card-cm:hover { color: #2767E5; }
@media (max-width: 768px) {
  .blog .inside-article, .archive .inside-article, .search .inside-article { padding: 18px; }
  .blog .post-image, .archive .post-image, .search .post-image { margin: 14px 0 !important; }
  .blog .entry-title, .archive .entry-title, .search .entry-title { font-size: 19px; }
}
.bcsb-card-meta .bcsb-chip:not(.cat) { flex: 0 1 auto; min-width: 0; }
@media (max-width: 768px) { .blog .post-image img, .archive .post-image img, .search .post-image img { width: 100%; height: auto; } .blog .post-image a, .archive .post-image a, .search .post-image a { display: block; } }
.bcsb-card-meta .bcsb-chip { display: inline-block; line-height: 26px; vertical-align: middle; }
@media (max-width: 768px) { .blog .post-image, .archive .post-image, .search .post-image { width: 100% !important; max-width: 100% !important; } .blog .post-image img, .archive .post-image img, .search .post-image img { width: 100% !important; max-width: 100% !important; } }

/* ── daily forecast digests (bc-digest.php) ── */
.bcd-intro { font-size: 17px; color: #2A3040; }
.bcd-ix { margin: 22px 0; padding: 18px 20px; border-radius: 16px; background: #11141B; color: #E4E7ED; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcd-ix-t { font-size: 12.5px; font-weight: 500; color: #919AAE; }
.bcd-ix-r { margin-top: 6px; font-size: 15px; color: #C9CEDA; }
.bcd-ix-r b { font-size: 26px; font-weight: 700; letter-spacing: -.3px; }
.bcd-ix-r b.up { color: #30BF73; } .bcd-ix-r b.down { color: #F03D3D; }
.bcd-ix-r span { margin: 0 6px; color: #5C6271; }
.bcd-ix-bar { height: 6px; margin-top: 10px; border-radius: 3px; background: #F03D3D; overflow: hidden; }
.bcd-ix-bar i { display: block; height: 100%; background: #30BF73; border-right: 2px solid #11141B; }
.bcd-ix-n { margin-top: 10px; font-size: 12.5px; color: #919AAE; }
.inside-article .bcd-ix-n a { color: #3290FF; text-decoration: none; font-weight: 600; }
.bcd-sum { display: flex; flex-wrap: wrap; gap: 8px; font-family: Inter, sans-serif; }
.bcd-sum span { padding: 6px 12px; border-radius: 999px; font-size: 14px; font-weight: 600; }
.bcd-sum .up { background: rgba(48,191,115,.12); color: #1E9E5A; }
.bcd-sum .down { background: rgba(240,61,61,.10); color: #D93636; }
.bcd-sum .flat { background: #F3F5F9; color: #5C6271; }
.bcd-call { margin: 26px 0; padding: 20px 22px; border-radius: 16px; border: 1px solid #E8EBF1; background: #fff; border-left: 4px solid #C9CEDA; }
.bcd-call.bcd-up { border-left-color: #30BF73; } .bcd-call.bcd-down { border-left-color: #F03D3D; }
.bcd-call h2 { margin: 0 0 6px; font-family: Inter, sans-serif; font-size: 20px; line-height: 1.3; font-weight: 700; color: #11141B; }
.bcd-meta { margin: 0 0 12px; font-family: Inter, sans-serif; font-size: 13px; color: #8A91A3; }
.bcd-up .bcd-dir { color: #1E9E5A; font-weight: 600; } .bcd-down .bcd-dir { color: #D93636; font-weight: 600; } .bcd-flat .bcd-dir { color: #5C6271; font-weight: 600; }
.inside-article .bcd-meta a { color: #2767E5; text-decoration: none; }
.bcd-call p:last-child { margin-bottom: 0; }
.bcd-cta { padding: 14px 16px; border-radius: 12px; background: #F3F6FD; }
/* mobile list cards: full-bleed image (edge to edge of the screen), text inset 20px */
@media (max-width: 768px) {
  .blog .inside-article, .archive .inside-article, .search .inside-article { padding: 20px !important; }
  .blog .post-image, .archive .post-image, .search .post-image { margin: 14px -20px !important; width: calc(100% + 40px) !important; max-width: none !important; }
  .blog .post-image img, .archive .post-image img, .search .post-image img { width: 100% !important; max-width: none !important; height: auto; border-radius: 0 !important; aspect-ratio: 3 / 2; object-fit: cover; }
}

/* ── blogger card in posts / digest sections (bc-blog-extras.php) ── */
.bcx-card { margin: 22px 0; padding: 16px 18px; border-radius: 16px; background: #11141B; color: #E4E7ED; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcx-card.sm { margin: 12px 0 14px; padding: 12px 14px; border-radius: 14px; }
.bcx-top { display: flex; align-items: center; gap: 12px; }
.bcx-top img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; background: #191E2B; margin: 0 !important; }
.bcx-card.sm .bcx-top img { width: 32px; height: 32px; }
.bcx-who { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bcx-who b { font-size: 15px; font-weight: 600; color: #F9F9FB; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bcx-who small { font-size: 12.5px; color: #919AAE; margin-top: 2px; }
.bcx-card .bcsb-ring { --bd: #1F2535; --tx: #F9F9FB; color: #30BF73; }
.bcx-card .bcsb-ring.y { color: #F5CC3B; } .bcx-card .bcsb-ring.r { color: #F03D3D; } .bcx-card .bcsb-ring.g { color: #30BF73; }
.bcx-card .bcsb-ring circle { stroke: #1F2535; } .bcx-card .bcsb-ring circle.v { stroke: currentColor; }
.bcx-card .bcsb-ring b { color: #F9F9FB; }
.bcx-stat { display: inline-block; margin-top: 12px; padding: 5px 10px; border-radius: 8px; font-size: 12.5px; font-weight: 600; background: #191E2B; color: #C9CEDA; }
.bcx-stat.ok { background: rgba(48,191,115,.14); color: #30BF73; } .bcx-stat.bad { background: rgba(240,61,61,.14); color: #FF7A7A; }
.bcx-stat.warn { background: rgba(245,204,59,.14); color: #F5CC3B; } .bcx-stat.open { background: rgba(50,144,255,.14); color: #6FB0FF; }
.bcx-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.inside-article .bcx-btn { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 10px; background: #2767E5; color: #fff; font-size: 13.5px; font-weight: 600; text-decoration: none; }
.inside-article .bcx-btn:hover { background: #1F57C7; color: #fff; }
.inside-article .bcx-btn.ghost { background: transparent; border: 1px solid #2A3348; color: #C9CEDA; }
.inside-article .bcx-btn.ghost:hover { border-color: #3290FF; color: #fff; }
.bcx-card.sm .bcx-btns { margin-top: 10px; } .bcx-card.sm .inside-article .bcx-btn, .inside-article .bcx-card.sm .bcx-btn { padding: 6px 12px; font-size: 12.5px; }

/* ── header: highlighted «Trading tournaments» ── */
.main-navigation .main-nav ul li.bcx-nav-cta > a { display: inline-flex; align-items: center; height: 38px; margin: 0 6px; padding: 0 16px; line-height: 38px; border-radius: 10px; background: #2767E5; color: #fff !important; font-weight: 600; }
.main-navigation .main-nav ul li.bcx-nav-cta > a:hover { background: #1F57C7; }
.main-navigation .main-nav > ul > li.bcx-nav-cta { display: flex; align-items: center; }
@media (max-width: 768px) { .main-navigation .main-nav ul li.bcx-nav-cta > a { margin: 10px 16px; height: 44px; justify-content: center; } }
@media (max-width: 768px) { .bcx-btns { flex-direction: column; } .inside-article .bcx-btn { justify-content: center; } }
/* the theme's nav hover/current styles (higher specificity) faded the CTA — pin its colours */
.main-navigation .main-nav ul li.bcx-nav-cta > a,
.main-navigation .main-nav ul li.bcx-nav-cta:hover > a,
.main-navigation .main-nav ul li.bcx-nav-cta:focus-within > a,
.main-navigation .main-nav ul li.bcx-nav-cta[class*="current-menu-"] > a { background: #2767E5 !important; color: #fff !important; opacity: 1 !important; }
.main-navigation .main-nav ul li.bcx-nav-cta:hover > a, .main-navigation .main-nav ul li.bcx-nav-cta > a:focus-visible { background: #1F57C7 !important; box-shadow: 0 6px 16px -8px rgba(39,103,229,.7); }
.main-navigation .main-nav ul li.bcx-nav-cta, .main-navigation .main-nav ul li.bcx-nav-cta:hover { background: transparent !important; }

/* ── «Прогнозы блогеров» category: indicator widget + CTA ── */
.bcf { margin: 22px 0 6px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcf .ix-more { display: none; } /* replaced by the CTA below */
.bcf-cta { margin-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.bcf-cta p { flex: 1 1 280px; margin: 0; font-size: 14.5px; line-height: 1.5; color: #5C6271; }
.bcf-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.page-header .bcf-btn, .bcf .bcf-btn { display: inline-flex; align-items: center; padding: 12px 18px; border-radius: 12px; background: #2767E5; color: #fff; font-weight: 600; font-size: 15px; text-decoration: none; transition: background .15s; }
.page-header .bcf-btn:hover, .bcf .bcf-btn:hover { background: #1F57C7; color: #fff; }
.page-header .bcf-btn.ghost, .bcf .bcf-btn.ghost { background: #fff; color: #11141B; border: 1px solid #DDE2EC; }
.page-header .bcf-btn.ghost:hover, .bcf .bcf-btn.ghost:hover { border-color: #2767E5; color: #2767E5; }
@media (max-width: 768px) { .bcf-btns { width: 100%; } .page-header .bcf-btn, .bcf .bcf-btn { flex: 1 1 100%; justify-content: center; } }
.bcf [hidden] { display: none !important; } /* the site has a global [hidden] rule, the blog does not — the empty tooltip showed */

/* ── list pagination ── */
#nav-below.paging-navigation { display: none !important; }
.bcsb-pager { display: flex; flex-direction: column; align-items: center; gap: 16px; margin: 6px 0 36px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcsb-more-btn { width: 100%; max-width: 440px; height: 52px; border-radius: 14px; background: #fff; border: 1px solid #DDE2EC; color: #11141B; font: 600 15px/1 Inter, sans-serif; cursor: pointer; transition: border-color .15s, color .15s, box-shadow .15s; }
.bcsb-more-btn:hover { border-color: #2767E5; color: #2767E5; box-shadow: 0 8px 22px -14px rgba(39,103,229,.6); }
.bcsb-more-btn[disabled] { opacity: .6; cursor: progress; }
.bcsb-pages { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.bcsb-pages .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border-radius: 10px; background: #fff; border: 1px solid #E6E9F0; color: #2A3040; font-size: 14px; font-weight: 600; text-decoration: none; transition: border-color .15s, color .15s; }
.bcsb-pages a.page-numbers:hover { border-color: #2767E5; color: #2767E5; }
.bcsb-pages .page-numbers.current { background: #2767E5; border-color: #2767E5; color: #fff; }
.bcsb-pages .page-numbers.dots { background: transparent; border-color: transparent; color: #8A91A3; min-width: 24px; padding: 0 2px; }
.bcsb-pages .prev, .bcsb-pages .next { padding: 0 16px; }
@media (max-width: 768px) { .bcsb-pager { padding: 0 12px; } .bcsb-pages .page-numbers { min-width: 36px; height: 36px; font-size: 13px; } }
@media (max-width: 480px) { .bcsb-card-meta .bcsb-chip:nth-child(3) { display: none; } }

/* ═══════ free crypto course (bc-course.php) ═══════ */
.bcl-ic { width: 18px; height: 18px; flex: none; }
.bcl-head, .bcl-tldr, .bcl-toc, .bcl-note, .bcl-practice, .bcl-faq, .bcl-nav, .bcl-hero, .bcl-levels, .bcl-also { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcl-head { margin: 0 0 22px; padding: 14px 16px; border-radius: 14px; background: #F5F7FB; border: 1px solid #E6E9F0; }
.inside-article .bcl-head-course { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: #2767E5; text-decoration: none; }
.bcl-head-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.bcl-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: #fff; border: 1px solid #E6E9F0; font-size: 12.5px; font-weight: 500; color: #3A4152; }
.bcl-chip .bcl-ic { width: 14px; height: 14px; color: #8A91A3; }
.bcl-progress { height: 5px; margin-top: 12px; border-radius: 3px; background: #E6E9F0; overflow: hidden; }
.bcl-progress i { display: block; height: 100%; background: #2767E5; border-radius: 3px; }
.bcl-lead { font-size: 18px; line-height: 1.6; color: #1B2030; }
.bcl-box-h { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: #11141B; margin-bottom: 8px; }
.bcl-tldr { margin: 20px 0; padding: 16px 18px; border-radius: 14px; background: #11141B; color: #E4E7ED; }
.bcl-tldr .bcl-box-h { color: #F9F9FB; } .bcl-tldr .bcl-box-h .bcl-ic { color: #F5CC3B; }
.bcl-tldr ul { margin: 0; padding-left: 20px; } .bcl-tldr li { margin: 6px 0; font-size: 15px; line-height: 1.5; }
.bcl-tldr li::marker { color: #F5CC3B; }
.bcl-toc { margin: 20px 0 8px; padding: 14px 18px; border-radius: 14px; border: 1px solid #E6E9F0; }
.bcl-toc .bcl-box-h .bcl-ic { color: #2767E5; }
.bcl-toc ol { margin: 0; padding-left: 22px; columns: 2; column-gap: 28px; } .bcl-toc li { font-size: 14.5px; margin: 4px 0; break-inside: avoid; }
.inside-article .bcl-toc a { color: #2A3040; text-decoration: none; } .inside-article .bcl-toc a:hover { color: #2767E5; }
.inside-article h2[id^="bcl-s"], .bcl-faq h2 { scroll-margin-top: 80px; font-family: Inter, sans-serif; font-size: 24px; font-weight: 700; color: #11141B; margin: 34px 0 12px; letter-spacing: -.2px; }
.bcl-list { margin: 10px 0 18px; padding-left: 22px; } .bcl-list li { margin: 7px 0; line-height: 1.55; } .bcl-list li::marker { color: #2767E5; font-weight: 700; }
.bcl-table { margin: 14px 0 20px; overflow-x: auto; border: 1px solid #E6E9F0; border-radius: 12px; }
.bcl-table table { width: 100%; border-collapse: collapse; margin: 0; border: 0; font-size: 14.5px; font-family: Inter, sans-serif; }
.bcl-table th { background: #F5F7FB; text-align: left; font-weight: 600; color: #11141B; padding: 10px 12px; border: 0; border-bottom: 1px solid #E6E9F0; }
.bcl-table td { padding: 10px 12px; border: 0; border-top: 1px solid #EEF0F4; vertical-align: top; color: #2A3040; }
.bcl-note { display: flex; gap: 12px; margin: 18px 0; padding: 14px 16px; border-radius: 14px; border: 1px solid; }
.bcl-note p { margin: 4px 0 0; font-size: 15.5px; line-height: 1.55; }
.bcl-note-k { font-size: 13px; font-weight: 700; letter-spacing: .1px; }
.bcl-note-i { flex: none; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; }
.bcl-note-tip { background: #F2F7FF; border-color: #D8E6FF; } .bcl-note-tip .bcl-note-i { background: #2767E5; color: #fff; } .bcl-note-tip .bcl-note-k { color: #1F57C7; }
.bcl-note-warn { background: #FFF6F2; border-color: #FFE1D4; } .bcl-note-warn .bcl-note-i { background: #F46E42; color: #fff; } .bcl-note-warn .bcl-note-k { color: #C9502A; }
.bcl-note-example { background: #F2FBF6; border-color: #D2F0DF; } .bcl-note-example .bcl-note-i { background: #30BF73; color: #fff; } .bcl-note-example .bcl-note-k { color: #1E9E5A; }
.bcl-note-term { background: #FAF7EC; border-color: #F1E6BF; } .bcl-note-term .bcl-note-i { background: #F5CC3B; color: #11141B; } .bcl-note-term .bcl-note-k { color: #8A6D0F; }
.bcl-practice { display: flex; gap: 14px; margin: 28px 0; padding: 18px 20px; border-radius: 16px; background: #11141B; color: #C9CEDA; }
.bcl-practice .bcl-box-h { color: #F9F9FB; margin-bottom: 4px; }
.bcl-practice p { margin: 0; font-size: 15px; line-height: 1.55; }
.bcl-practice-i { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(48,191,115,.14); color: #30BF73; }
.bcl-practice-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.inside-article .bcl-btn, .bcl-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; border-radius: 11px; background: #2767E5; color: #fff; font-size: 14.5px; font-weight: 600; text-decoration: none; }
.inside-article .bcl-btn:hover { background: #1F57C7; color: #fff; }
.inside-article .bcl-btn.ghost { background: transparent; border: 1px solid #2A3348; color: #E4E7ED; }
.inside-article .bcl-btn.ghost:hover { border-color: #3290FF; color: #fff; }
.bcl-btn .bcl-ic { width: 16px; height: 16px; }
.bcl-faq details { border: 1px solid #E6E9F0; border-radius: 12px; margin: 8px 0; padding: 0 16px; background: #fff; }
.bcl-faq summary { cursor: pointer; padding: 13px 0; font-weight: 600; color: #11141B; list-style: none; position: relative; padding-right: 26px; }
.bcl-faq summary::-webkit-details-marker { display: none; }
.bcl-faq summary::after { content: "+"; position: absolute; right: 0; top: 10px; font-size: 20px; color: #2767E5; }
.bcl-faq details[open] summary::after { content: "−"; }
.bcl-faq details p { margin: 0 0 14px; color: #3A4152; line-height: 1.6; }
.bcl-also { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14.5px; color: #5C6271; }
.bcl-nav { margin: 30px 0 6px; }
.bcl-nav-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.inside-article .bcl-nav-card { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 14px; border: 1px solid #E6E9F0; background: #fff; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.inside-article .bcl-nav-card:hover { border-color: #C9D3EA; box-shadow: 0 8px 22px -14px rgba(17,20,27,.35); }
.bcl-nav-card.next { text-align: right; }
.bcl-nav-card small { font-size: 12.5px; font-weight: 600; color: #2767E5; }
.bcl-nav-card b { font-size: 15px; line-height: 1.35; color: #11141B; }
.bcl-level { margin-top: 14px; padding: 16px 18px; border-radius: 14px; background: #F5F7FB; border: 1px solid #E6E9F0; }
.bcl-level .bcl-box-h .bcl-ic { color: #2767E5; }
.bcl-level ol { list-style: none; margin: 0; padding: 0; }
.inside-article .bcl-level li a { display: flex; gap: 10px; padding: 7px 8px; border-radius: 8px; color: #2A3040; text-decoration: none; font-size: 14.5px; }
.inside-article .bcl-level li a:hover { background: #fff; color: #2767E5; }
.bcl-level li a span { flex: none; width: 34px; font-weight: 700; color: #8A91A3; font-variant-numeric: tabular-nums; }
.inside-article .bcl-level li.on a { background: #fff; color: #11141B; font-weight: 600; box-shadow: inset 3px 0 0 #2767E5; }
.inside-article .bcl-level-all { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 14px; font-weight: 600; color: #2767E5; text-decoration: none; }
.bcl-level-all .bcl-ic { width: 16px; height: 16px; }
/* program page */
.bcl-hero { margin: 0 0 24px; }
.bcl-hero-p { font-size: 17px; line-height: 1.6; color: #2A3040; }
.bcl-stats { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 18px; }
.bcl-stats span { padding: 8px 14px; border-radius: 12px; background: #F5F7FB; border: 1px solid #E6E9F0; font-size: 14px; color: #5C6271; }
.bcl-stats b { color: #11141B; }
.bcl-hero-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.inside-article .bcl-hero .bcl-btn.ghost { background: #fff; color: #11141B; border: 1px solid #DDE2EC; }
.inside-article .bcl-hero .bcl-btn.ghost:hover { border-color: #2767E5; color: #2767E5; }
.bcl-levels { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bcl-lv { padding: 16px 16px 10px; border-radius: 16px; border: 1px solid #E6E9F0; background: #fff; }
.bcl-lv-h { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.bcl-lv-n { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #11141B; color: #F5CC3B; font-weight: 800; font-size: 17px; }
.bcl-lv-h b { display: block; font-size: 16px; color: #11141B; line-height: 1.3; }
.bcl-lv-h small { font-size: 12.5px; color: #8A91A3; }
.bcl-lv ol { list-style: none; margin: 0; padding: 0; }
.inside-article .bcl-lv li a { display: flex; align-items: baseline; gap: 8px; padding: 6px 4px; border-top: 1px solid #F0F2F6; color: #2A3040; text-decoration: none; font-size: 14.5px; line-height: 1.4; }
.inside-article .bcl-lv li a:hover { color: #2767E5; }
.bcl-lv li a span { flex: none; width: 34px; font-weight: 700; color: #8A91A3; font-variant-numeric: tabular-nums; }
.bcl-lv li a em { margin-left: auto; flex: none; font-style: normal; font-size: 12px; color: #A3AABA; }
.bcl-practice-wide { margin-top: 24px; }
@media (max-width: 768px) {
  .bcl-toc ol { columns: 1; } .bcl-nav-cards, .bcl-levels { grid-template-columns: 1fr; } .bcl-nav-card.next { text-align: left; }
  .bcl-practice { flex-direction: column; } .inside-article h2[id^="bcl-s"], .bcl-faq h2 { font-size: 21px; }
}
/* video course BuyCrypt Academy */
.bcl-vc, .bcl-lv-video, .bcl-levels-h { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bcl-vc { margin: 8px 0 30px; padding: 22px; border-radius: 20px; background: #11141B; color: #C9CEDA; scroll-margin-top: 70px; }
.bcl-vc-tag { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 999px; background: rgba(240,61,61,.14); color: #FF6B6B; font-size: 12.5px; font-weight: 600; }
.bcl-vc-tag .bcl-ic { width: 15px; height: 15px; }
.inside-article .bcl-vc h2 { margin: 12px 0 8px; font-family: Inter, sans-serif; font-size: 25px; line-height: 1.25; font-weight: 700; color: #F9F9FB; letter-spacing: -.2px; }
.bcl-vc-top p { margin: 0; font-size: 15.5px; line-height: 1.6; color: #B4BACA; max-width: 760px; }
.bcl-vc .bcl-stats span { background: #1F2535; border-color: #2A3348; color: #8A91A3; }
.bcl-vc .bcl-stats b { color: #F5CC3B; }
.bcl-vc-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 14px; }
.bcl-vc-side { position: relative; min-height: 240px; }
.bcl-vc .bcsb-yt { margin: 0; }
.bcl-vc-list { position: absolute; inset: 0; list-style: none; margin: 0; padding: 4px; overflow-y: auto; border-radius: 14px; background: #151924; border: 1px solid #1F2535; scrollbar-width: thin; scrollbar-color: #2A3348 transparent; }
.bcl-vc-list li { margin: 0; }
.bcl-vc-part { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 10px; background: transparent; color: #C9CEDA; text-align: left; font: inherit; cursor: pointer; transition: background .15s; }
.bcl-vc-part:hover { background: #1F2535; }
.bcl-vc-part.on { background: #1F2535; box-shadow: inset 3px 0 0 #F5CC3B; }
.bcl-vc-n { flex: none; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: #1F2535; color: #8A91A3; font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.bcl-vc-part.on .bcl-vc-n { background: #F5CC3B; color: #11141B; }
.bcl-vc-t { flex: 1; min-width: 0; }
.bcl-vc-t b { display: block; font-size: 14px; line-height: 1.35; font-weight: 600; color: #F2F3F7; }
.bcl-vc-t small { display: block; margin-top: 2px; font-size: 12px; line-height: 1.4; color: #737B8F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bcl-vc-part em { flex: none; font-style: normal; font-size: 12px; color: #737B8F; padding-top: 2px; }
.bcl-vc-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.bcl-vc-foot p { display: flex; gap: 8px; margin: 0; flex: 1 1 380px; font-size: 14px; line-height: 1.55; color: #A3AABA; }
.bcl-vc-foot p .bcl-ic { color: #F5CC3B; margin-top: 2px; }
.bcl-vc-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.bcl-levels-h { display: flex; align-items: center; gap: 10px; }
.inside-article h2.bcl-levels-h { margin: 0 0 14px; font-size: 23px; font-weight: 700; color: #11141B; scroll-margin-top: 70px; }
.bcl-levels-h .bcl-ic { width: 22px; height: 22px; color: #2767E5; }
.bcl-hero-btns .bcl-btn .bcl-ic { width: 17px; height: 17px; }
/* video inside a lesson */
.bcl-lv-video { margin: 26px 0; padding: 16px 18px 14px; border-radius: 16px; background: #F5F7FB; border: 1px solid #E6E9F0; }
.bcl-lv-video .bcl-box-h .bcl-ic { color: #F03D3D; }
.bcl-lv-video .bcsb-yt { margin: 6px 0 0; }
.bcl-lv-video-cap { margin: 10px 0 0; font-size: 14px; line-height: 1.5; color: #3A4152; }
.bcl-lv-video-more { margin: 8px 0 0; padding-left: 20px; font-size: 14px; }
.bcl-lv-video-more li { margin: 3px 0; } .bcl-lv-video-more em { font-style: normal; color: #8A91A3; font-size: 12.5px; }
.inside-article .bcl-lv-video-more a { color: #2767E5; }
.inside-article .bcl-lv-video-all { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 14px; font-weight: 600; color: #2767E5; text-decoration: none; }
.bcl-lv-video-all .bcl-ic { width: 16px; height: 16px; }
@media (max-width: 900px) { .bcl-vc-grid { grid-template-columns: minmax(0, 1fr); } .bcl-vc-side { min-height: 0; } .bcl-vc-list { position: static; max-height: 330px; } }
@media (max-width: 768px) { .bcl-vc { padding: 16px; margin-left: -4px; margin-right: -4px; border-radius: 16px; } .inside-article .bcl-vc h2 { font-size: 21px; } .bcl-vc-foot { flex-direction: column; align-items: stretch; } .bcl-vc-foot p { flex: none; } }