.prog-scope .cb{border:1px solid #1e293b;border-radius:10px;overflow:visible}.prog-scope .cb-head{background:#1e293b;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:9px 16px;display:flex}.prog-scope .cb-lang{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-family:Fira Code,monospace;font-size:12px;font-weight:700}.prog-scope .cb-copy{color:#64748b;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:600}.prog-scope .cb-copy:hover{color:#e2e8f0;background:#334155}.prog-scope .cb-body{-webkit-overflow-scrolling:touch;background:#0f172a;border-radius:0 0 10px 10px;padding:18px 20px;overflow-x:auto}.prog-scope .cb-body pre{color:#e2e8f0;white-space:pre;min-width:max-content;margin:0;font-family:Fira Code,monospace;font-size:13.5px;line-height:1.7}.prog-scope .pp{color:#c4b5fd}.prog-scope .cmt{color:#64748b;font-style:italic}.prog-scope .str{color:#fcd34d}.prog-scope .kw{color:#93c5fd}.prog-scope .dt{color:#67e8f9}.prog-scope .fn{color:#86efac}.prog-scope .num{color:#fb923c}.prog-scope .tok-kw{color:#93c5fd}.prog-scope .tok-str{color:#fcd34d}.prog-scope .tok-cmt{color:#64748b;font-style:italic}.prog-scope .tok-num{color:#fb923c}.prog-scope .tok-bi{color:#67e8f9}.prog-scope .tok-ann,.prog-scope .tok-deco{color:#c4b5fd}.prog-scope .tok-self{color:#f9a8d4}.prog-scope .explain-tab h3{color:#1b3a5c;margin:18px 0 8px;font-size:15px;font-weight:800}.prog-scope .explain-tab h3:first-child{margin-top:0}.prog-scope .explain-tab p{color:#334155;font-size:14px;line-height:1.75}.prog-scope .explain-tab .output-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;padding:12px 16px}.prog-scope .explain-tab .output-box pre{color:#0f172a;white-space:pre-wrap;word-break:break-word;font-family:Fira Code,monospace;font-size:13px;line-height:1.6}@media (max-width:640px){.prog-scope .cb-body{padding:14px 16px;overflow-x:auto}.prog-scope .cb-body pre{font-size:12px}}