.bc-narrative-wrap{min-width:0;width:100%}.bc-narrative-controls{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}.bc-narrative-controls button{min-height:44px;padding:10px 14px;border:1px solid currentColor;border-radius:3px;background:transparent;color:inherit;font-size:12px;font-weight:700;line-height:1.4}.bc-narrative-controls button:disabled{opacity:.45}.bc-narrative-controls button:not(:disabled):hover{background:#b6cbdc22}.family-about .about-hero .bc-narrative-wrap:has(>.about-visual){grid-column:1/-1;max-width:1100px;margin:0 auto}.family-about .about-hero .bc-narrative-controls{margin-top:0}.family-security .benefit-card>.bc-narrative-wrap{grid-row:3}.family-security .bc-security-approval .bc-narrative-controls,.family-full-reserve .ownership-panel .bc-narrative-controls,.family-about .about-built .bc-narrative-controls{color:var(--ivory)}
@media(prefers-reduced-motion:reduce){.bc-narrative-controls{display:none!important}.bc-narrative-wrap *{animation:none!important;transition:none!important}.bc-narrative-wrap .connection-progress,.bc-narrative-wrap .architecture-signal,.bc-narrative-wrap .control-signal{stroke-dashoffset:0!important;stroke-dasharray:none!important}}

/* Hero text inherits white from source templates; controls need their own surface colour. */
.bc-site .bc-solution-instrument .bc-narrative-controls{color:var(--ink)}
.bc-site .bc-narrative-controls button:not(:disabled){cursor:pointer}
.bc-site .bc-narrative-controls button:disabled{opacity:.65}