/* BitBuy, SEO волна 3 (19.10.2026): H1 направления, «Как это работает», «Ещё направления», «Популярные обмены».
   В тон сайту: тёмно-синие панели, голубой акцент, IBM Plex Sans + моноширинные метки JetBrains Mono. Только классы bbs3-*. */
.bbs3-head,.bbs3{box-sizing:border-box;width:100%;max-width:1280px;margin-left:auto;margin-right:auto;font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif}
.bbs3-off,html.tgapp .bbs3-head,html.tgapp .bbs3{display:none!important}
.bbs3-head{padding:10px 0 2px}
.bbs3-h1{margin:0;color:#eaf2fb;font-weight:700;font-size:26px;line-height:1.25}
.bbs3{padding:8px 0 44px;color:#9fb8d2}
.bbs3 *{box-sizing:border-box}
.bbs3-pair{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
.bbs3-pair>.bbs3-more:only-child{grid-column:1/-1}
.bbs3-panel{position:relative;background:linear-gradient(180deg,rgba(14,40,68,.6),rgba(6,21,42,.55));border:1px solid rgba(64,190,255,.16);border-radius:4px;padding:24px 26px}
.bbs3-panel::before,.bbs3-panel::after{content:"";position:absolute;width:10px;height:10px;border-color:rgba(64,190,255,.45);border-style:solid;pointer-events:none}
.bbs3-panel::before{left:-1px;top:-1px;border-width:1px 0 0 1px}
.bbs3-panel::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.bbs3-kicker{display:inline-flex;align-items:center;gap:8px;color:#8fb3d6;font:500 11px/1 "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}
.bbs3-kicker i{width:7px;height:7px;background:#38b6ff;display:inline-block}
.bbs3-title{margin:10px 0 14px;color:#eaf2fb;font-size:20px;line-height:1.3;font-weight:700}
.bbs3-big{font-size:32px;line-height:1.2;margin:10px 0 20px}
.bbs3-sub{padding:0;margin:18px 0 10px;color:#8fb3d6;font:500 11px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}
.bbs3-home .bbs3-sub{margin-top:0}
.bbs3 p{margin:0 0 12px;font-size:15px;line-height:1.65}
.bbs3-lead{color:#c9d9ea}
.bbs3-steps{list-style:none;counter-reset:s;margin:0 0 14px;padding:0}
.bbs3-steps li{counter-increment:s;position:relative;padding:10px 0 10px 44px;border-top:1px solid rgba(64,190,255,.1);font-size:15px;line-height:1.55}
.bbs3-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:10px;min-width:30px;padding:3px 0;text-align:center;color:#38b6ff;background:rgba(56,182,255,.1);border:1px solid rgba(56,182,255,.3);font:700 11px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace}
.bbs3-q{border-top:1px solid rgba(64,190,255,.1)}
.bbs3-q:last-child{border-bottom:1px solid rgba(64,190,255,.1)}
.bbs3-q summary{cursor:pointer;list-style:none;position:relative;padding:12px 30px 12px 0;color:#eaf2fb;font-size:15px;font-weight:500;line-height:1.45}
.bbs3-q summary::-webkit-details-marker{display:none}
.bbs3-q summary::after{content:"+";position:absolute;right:4px;top:10px;color:#38b6ff;font:500 18px/1 "JetBrains Mono",ui-monospace,Menlo,monospace}
.bbs3-q[open] summary::after{content:"−"}
.bbs3-q p{margin:0 0 14px}
.bbs3-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bbs3-chips a{display:inline-block;padding:7px 11px;border:1px solid rgba(64,190,255,.18);border-radius:2px;background:rgba(3,9,17,.35);color:#dbe8f5;font-size:13px;line-height:1.3;text-decoration:none;transition:border-color .2s ease,color .2s ease}
.bbs3-chips a:hover,.bbs3-chips a:focus-visible{border-color:rgba(56,182,255,.65);color:#fff}
.bbs3-all{display:inline-block;margin-top:16px;color:#38b6ff;font:500 12px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.bbs3-all:hover{color:#8fd6ff}
.bbs3-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}
@media (max-width:1320px){.bbs3-head,.bbs3{padding-left:16px;padding-right:16px}}
@media (max-width:900px){.bbs3-pair,.bbs3-grid{grid-template-columns:minmax(0,1fr)}.bbs3-big{font-size:24px}}
@media (max-width:640px){.bbs3-h1{font-size:20px}.bbs3-panel{padding:20px 16px}.bbs3-title{font-size:18px}.bbs3 p,.bbs3-steps li,.bbs3-q summary{font-size:14px}}
@media (prefers-reduced-motion:reduce){.bbs3 *{transition:none!important}}