/* Scoped clinical figures. Colors inherit the shared pocket-guide palette. */
#teb .teb-clinical-image{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;margin:10px 0}
#teb .teb-clinical-image img{display:block;width:100%;height:auto}
#teb .teb-clinical-image figcaption{font-size:9pt;line-height:1.3}
#teb .teb-sequence{margin:10px 0;padding:10px;border:1px solid var(--rule);background:var(--paper-warm)}
#teb .teb-sequence>figcaption{margin-bottom:5px}
#teb .teb-checks{list-style:none;margin:0;padding:0}
#teb .teb-checks li{display:flex;align-items:flex-start;gap:10px;padding:4px 6px;margin:0;border-left:3px solid transparent}
#teb .teb-checks svg{flex:0 0 32px;width:32px;height:42px;overflow:visible}
#teb .teb-checks circle{fill:var(--paper);stroke:var(--ink-3);stroke-width:2}
#teb .teb-checks text{fill:var(--ink);font-family:Arial,sans-serif;font-size:18px;font-weight:700}
#teb .teb-step-arrow{fill:none;stroke:var(--ink-3);stroke-width:2}
#teb .teb-checks li[data-active="true"]{border-left-color:var(--guide-red);background:var(--tint)}
#teb .teb-checks li[data-active="true"] circle{fill:var(--guide-red);stroke:var(--guide-red)}
#teb .teb-checks li[data-active="true"] text{fill:var(--paper)}
#teb .teb-sequence[data-playing="true"] li[data-active="true"] .teb-step-arrow{stroke:var(--guide-red);stroke-dasharray:4 3;animation:teb-check-flow 1s linear infinite}
#teb .teb-sequence-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0}
#teb .teb-sequence-controls[hidden]{display:none}
#teb .teb-sequence-controls button{font:inherit;min-height:36px;padding:5px 12px;border:1px solid var(--ink-3);border-radius:3px;background:var(--paper);color:var(--ink);cursor:pointer}
#teb .teb-sequence-controls button:focus-visible{outline:3px solid var(--guide-red);outline-offset:3px}
#teb .teb-sequence-controls span{font-size:9pt;color:var(--ink-3)}
#teb .teb-sequence>.teb-small{margin:5px 0 0}
@keyframes teb-check-flow{to{stroke-dashoffset:-14}}
@media screen and (max-width:700px){#teb .teb-clinical-image{grid-template-columns:1fr}#teb .teb-clinical-image img{max-width:520px;margin:auto}#teb .teb-clinical-image figcaption{font-size:14px}#teb .teb-checks li{padding:8px 2px}#teb .teb-sequence-controls button{min-height:44px}}
@media(prefers-reduced-motion:reduce){#teb .teb-step-arrow{animation:none!important}}
@media print{#teb .teb-sequence-controls{display:none!important}#teb .teb-checks li[data-active]{border-left-color:transparent;background:transparent}#teb .teb-checks li circle{fill:var(--paper)!important;stroke:var(--ink-3)!important}#teb .teb-checks li text{fill:var(--ink)!important}#teb .teb-step-arrow{animation:none!important;stroke-dasharray:none!important;stroke:var(--ink-3)!important}#teb .teb-clinical-image{grid-template-columns:180px 1fr}#teb .teb-sequence{break-inside:avoid}}