/* ROI3 Step 4 v22: AI capacity canvas. Every selector scoped to #bottleneck; new names bt22-. */
#bottleneck .bt22-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#bottleneck .bt22-fig{margin:20px auto 0;max-width:1240px}
#bottleneck:not(.bt22-on) .bt22-ctl{display:none}
#bottleneck .bt22-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px}
#bottleneck .bt22-ctl-h{font-weight:700;color:#1d2b45;font-size:.95rem}
#bottleneck .bt22-phs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
#bottleneck .bt22-ph,#bottleneck .bt22-next{min-height:44px;font:inherit;font-size:.9rem;border-radius:999px;padding:7px 14px;cursor:pointer;border:1px solid #c9bfa9;background:#fffaf0;color:#1d2b45}
#bottleneck .bt22-ph b{display:inline-block;min-width:1.2em;color:#1f8a86}
#bottleneck .bt22-ph[aria-pressed="true"]{background:#1d2b45;color:#fff;border-color:#1d2b45}
#bottleneck .bt22-ph[aria-pressed="true"] b{color:#8fe0d8}
#bottleneck .bt22-next{margin-left:auto;background:#1f8a86;border-color:#1f8a86;color:#fff;font-weight:700}
#bottleneck .bt22-ph:focus-visible,#bottleneck .bt22-next:focus-visible{outline:3px solid #d9902f;outline-offset:2px}
#bottleneck .bt22-canvas{background:#f6f0e4;border-radius:18px;padding:18px 18px 12px;position:relative}
#bottleneck .bt22-line{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:0;padding:0}
#bottleneck .bt22-dp{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;border-radius:14px;padding:8px 6px;transition:background .3s}
#bottleneck .bt22-hd{margin:0 0 2px;font-size:1.05rem;color:#1d2b45}
#bottleneck .bt22-art{width:100%;max-width:200px;aspect-ratio:1/1;background-image:url("/art/ai-capacity-scenes-v22.png");background-repeat:no-repeat;background-size:300% 200%;clip-path:inset(0 4% 0 0)}
#bottleneck .bt22-a-person{background-position:0 0}
#bottleneck .bt22-a-leader{background-position:50% 0}
#bottleneck .bt22-a-sales{background-position:100% 0}
#bottleneck .bt22-a-ops{background-position:0 100%}
#bottleneck .bt22-a-bill{background-position:50% 100%}
#bottleneck .bt22-a-mkt{background-position:100% 100%}
#bottleneck .bt22-fig[data-bt22-state="1"] .bt22-line .bt22-a-sales{background-position:0 0}
#bottleneck .bt22-fig[data-bt22-state="2"] .bt22-line .bt22-a-sales{background-position:50% 0}
#bottleneck .bt22-ai{margin:4px 0 6px;font-size:.78rem;line-height:1.25;font-weight:700;color:#6b6252;min-height:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
#bottleneck .bt22-dp:not([data-bt22-lv="prior"]) .bt22-ai{color:#fff;background:#1f8a86;border-radius:999px;padding:4px 10px}
#bottleneck .bt22-band{position:relative;display:flex;width:100%;max-width:220px;height:14px;border-radius:7px;background:#e4dccb}
#bottleneck .bt22-b0{width:45%;background:#1d2b45;border-radius:7px 0 0 7px}
#bottleneck .bt22-b1{width:0;background:#1f8a86;border-radius:0 7px 7px 0;transition:width .4s ease}
#bottleneck [data-bt22-lv="person"] .bt22-b1{width:12%}
#bottleneck [data-bt22-lv="leader"] .bt22-b1{width:28%}
#bottleneck [data-bt22-lv="on"] .bt22-b1,#bottleneck [data-bt22-lv="fit"] .bt22-b1{width:50%}
#bottleneck .bt22-q{position:absolute;right:0;top:19px;display:none;gap:3px}
#bottleneck .bt22-q i{width:8px;height:10px;border-radius:3px;background:#d9902f}
#bottleneck [data-bt22-q="y"] .bt22-q{display:flex}
#bottleneck [data-bt22-q="y"]{background:#fbe6c6}
#bottleneck [data-bt22-q="y"] .bt22-st{color:#8a4b00}
#bottleneck .bt22-st{margin:22px 0 2px;font-weight:700;font-size:.92rem;color:#1d2b45;min-height:2.5em}
#bottleneck .bt22-out{margin:0 0 6px;font-size:.8rem;color:#6b6252}
#bottleneck .bt22-op{font-size:.85rem}
#bottleneck .bt22-key{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:12px 0 0;font-size:.78rem;color:#6b6252}
#bottleneck .bt22-key span::before{content:"";display:inline-block;width:14px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
#bottleneck .bt22-k0::before{background:#1d2b45}
#bottleneck .bt22-k1::before{background:#1f8a86}
#bottleneck .bt22-kq::before{background:#d9902f}
#bottleneck .bt22-ret{display:none;margin:10px 0 0;text-align:center;font-weight:700;color:#1f8a86}
#bottleneck .bt22-fig[data-bt22-state="6"] .bt22-ret{display:block}
#bottleneck:not(.bt22-on) .bt22-ret{display:block}
#bottleneck .bt22-fig[data-bt22-state="6"] [data-bt22-dept="marketing"]{background:#dff1ee}
#bottleneck .bt22-notes{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
#bottleneck .bt22-note{background:#fff;border:1px solid #e4dccb;border-left:5px solid #1f8a86;border-radius:12px;padding:12px 16px}
#bottleneck .bt22-note h3{margin:0 0 8px;font-size:1rem;color:#1d2b45}
#bottleneck .bt22-n{display:inline-grid;place-items:center;width:1.6em;height:1.6em;margin-right:8px;border-radius:50%;background:#1d2b45;color:#fff;font-size:.8rem}
#bottleneck .bt22-note dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 18px;margin:0}
#bottleneck .bt22-note dt{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#1f8a86}
#bottleneck .bt22-note div:last-child dt{color:#b06a12}
#bottleneck .bt22-note dd{margin:2px 0 0;font-size:.92rem}
#bottleneck .bt22-if{margin:8px 0 0;font-size:.82rem;color:#6b6252}
#bottleneck .bt22-cap{margin-top:10px;font-size:.8rem;color:#6b6252}
#bottleneck .bt22-reach{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#bottleneck .bt22-reach li{text-align:center}
#bottleneck .bt22-reach h4{margin:6px 0 4px}
#bottleneck .bt22-reach p{font-size:.9rem;margin:0}
#bottleneck .bt22-rart{width:100%;max-width:200px;margin:0 auto;aspect-ratio:1/1;background-image:url("/art/ai-capacity-scenes-v22.png");background-repeat:no-repeat;background-size:300% 200%;clip-path:inset(0 4% 0 0)}
#bottleneck .bt22-rv{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center}
#bottleneck .bt22-cmp{margin:0;display:grid;gap:10px}
#bottleneck .bt22-cmp div{background:#f6f0e4;border-radius:10px;padding:8px 12px}
#bottleneck .bt22-cmp dt{font-weight:700;color:#1d2b45}
#bottleneck .bt22-cmp dd{margin:2px 0 0;font-size:.92rem}
@media (max-width:760px){
#bottleneck .bt22-line{grid-template-columns:1fr 1fr;gap:12px}
#bottleneck .bt22-art{max-width:160px}
#bottleneck .bt22-note dl{grid-template-columns:1fr}
#bottleneck .bt22-next{margin-left:0}
#bottleneck .bt22-reach{grid-template-columns:1fr}
#bottleneck .bt22-rv{grid-template-columns:1fr}
#bottleneck .bt22-rv .bt22-rart{max-width:180px}
#bottleneck .bt22-q i{width:7px}
}
@media (prefers-reduced-motion:reduce){#bottleneck .bt22-b1,#bottleneck .bt22-dp{transition:none}}
@media print{#bottleneck .bt22-ctl{display:none}#bottleneck .bt22-note[hidden]{display:block}#bottleneck .bt22-ret{display:block}}

/* Native render adjustment: keep held work within each card and preserve aligned capacity comparisons. */
#bottleneck{padding-top:32px;padding-bottom:36px}
#bottleneck .bt22-op{min-height:44px}