/* One low, full-width engineering ribbon bridges the introduction's narrative.
 * Native annotations share the trace; no cards or tall frame are introduced. */
.cbn-context{display:flex;flex-direction:column;align-self:start;min-width:0;margin:0;color:#285466;box-sizing:border-box}
.cbn-context-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cbn-context-caption{display:flex;align-items:center;gap:18px;min-width:0;color:#245366;font:600 var(--type-secondary-size)/1.6 var(--font-body)}
.cbn-context-caption>span:first-child{min-width:0;overflow-wrap:anywhere}
.cbn-context-caption-rule{height:1px;flex:1;min-width:18px;background:linear-gradient(90deg,#7ab6bc,transparent)}
.cbn-context-stage{min-width:0;margin-block:10px 0;padding:8px 0 0;background:linear-gradient(90deg,transparent,#eff8f8 12%,#edf7f8 84%,transparent)}
.cbn-context-art{display:block;width:100%;height:auto;overflow:visible}
.cbn-context-art-compact{display:none}
.cbn-context-legend{display:flex;justify-content:space-between;align-items:baseline;gap:16px 30px;list-style:none;margin:0;padding:8px 0 0}
.cbn-context-legend>li{min-width:0;margin:0;padding:0}
.cbn-context-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px;min-width:0;font:400 var(--type-secondary-size)/1.6 var(--font-body)}
.cbn-context-label strong{color:#123f54;font:600 var(--type-secondary-size)/1.6 var(--font-body);overflow-wrap:anywhere}
.cbn-context-label>span{color:#416c7b;overflow-wrap:anywhere}
.cbn-context-flow{stroke-dasharray:9 91;stroke-dashoffset:12;opacity:0;animation:cbn-context-trace 9s linear infinite;animation-play-state:paused}
.cbn-context-emphasis{animation:cbn-context-record 9s ease-in-out infinite;animation-play-state:paused}
.cbn-context-emphasis-evidence{animation-delay:-6s}.cbn-context-emphasis-variants{animation-delay:-3s}
.cbn-context.ip-animation-active :is(.cbn-context-flow,.cbn-context-emphasis){animation-play-state:running}
@keyframes cbn-context-trace{0%{stroke-dashoffset:12;opacity:0}6%,80%{opacity:.9}94%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes cbn-context-record{0%,7%,30%,100%{stroke-opacity:.75}14%,23%{stroke-opacity:1;stroke:#087e8b}}
@media(max-width:850px){.cbn-context-label{flex-direction:column;gap:3px}.cbn-context-legend{gap:16px}}
@media(max-width:560px){.cbn-context-stage{padding:4px 0 0}.cbn-context-art-wide{display:none}.cbn-context-art-compact{display:block}.cbn-context-legend{flex-direction:column;align-items:stretch;gap:10px;padding-top:10px}.cbn-context-legend>li{border-bottom:1px solid #c9dfe3;padding-bottom:10px}.cbn-context-legend>li:last-child{border-bottom:0;padding-bottom:0}.cbn-context-label{flex-direction:row;justify-content:space-between;gap:3px 14px}}
@media(prefers-reduced-motion:reduce){.cbn-context :is(.cbn-context-flow,.cbn-context-emphasis){animation:none}.cbn-context-flow{opacity:0}}