/* Five separate visual narratives. Only the visible panel animates. */
.workflow-examples{--wf-cycle:16s;--wf-text:#eee8fb;--wf-muted:#a79bbd;--wf-border:#cfb4ff26;color:var(--wf-text);isolation:isolate}
.workflow-examples .system-top{padding:24px 24px 18px}
.workflow-examples .system-top .small-label{font-size:11px;letter-spacing:1.1px}
.workflow-examples .example-label{font-size:11px;color:#a69ab9}
.workflow-examples .workflow-tabs{margin:0 24px}
.workflow-examples .workflow-tabs button{font-size:13px;min-height:44px}
.workflow-examples .wf-panel[hidden]{display:none!important}
.workflow-examples .wf-panel{margin:0;padding:0;background:none;border:0}
.workflow-examples .wf-demo{padding:27px 24px 17px;min-height:var(--wf-demo-height,0px);position:relative;overflow:hidden;font:12px/1.5 Oxygen,Arial,sans-serif}
.workflow-examples .wf-kicker{display:block;font-size:11px;letter-spacing:1.2px;font-weight:400;color:#b6a3d3}
.workflow-examples .wf-story{padding:20px 24px 23px;border-top:1px solid #cfb4ff17;min-height:var(--wf-story-height,0px)}
.workflow-examples .wf-story h3{font:700 16px/1.4 Oxygen,Arial,sans-serif;letter-spacing:-.2px;margin:0;color:#eee7fc;text-wrap:balance}
.workflow-examples .wf-story p{font-size:14px;line-height:1.75;color:#b2a6c4;margin:10px 0 17px;max-width:none}
.workflow-examples .wf-story a{font-size:11px;color:#d1baff;text-decoration:none;border-bottom:1px solid #ad8cdf50;padding-bottom:4px;display:inline-block;line-height:1.7}
.workflow-examples .wf-story a>span{display:inline-block;margin-left:5px}
.workflow-examples .system-bottom{padding:13px 24px;min-height:48px;font-size:11px}
.workflow-examples .system-bottom>span{font-size:11px;color:#9e92b0}
.workflow-examples .motion-toggle{font-size:11px;color:#bcadd1;min-height:32px;padding:4px 0;background:none}
.wf-call{display:flex;align-items:center;gap:14px;padding:13px 15px;border:1px solid var(--wf-border);border-radius:12px;background:linear-gradient(130deg,#7b4dc522,#ffffff04)}
.wf-call strong{display:block;font-size:13px;font-weight:400;margin-top:4px}
.wf-call-dot{height:7px;width:7px;border-radius:50%;background:#b99cff;box-shadow:0 0 12px #9a6dff;animation:wf-call-status var(--wf-cycle) infinite;flex:none}
.wf-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:28px;margin-left:auto}
.wf-wave i{height:5px;width:2px;border-radius:3px;background:#b799f3;animation:wf-audio .8s ease-in-out infinite alternate}
.wf-wave i:nth-child(3n+1){height:22px;animation-delay:-.2s}.wf-wave i:nth-child(3n+2){height:14px;animation-delay:-.5s}.wf-wave i:nth-child(4n){animation-delay:-.7s}
.wf-conversation{display:grid;gap:9px;margin:16px 0}
.wf-speech{padding:10px 14px;border:1px solid #ffffff12;border-radius:13px 13px 13px 3px;background:#ffffff06;max-width:88%;animation:wf-caller var(--wf-cycle) infinite}
.wf-speech>span{font-size:11px;letter-spacing:.5px;color:#9d91b1}.wf-speech p{margin:4px 0 0;font-size:14px;line-height:1.55;color:#ddd3ef}
.wf-speech-agent{justify-self:end;border-radius:13px 13px 3px 13px;background:#7148f618;border-color:#a38bff27;animation-name:wf-agent}
.wf-handoff{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:relative}
.wf-handoff>div{padding:13px 11px;border:1px solid #cdb4ff2a;border-radius:10px;background:#11101c;animation:wf-record var(--wf-cycle) infinite}
.wf-handoff strong{display:block;font-size:11px;line-height:1.5;margin:6px 0}.wf-handoff>div>span:last-child{font-size:11px;color:#9e91b5}
.wf-handoff .wf-lead-next{background:linear-gradient(150deg,#6a3cb02e,#21162b);animation-name:wf-handoff}
.wf-steps{display:flex;gap:9px;margin-top:18px;font-size:11px;letter-spacing:.5px;color:#b5a6c7}
.wf-steps>span{flex:1;border-top:2px solid #c8acff16;padding-top:6px;animation:wf-stage-one var(--wf-cycle) infinite}
.wf-steps>span:nth-child(2){animation-name:wf-stage-two}.wf-steps>span:nth-child(3){animation-name:wf-stage-three}
.wf-inbox-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.wf-inbox-heading>span:last-child{font-size:11px;color:#897c9f}
.wf-attachments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wf-attachments>div{padding:12px 10px;border:1px solid #dcc7ff22;border-radius:3px 10px 10px 10px;background:linear-gradient(135deg,#d6c3ff0b,#15121e);animation:wf-paper var(--wf-cycle) infinite}
.wf-attachments>div:nth-child(2){animation-delay:.18s}.wf-attachments>div:nth-child(3){animation-delay:.36s}
.wf-attachments span{display:block;font-size:11px;letter-spacing:.8px;color:#b29cce}.wf-attachments strong{display:block;font-size:11px;font-weight:400;margin:8px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-attachments i{display:block;width:82%;height:2px;background:#a293b735;margin-top:6px}.wf-attachments i:last-child{width:53%}
.wf-extract{display:flex;align-items:center;gap:10px;margin:12px 0;color:#a994c4}.wf-extract span{flex:1;height:1px;background:linear-gradient(90deg,#9374c91a,#bb9af37f);animation:wf-extract-line var(--wf-cycle) infinite}.wf-extract span:last-child{transform:scaleX(-1)}.wf-extract b{font-size:11px;letter-spacing:.4px;font-weight:400;white-space:nowrap}
.wf-price-sheet{border:1px solid #a88bdf3b;border-radius:12px;background:#0d0c15;overflow:hidden;box-shadow:0 8px 30px #0003}
.wf-sheet-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #ffffff12;background:#ffffff05}.wf-sheet-heading strong{font-size:11px;font-weight:400}.wf-sheet-heading>span{font-size:11px;color:#9a8baf}
.wf-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto 75px;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #ffffff09;font-size:11px;animation:wf-table-row var(--wf-cycle) infinite}
.wf-price-row:nth-child(3){animation-delay:.3s}.wf-price-row:nth-child(4){animation-delay:.6s}
.wf-price-row>span{display:flex;gap:8px;align-items:center;white-space:nowrap}.wf-price-row b{font-size:11px;font-weight:400;color:#bca3df}.wf-price-row strong{font-size:11px;font-variant-numeric:tabular-nums;font-weight:400;color:#dbceed}.wf-price-row small{font-size:11px;color:#8c7c9f;text-align:right}
.wf-price-best{animation-name:wf-best-price;background:#7148f617}.wf-price-best small{color:#c7adeb}
.wf-sheet-foot{display:flex;justify-content:space-between;gap:5px;padding:10px 12px;font-size:11px;color:#9683b1}.wf-sheet-foot strong{font-weight:400;color:#c2a8e3;animation:wf-ready var(--wf-cycle) infinite}
.wf-search{padding:12px 15px;border:1px solid #c4a9f83b;border-radius:10px;background:#ffffff05}
.wf-search>div{display:flex;gap:5px;align-items:center;margin-top:8px;height:22px}.wf-search strong{font-size:14px;font-weight:400;letter-spacing:.3px;clip-path:inset(0 0 0 0);animation:wf-query var(--wf-cycle) infinite}.wf-caret{height:15px;width:1px;background:#ae88ed;animation:wf-caret .8s steps(2) infinite}
.wf-source-stack{position:relative;margin:21px 6px 0;padding-top:9px}
.wf-source-back{position:absolute;top:0;left:12px;right:12px;height:92%;border:1px solid #9874ca24;border-radius:10px;background:#181221;animation:wf-sources var(--wf-cycle) infinite}.wf-source-back-two{top:5px;left:6px;right:6px}
.wf-source{position:relative;padding:13px 14px;border:1px solid #b094d345;border-radius:10px;background:#191322;animation:wf-sources var(--wf-cycle) infinite}
.wf-source>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#b3a0ce;letter-spacing:.7px}.wf-source small{font-size:11px;letter-spacing:0;color:#8f7ca7}
.wf-source p{margin:10px 0;font-size:12px;line-height:1.7;color:#cbbbde}.wf-source mark{background:#a375dd22;color:#eee0ff;padding:2px 3px;box-decoration-break:clone;animation:wf-match var(--wf-cycle) infinite}
.wf-source-context{font-size:11px;color:#a38bbb}
.wf-evidence-line{height:17px;width:1px;background:#c8a0f326;margin:0 auto;overflow:hidden}.wf-evidence-line i{display:block;height:9px;width:1px;background:#dbbcff;animation:wf-evidence var(--wf-cycle) infinite}
.wf-answer{padding:13px 15px;border:1px solid #9d70cd4a;border-radius:12px;background:linear-gradient(145deg,#7f4caf1a,#17121e);animation:wf-answer var(--wf-cycle) infinite}
.wf-answer p{font-size:11px;line-height:1.8;margin:7px 0 9px;color:#d4c3e8}.wf-citation{color:#e5caff;border-bottom:1px solid #b482e177;white-space:nowrap}.wf-answer>div{display:flex;align-items:center;gap:8px;font-size:11px;color:#a88bbf}.wf-citation-label{padding:3px 5px;border:1px solid #b08adc37;border-radius:4px;font-size:11px;letter-spacing:.3px}
@keyframes wf-audio{from{transform:scaleY(.25);opacity:.5}to{transform:scaleY(1);opacity:1}}
@keyframes wf-call-status{0%,76%,100%{opacity:1}82%,92%{opacity:.25}}
@keyframes wf-caller{0%,3%,100%{opacity:.15;transform:translateY(8px)}12%,88%{opacity:1;transform:translateY(0)}}
@keyframes wf-agent{0%,19%,100%{opacity:.12;transform:translateY(8px)}29%,88%{opacity:1;transform:translateY(0)}}
@keyframes wf-record{0%,39%,100%{opacity:.13;transform:translateY(8px)}49%,89%{opacity:1;transform:translateY(0)}}
@keyframes wf-handoff{0%,59%,100%{opacity:.13;transform:translateX(-9px)}71%,89%{opacity:1;transform:translateX(0)}}
@keyframes wf-stage-one{0%,32%{border-color:#bb97ff;color:#ddcaff}36%,100%{border-color:#c8acff16;color:#b5a6c7}}
@keyframes wf-stage-two{0%,32%,66%,100%{border-color:#c8acff16;color:#b5a6c7}36%,62%{border-color:#bb97ff;color:#ddcaff}}
@keyframes wf-stage-three{0%,66%,100%{border-color:#c8acff16;color:#b5a6c7}70%,94%{border-color:#bb97ff;color:#ddcaff}}
@keyframes wf-paper{0%,100%{opacity:.3;transform:translateY(-7px) rotate(-2deg)}12%,32%{opacity:1;transform:translateY(0) rotate(0)}40%,85%{opacity:.58;transform:translateY(0)}}
@keyframes wf-extract-line{0%,30%,100%{opacity:.15}40%,65%{opacity:1}75%,95%{opacity:.5}}
@keyframes wf-table-row{0%,37%,100%{opacity:.2;transform:translateX(-9px)}49%,94%{opacity:1;transform:translateX(0)}}
@keyframes wf-best-price{0%,37%,100%{opacity:.2;transform:translateX(-9px);background:#7148f600}49%,65%{opacity:1;transform:translateX(0);background:#7148f600}75%,94%{opacity:1;transform:translateX(0);background:#7148f62b}}
@keyframes wf-ready{0%,65%,100%{opacity:.3}75%,94%{opacity:1}}
@keyframes wf-query{0%,100%{clip-path:inset(0 100% 0 0)}23%,92%{clip-path:inset(0 0 0 0)}}
@keyframes wf-caret{50%{opacity:0}}
@keyframes wf-sources{0%,25%,100%{opacity:.12;transform:translateY(8px)}38%,92%{opacity:1;transform:translateY(0)}}
@keyframes wf-match{0%,39%,100%{background:#a375dd05}50%,92%{background:#a375dd40}}
@keyframes wf-evidence{0%,55%{transform:translateY(-12px);opacity:0}65%,75%{transform:translateY(20px);opacity:1}90%,100%{opacity:0}}
@keyframes wf-answer{0%,62%,100%{opacity:.12;transform:translateY(9px)}74%,92%{opacity:1;transform:translateY(0)}}
.motion-paused .workflow-examples *,.workflow-examples.offscreen *{animation-play-state:paused!important}
.workflow-examples :focus-visible{outline:2px solid #c4a9ff;outline-offset:4px}
/* The Garden: availability becomes a reviewed service roster. */
.wf-team-plan{padding:12px 14px;border:1px solid #ab90d738;border-radius:11px;background:#7148f610}
.wf-team-plan>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.wf-team-plan strong{font-size:15px;font-weight:400}.wf-team-plan>div>span{font-size:11px;color:#ab98c4}
.wf-availability{margin-top:14px;border:1px solid #af96cd27;border-radius:10px;overflow:hidden;background:#ffffff03}
.wf-availability-title,.wf-availability-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,42px);gap:5px;align-items:center;padding:8px 12px;font-size:11px}
.wf-availability-title{border-bottom:1px solid #ffffff12;color:#a18bb9;font-size:11px;background:#ffffff03}
.wf-availability-title>span:not(:first-child){text-align:center}
.wf-availability-row>span{display:flex;gap:7px;align-items:center;font-size:11px;min-width:0}
.wf-availability-row b{font-size:11px;font-weight:400;border:1px solid #ffffff18;background:#ffffff06;border-radius:5px;padding:3px;flex:none}
.wf-availability-row i{font-style:normal;text-align:center;font-size:11px;color:#ad9dbd;border-radius:4px}
.wf-availability-row .wf-slot-yes{color:#b9a3d3;background:#bb94ed0a}
.wf-availability-row .wf-slot-match{animation:wf-team-match var(--wf-cycle) infinite}
.wf-team-route{display:flex;align-items:center;gap:9px;margin:10px 0;color:#a896bf;font-size:11px}
.wf-team-route i{flex:1;height:1px;background:linear-gradient(90deg,#8a69b31a,#be9bed8a);animation:wf-team-route var(--wf-cycle) infinite}
.wf-team-route i:last-child{transform:scaleX(-1)}
.wf-roster{border:1px solid #b091d04d;border-radius:11px;background:linear-gradient(130deg,#9470c51c,#15111d);padding:12px 14px;animation:wf-roster var(--wf-cycle) infinite}
.wf-roster>div>strong{display:block;font-size:13px;font-weight:400;margin-top:5px}
.wf-roster-person{display:flex;align-items:center;gap:9px;margin-top:12px}
.wf-roster-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:#a57ae226;border:1px solid #bda0df40;font-size:11px;color:#dbc5f7}
.wf-roster-person>span:nth-child(2){flex:1}.wf-roster-person strong{font-size:11px;font-weight:400;display:block}
.wf-roster-person small{font-size:11px;color:#a48aba;display:block;margin-top:2px}
.wf-roster-state{font-size:11px;color:#ccadf0;animation:wf-team-invite var(--wf-cycle) infinite}
.wf-roster>p{font-size:11px;line-height:1.6;color:#a08ab5;margin:10px 0 0}
@keyframes wf-team-match{0%,27%,100%{background:#bb94ed0a;box-shadow:inset 0 0 0 1px transparent}38%,89%{background:#ad7fea37;box-shadow:inset 0 0 0 1px #c9a1fc80;color:#ead4ff}}
@keyframes wf-team-route{0%,40%,100%{opacity:.18}53%,87%{opacity:1}}
@keyframes wf-roster{0%,45%,100%{opacity:.15;transform:translateY(9px)}59%,91%{opacity:1;transform:translateY(0)}}
@keyframes wf-team-invite{0%,65%,100%{opacity:.2}76%,91%{opacity:1}}
.workflow-examples .workflow-tabs button{position:relative;overflow:hidden}
.workflow-examples[data-tour=auto] .workflow-tabs button[aria-selected=true]::after{content:"";position:absolute;left:5px;right:5px;bottom:0;height:2px;background:#baa0f4;transform-origin:left;animation:wf-tour-progress var(--wf-cycle) linear infinite}
@keyframes wf-tour-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.workflow-examples .wf-controls{display:flex;align-items:center;gap:12px;flex:none}
.workflow-examples [data-workflow-resume]{border:0;background:none;color:#d0b9f2;font-size:11px;min-height:44px;padding:0;white-space:nowrap}
.workflow-examples .motion-toggle{min-height:44px}
.workflow-examples .system-bottom{gap:8px;min-height:70px;padding-block:10px}
.workflow-examples.wf-page-hidden *{animation-play-state:paused!important}
.motion-paused .workflow-examples button::after,.workflow-examples.offscreen button::after,.workflow-examples.wf-page-hidden button::after{animation-play-state:paused!important}

/* Hidden panels are measured synchronously without exposing them to readers. */
.wf-panels{position:relative}
.workflow-examples.wf-sizing .wf-panel[hidden]{display:block!important;visibility:hidden;position:absolute;left:0;top:0;width:100%;pointer-events:none}
.workflow-examples .wf-story h3{font-size:18px}
.workflow-examples .wf-story a{min-height:44px;padding-block:10px;border:0;text-decoration:underline;text-underline-offset:5px}
.workflow-examples .wf-demo{overflow:visible}
.workflow-examples .system-bottom{flex-wrap:wrap}
.workflow-examples .wf-controls{margin-left:auto;flex-wrap:wrap}
.workflow-examples .wf-call strong,.wf-team-plan strong{font-size:15px}
.wf-attachments strong{white-space:normal;overflow-wrap:anywhere}
.wf-price-row{grid-template-columns:minmax(0,1fr) auto 78px}
.wf-handoff>div{min-width:0}
.workflow-examples .wf-kicker{font-size:11px;letter-spacing:.6px}
.wf-source p,.wf-answer p{font-size:13px}
/* Manual selection holds the tab while its scene keeps looping.
   Pause preserves the scene and progress clocks through animation-play-state. */
.workflow-examples .workflow-tabs button{flex:1 1 0;min-width:0;white-space:nowrap}
/* MRI reconstruction: ordinary SVG geometry, with labels outside the scene.
   No preserve-3d layers or overlapping caption fades. The scan moves immediately. */
.workflow-examples .wf-mri .wf-demo{display:flex;flex-direction:column;gap:0}
.mri-heading{padding:12px 14px;border:1px solid var(--wf-border);border-radius:11px;background:#7148f610}
.mri-heading strong{display:block;margin-top:5px;font-size:16px;line-height:1.4;font-weight:400;color:#eee8fb}
.mri-viewport{position:relative;display:flex;flex:1;align-items:center;min-height:270px;margin-top:14px;border:1px solid #b497e62b;border-radius:12px;background:radial-gradient(ellipse at 68% 48%,#7b48b51b,transparent 70%),#0e0c16;isolation:isolate}
.mri-diagram{display:block;width:100%;height:auto;max-height:290px;overflow:visible}
.mri-viewport-labels{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.5;color:#c5b5d8}.mri-viewport-labels>span:last-child{text-align:right}
.mri-floor{fill:none;stroke:#b293d61b;stroke-width:1}
.mri-input{animation:mri-input var(--wf-cycle) ease-in-out infinite;animation-delay:calc(var(--card)*120ms)}
.mri-input rect{fill:#20182e;stroke:#af90d2;stroke-width:1}.mri-input ellipse{fill:#bb9ada12;stroke:#ceb0ec;stroke-width:1.1}.mri-input path{fill:none;stroke:#c9aadfa8;stroke-width:1}.mri-input .mri-input-rule{stroke:#cbb4e466;stroke-width:2}
.mri-route{fill:none;stroke:#bd9ae43b;stroke-width:1}.mri-route-pulse{fill:none;stroke:#d4b7fa;stroke-width:2;stroke-linecap:round;stroke-dasharray:12 88;animation:mri-travel 2.4s linear infinite}
.mri-volume-turn{transform-box:fill-box;transform-origin:center;animation:mri-turn 6s ease-in-out infinite alternate}
.mri-contour{fill:#b899dd08;stroke:#d5b7f0;stroke-width:1.15;stroke-linejoin:round;animation:mri-layer var(--wf-cycle) ease-in-out infinite;animation-delay:calc(var(--layer)*55ms)}
.mri-intermediate{fill:none;stroke:#91dcd1;stroke-dasharray:3 3;animation-name:mri-interpolate}.mri-meridians{fill:none;stroke:#c5a1e447;stroke-width:.8;animation:mri-mesh var(--wf-cycle) ease-in-out infinite}
.mri-scan{animation:mri-scan 3.2s ease-in-out infinite alternate}.mri-scan-fill{fill:url(#mri-scan-light)}.mri-scan-line{fill:none;stroke:#aff4e4;stroke-width:1.6;stroke-linecap:round}
.mri-point{fill:#c3a2ee;animation:mri-point 1.6s ease-in-out infinite alternate}
.mri-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 16px;margin-top:13px;font-size:11px;line-height:1.6;color:#c5b5d8}.mri-legend>span{display:flex;align-items:center;gap:7px}.mri-legend i{width:7px;height:7px;border-radius:50%;background:#d5b7f0;flex:none}.mri-legend>span:last-child i{background:#91dcd1}
.wf-mri .wf-steps{margin-top:18px}
@keyframes mri-input{0%,100%{opacity:1;translate:0 0}20%{opacity:1;translate:0 -5px}42%,65%{opacity:.6;translate:6px 0}85%{opacity:1;translate:0 0}}
@keyframes mri-travel{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes mri-turn{from{transform:rotate(-6deg) skewX(-3deg)}to{transform:rotate(6deg) skewX(3deg)}}
@keyframes mri-layer{0%,100%{opacity:.55;translate:0 5px}23%,92%{opacity:1;translate:0 0}}
@keyframes mri-interpolate{0%,23%,100%{opacity:.12;translate:0 4px}43%,92%{opacity:1;translate:0 0}}
@keyframes mri-mesh{0%,47%,100%{opacity:.25}64%,92%{opacity:1}}
@keyframes mri-scan{from{transform:translateY(-54px)}to{transform:translateY(66px)}}
@keyframes mri-point{from{opacity:.35}to{opacity:1}}
@media(max-width:560px){
 .workflow-examples .system-top{padding:20px 16px 15px;gap:12px;flex-wrap:wrap}
 .workflow-examples .system-top .small-label,.workflow-examples .example-label{font-size:11px}
 .workflow-examples .workflow-tabs{margin-inline:16px;gap:2px}
 .workflow-examples .workflow-tabs button{font-size:12px;padding-inline:1px;min-height:44px}
 .workflow-examples .wf-demo{padding:22px 16px 18px}
 .workflow-examples .wf-story{padding:20px 16px 15px}
 .workflow-examples .wf-story h3{font-size:17px}
 .workflow-examples .wf-story p{font-size:14px}
 .workflow-examples .system-bottom{padding:8px 16px;gap:8px}
 .workflow-examples .system-bottom>span{max-width:none;font-size:11px}
 .wf-call{padding:12px;gap:9px}.wf-wave i:nth-child(n+11){display:none}
 .wf-handoff{gap:8px}.wf-handoff>div{padding:12px 10px}
 .wf-attachments{gap:6px}.wf-attachments>div{padding:10px 7px}
 .wf-price-row{grid-template-columns:minmax(0,1fr) auto 68px;gap:5px;padding:9px 10px}
 .wf-price-row>span{gap:4px;white-space:normal}
 .wf-sheet-foot{flex-wrap:wrap;gap:8px}
 .wf-team-plan>div{align-items:start;flex-wrap:wrap}
 .wf-team-plan{padding:10px 12px}
 .wf-availability-title,.wf-availability-row{grid-template-columns:minmax(0,1fr) repeat(3,32px);gap:3px;padding:9px 8px}
 .wf-availability-row>span{font-size:11px;gap:4px}
 .wf-availability-row b{padding:2px}
 .wf-availability-title,.wf-availability-row{padding-block:7px}
 .wf-roster{padding:10px 12px}.wf-roster-person{margin-top:8px}.wf-roster>p{margin-top:8px;line-height:1.5}
 .wf-roster-person{gap:7px;flex-wrap:wrap}.wf-roster-state{max-width:none}
 .wf-team-route{gap:6px;text-align:center}
 .workflow-examples .wf-controls{gap:12px}
}
@media(max-width:370px){
 .workflow-examples .workflow-tabs{margin-inline:8px}
 .workflow-examples .workflow-tabs button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .workflow-examples *{animation:none!important;transform:none!important;clip-path:none!important;opacity:1!important}
 .workflow-examples .wf-caret,.workflow-examples .motion-toggle,.workflow-examples [data-workflow-resume],.workflow-examples .workflow-tabs button::after{display:none!important}
 .wf-price-best,.wf-slot-match{background:#7148f62b!important}.wf-source mark{background:#a375dd40}
}
/* Static reading mode keeps a legible model, without overlapping captions. */
@media(prefers-reduced-motion:reduce){.mri-scan,.mri-route-pulse{display:none}.workflow-examples .mri-input,.workflow-examples .mri-contour{translate:none!important}}