.qb-article-v2{--ink: #111827;--muted: #4b5563;--line: #e5e7eb;--accent: #4f46e5;--accent-d: #4338ca;--bg: #fff;--soft: #f7f7f9;--good: #059669;font:17px/1.7 -apple-system,Segoe UI,Inter,sans-serif;color:var(--ink);background:var(--bg)}.qb-article-v2 *{box-sizing:border-box}.qb-article-v2 a{color:var(--accent)}.qb-article-v2 :focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){.qb-article-v2 *{transition:none!important;animation:none!important}}.qb-article-v2 .stickycta{position:sticky;top:56px;z-index:40;display:flex;justify-content:flex-end;align-items:center;min-height:0;padding:0 20px;pointer-events:none}.qb-article-v2 .stickycta .btn{opacity:0;pointer-events:none;transform:translateY(-4px);transition:.25s;box-shadow:0 4px 16px #0000001f}.qb-article-v2 .stickycta.engaged .btn{opacity:1;pointer-events:auto;transform:none}.qb-article-v2 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--accent);color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;text-decoration:none;border:0;cursor:pointer}.qb-article-v2 .btn:hover{background:var(--accent-d)}.qb-article-v2 .textlink{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;min-height:44px}.qb-article-v2 .wrap{max-width:1080px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px}.qb-article-v2 .hero{grid-column:1 / -1;padding:40px 0 4px}.qb-article-v2 .crumb{font-size:13px;color:var(--muted)}.qb-article-v2 h1{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:10px 0 14px}.qb-article-v2 .answer{font-size:19px;color:#374151;max-width:760px}.qb-article-v2 .cover{display:block;width:100%;max-width:760px;height:auto;border-radius:12px;border:1px solid var(--line);margin:18px 0 4px}.qb-article-v2 .meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--muted);margin:16px 0}.qb-article-v2 .avatar{width:36px;height:36px;border-radius:50%;background:var(--soft);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent)}.qb-article-v2 .hero-cta{display:flex;gap:16px;align-items:center;margin:10px 0 22px;flex-wrap:wrap}.qb-article-v2 .frame{display:flex;gap:0;align-items:stretch;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:760px;margin-bottom:10px}.qb-article-v2 .frame>div{padding:14px 18px;flex:1;font-size:14px}.qb-article-v2 .frame .in{background:var(--soft);font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#374151;border-right:1px solid var(--line)}.qb-article-v2 .frame .out b{color:var(--good)}.qb-article-v2 main{min-width:0;padding-bottom:60px}.qb-article-v2 aside{position:sticky;top:80px;align-self:start;font-size:14px;padding-top:24px}.qb-article-v2 .toc{border:1px solid var(--line);border-radius:10px;padding:14px}.qb-article-v2 .toc b{display:block;margin-bottom:8px}.qb-article-v2 .toc a{display:block;color:var(--muted);text-decoration:none;padding:6px 0}.qb-article-v2 .toc a:hover{color:var(--accent)}.qb-article-v2 .railcta{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--soft);font-size:13px}.qb-article-v2 h2{font-size:26px;margin:44px 0 12px;scroll-margin-top:84px}.qb-article-v2 p{margin:12px 0}.qb-article-v2 .prompt{border:1px solid var(--line);border-radius:10px;margin:16px 0;overflow:hidden}.qb-article-v2 .prompt header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 14px;background:var(--soft);font-size:14px;font-weight:600}.qb-article-v2 .prompt pre{padding:14px;margin:0;overflow:auto;font:13.5px/1.55 ui-monospace,Menlo,monospace;white-space:pre-wrap}.qb-article-v2 .copy{font-size:13px;min-height:44px;min-width:72px;padding:8px 14px;border-radius:6px;border:1px solid var(--line);background:#fff;cursor:pointer}.qb-article-v2 .copy:hover{border-color:var(--accent);color:var(--accent)}.qb-article-v2 .bridge{border-left:4px solid var(--accent);background:var(--soft);border-radius:0 10px 10px 0;padding:18px 20px;margin:30px 0}.qb-article-v2 .bridge b{display:block;margin-bottom:6px}.qb-article-v2 .endcta{text-align:center;border:1px solid var(--line);border-radius:14px;padding:36px 24px;margin:48px 0;background:var(--soft)}.qb-article-v2 details{border:1px solid var(--line);border-radius:10px;padding:4px 16px;margin:10px 0}.qb-article-v2 summary{font-weight:600;cursor:pointer;padding:12px 0;min-height:44px;display:flex;align-items:center}.qb-article-v2 .mtoc,.qb-article-v2 .bottombar{display:none}@media (max-width: 900px){.qb-article-v2 .wrap{grid-template-columns:1fr}.qb-article-v2 aside{display:none}.qb-article-v2 .mtoc{display:block;border:1px solid var(--line);border-radius:10px;margin:4px 0 8px;padding:4px 14px;font-size:14px}.qb-article-v2 .mtoc summary{font-weight:600;min-height:44px;display:flex;align-items:center;cursor:pointer}.qb-article-v2 .mtoc a{display:block;padding:10px 0;color:var(--muted);text-decoration:none;border-top:1px solid var(--line)}.qb-article-v2 .frame{flex-direction:column}.qb-article-v2 .frame .in{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width: 700px){.qb-article-v2{padding-bottom:76px}.qb-article-v2 .stickycta{display:none}.qb-article-v2 .hero{padding-top:24px}.qb-article-v2 .hero-cta{flex-direction:column;align-items:stretch}.qb-article-v2 .hero-cta .btn{width:100%;text-align:center}.qb-article-v2 .hero-cta .textlink{text-align:center}.qb-article-v2 .prompt header{flex-wrap:wrap}.qb-article-v2 .prompt pre{font-size:13px}.qb-article-v2 .bridge{padding:16px;border-radius:0 8px 8px 0}.qb-article-v2 .bridge .btn{width:100%}.qb-article-v2 .endcta{padding:28px 16px}.qb-article-v2 .bottombar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid var(--line);box-shadow:0 -4px 16px #0000000f;transform:translateY(110%);transition:.25s}.qb-article-v2 .bottombar.on{transform:none}.qb-article-v2 .bottombar span{font-size:12.5px;color:var(--muted);line-height:1.35}.qb-article-v2 .bottombar .btn{flex-shrink:0;padding:10px 16px;font-size:14px}}
