/* Bot Burn Tracker help page. State colors match the app; brand cyan is never a state. */
.bbt-page { --bbt-spend:#34d399; --bbt-coast:#38bdf8; --bbt-hold:#f5a524; --bbt-stop:#f87171; --bbt-unknown:#8b9bb0; }
.bbt-hero { display:grid; grid-template-columns:auto 1fr; gap:22px; align-items:center; }
.bbt-hero img { width:96px; height:96px; border-radius:22px; box-shadow:var(--glow-cyan); }
.bbt-stack { display:flex; flex-direction:column; gap:14px; margin-top:14px; }
.bbt-wide { grid-column:1 / -1; }
.bbt-editions { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.bbt-edition { border:1px solid rgba(255,255,255,0.12); border-radius:14px; padding:16px 18px; background:rgba(255,255,255,0.02); display:flex; flex-direction:column; gap:8px; }
.bbt-edition.full { border-color:rgba(245,197,66,0.5); background:rgba(245,197,66,0.06); }
.bbt-edition h3 { font-size:16px; font-weight:800; display:flex; justify-content:space-between; gap:10px; align-items:baseline; }
.bbt-edition .price { font-size:15px; color:var(--gold); white-space:nowrap; }
.bbt-edition.lite .price { color:var(--cyan); }
.bbt-edition ul { margin:0; padding-left:18px; color:var(--muted); font-size:14.5px; line-height:1.45; }
.bbt-edition .note { font-size:13.5px; color:var(--muted); }
.bbt-steps { margin:0; padding-left:20px; color:var(--white); font-size:15px; line-height:1.45; display:flex; flex-direction:column; gap:6px; }
.bbt-steps code, .bbt-faq code { font-size:13.5px; }
.bbt-os { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.bbt-os h3 { font-size:15px; font-weight:800; color:var(--white); margin-bottom:8px; }
.bbt-states { list-style:none; margin:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:12px; }
.bbt-state { border:1px solid rgba(255,255,255,0.10); border-top:3px solid var(--c); border-radius:12px; padding:14px; background:rgba(255,255,255,0.02); display:flex; flex-direction:column; gap:6px; }
.bbt-state img { width:48px; height:48px; }
.bbt-state .name { font-weight:800; letter-spacing:0.08em; font-size:13px; color:var(--c); }
.bbt-state .head { font-weight:700; color:var(--white); font-size:15px; }
.bbt-state p { color:var(--muted); font-size:14px; line-height:1.4; margin:0; }
.bbt-state.spend { --c:var(--bbt-spend); } .bbt-state.coast { --c:var(--bbt-coast); }
.bbt-state.hold { --c:var(--bbt-hold); } .bbt-state.stop { --c:var(--bbt-stop); } .bbt-state.unknown { --c:var(--bbt-unknown); }
.bbt-faq { display:flex; flex-direction:column; gap:12px; margin:0; }
.bbt-faq dt { font-weight:700; color:var(--white); font-size:15px; }
.bbt-faq dd { margin:2px 0 0; color:var(--muted); font-size:14.5px; line-height:1.45; }
@media (max-width:900px) { .bbt-editions, .bbt-os { grid-template-columns:1fr; } .bbt-hero { grid-template-columns:1fr; } }
.bbt-page .hp-body { max-width:72ch; }
.bbt-soon { cursor:default; opacity:0.6; box-shadow:none; }
.bbt-ask { padding:16px 20px; margin-top:14px; display:flex; flex-direction:column; gap:10px; max-width:640px; }
.bbt-ask[hidden] { display:none; }
.bbt-ask .cta { margin-top:0; }
.bbt-hero > div { min-width:0; }
#bbt-windows-sha { overflow-wrap:anywhere; }
#whats-new h3 { font-size:16px; font-weight:800; color:var(--gold); margin-top:6px; }

.bbt-shot{margin:10px 0 14px}.bbt-shot img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #1e293b}.bbt-shot figcaption{font-size:13px;opacity:.8;margin-top:6px}