/* First scenario: an illustrated customer case with real interface references. */
.v3-scenario-explorer [data-scenario][hidden]{display:none}
.scenario-unavailable{font-size:13px;line-height:1.65;color:#52655a;margin:0 0 22px}.scenario-unavailable a{color:#0a6b2c;text-decoration:underline}
.scenario-art{width:100%;max-width:165px;height:120px;fill:none;stroke:#4b7054;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.scene-art-base{fill:#cbdcbd}.scene-art-body{fill:#f3f7ee}
.home-v3 .v3-scenario-explorer:not([data-scenarios-ready]){display:none}
[data-story-layout=illustrated].v3-problem-story{border-radius:18px;border-color:#cbd8ce}
.quality-case-header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:32px 36px;background:#061b35;color:#fff}
.quality-kicker{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;margin:0 0 13px;color:#0a6b2c}
.quality-case-header .quality-kicker{color:#83e4a0}
.home-v3 .quality-case-header h3{font:600 clamp(25px,2.9vw,37px)/1.15 var(--font-display);letter-spacing:-.02em;margin:0 0 10px;color:#fff}
.quality-case-header p{font-size:14px;line-height:1.6;margin:0;color:#c8d8e4;max-width:64ch}
.quality-case-header .v3-story-toggle{flex-shrink:0;min-height:44px}
.quality-navigation,.quality-step-controls,[data-story-layout=illustrated] .v3-story-toggle{display:none}
[data-story-ready][data-story-layout=illustrated] .quality-navigation{display:block}
[data-story-ready][data-story-layout=illustrated] .v3-story-toggle{display:inline-flex}
[data-story-ready] .quality-step-controls{display:flex}
.quality-stage-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #d6e0d8;background:#f5f7f3}
.quality-stage-tabs button{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:3px;align-items:center;text-align:left;padding:19px 20px 22px;border:0;border-right:1px solid #dfe6df;background:transparent;color:#4b5e55;cursor:pointer;min-width:0}
.quality-stage-tabs button:last-child{border-right:0}
.quality-stage-tabs button>span{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border:1px solid #bfcfc2;border-radius:50%;font:600 12px var(--font-body)}
.quality-stage-tabs strong{font-size:15px;color:#143524}
.quality-stage-tabs small{font-size:10px;line-height:1.4}
.quality-stage-tabs button[aria-selected=true]{background:#e5f1e6}
.quality-stage-tabs button[aria-selected=true]>span{background:#0a6b2c;border-color:#0a6b2c;color:#fff}
.quality-stage-tabs i{position:absolute;height:3px;background:#0a6b2c;left:0;right:100%;bottom:0;transition:right .3s ease}
.quality-stage-tabs i.is-complete{right:0;background:#aacdaf}.quality-stage-tabs i.is-active{background:#0a6b2c}
.quality-stage-tabs button:focus-visible,.quality-step-controls button:focus-visible{outline:2px solid #0a6b2c;outline-offset:-5px}
.quality-panel{display:grid;grid-template-columns:.88fr 1.12fr;min-height:620px;border-bottom:1px solid #dce5dd;scroll-margin-top:100px}
.quality-panel[hidden]{display:none}
.quality-panel:focus-visible{outline:2px solid #0a6b2c;outline-offset:-4px}
.quality-copy{padding:37px 32px 32px 36px;align-self:start;min-width:0}
.home-v3 .quality-copy h3{font:600 clamp(27px,2.8vw,37px)/1.14 var(--font-display);letter-spacing:-.02em;max-width:20ch;margin:0 0 17px;color:#061b35}
.quality-problem{font-size:15px;line-height:1.7;color:#4b5c64;margin:0 0 26px;max-width:47ch}
.quality-actions h4{font:600 11px var(--font-body);text-transform:uppercase;letter-spacing:.07em;color:#0a6b2c;margin:0 0 14px}
.quality-actions ul{list-style:none;padding:0;margin:0}.quality-actions li{position:relative;padding:0 0 13px 21px;color:#21394a;font-size:14px;line-height:1.65}.quality-actions li::before{content:'↗';position:absolute;left:0;color:#0a6b2c;font-weight:600}
.quality-owner{display:flex;align-items:center;gap:11px;margin:14px 0 24px}.quality-owner>span{display:grid;place-items:center;flex:none;width:38px;height:38px;background:#e8efdf;color:#274b2c;border:1px solid #cbd8c4;border-radius:50%;font-size:11px;font-weight:600}.quality-owner strong{display:block;font-size:13px;color:#1c3441}.quality-owner small{display:block;font-size:11px;color:#586b70;margin-top:3px}
.quality-outcome{border-top:1px solid #dce5dd;padding-top:18px}.quality-outcome>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#52745b}.quality-outcome p{font:600 18px/1.45 var(--font-display);color:#0b5428;margin:8px 0 0;max-width:37ch}
.quality-scene{padding:28px 28px 25px;background:radial-gradient(ellipse at 45% 42%,#dbecdf,#f0f4ed 70%);border-left:1px solid #dce5dd;min-width:0;position:relative}
.quality-scene-label{display:flex;justify-content:space-between;gap:12px;color:#536f59;font-size:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-bottom:23px}
.quality-record{position:relative;background:#fff;border:1px solid #bacdbe;border-radius:11px;padding:23px 22px 0;box-shadow:0 15px 30px -24px #164d2f77}
.quality-record-top{display:flex;gap:11px;align-items:center;padding-bottom:18px;border-bottom:1px solid #e0e8e0}.quality-record-icon{display:grid;place-items:center;flex:none;width:34px;height:40px;background:#eff5ed;border:1px solid #d9e5d9;border-radius:4px}.quality-record-icon svg{width:18px;height:22px;fill:none;stroke:#2f7a49;stroke-width:1.4;stroke-linejoin:round}.quality-record-top>div>span{display:block;font-size:10px;color:#61746a}.quality-record-top>div>strong{display:block;font:600 19px var(--font-display);color:#183c2c;margin-top:2px}.quality-record-status{margin-left:auto;font-size:9px;font-weight:600;padding:5px 8px;border:1px solid #d9ccab;border-radius:30px;color:#735918;background:#faf4e3;text-align:center;max-width:118px;line-height:1.4}
.quality-record h4{font:600 23px/1.25 var(--font-display);color:#143524;margin:20px 0 11px}.quality-record-quote{font-size:13px;line-height:1.55;color:#52625a;border-left:2px solid #abc8af;padding-left:12px;margin:0 0 24px;max-width:43ch}
.quality-record dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:0 0 24px}.quality-record dl>div{min-width:0}.quality-record dt{font-size:9px;text-transform:uppercase;letter-spacing:.055em;color:#6a786c;margin:0 0 5px}.quality-record dd{font-size:12px;line-height:1.45;font-weight:600;color:#2a4835;margin:0}
.quality-next-decision{background:#f6f8f2;margin:0 -22px;padding:14px 22px;border-top:1px solid #dfe7db;border-radius:0 0 11px 11px}.quality-next-decision span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#65755f;margin-bottom:4px}.quality-next-decision strong{font-size:12px;color:#244a2f;line-height:1.5;display:block}
.quality-evidence{display:flex;gap:12px;margin:20px 3px 0}.quality-evidence-icon{font-size:25px;color:#4c9064;line-height:1}.quality-evidence>div>span{display:block;color:#526c5a;font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.quality-evidence strong{display:block;color:#214b32;font-size:12px;line-height:1.4}.quality-evidence p{font-size:11px;line-height:1.6;color:#526c5a;margin:6px 0 0;max-width:49ch}
.quality-product-view{margin-top:20px;border-top:1px solid #c7d8c8;padding-top:13px}.quality-product-view summary{cursor:pointer;min-height:44px;line-height:1.7;font-size:11px;color:#294f36}.quality-product-view summary>span{display:block;margin-left:16px;font-weight:600}.quality-product-view figure{margin:10px 0 0}.quality-product-view img{display:block;width:100%;height:auto;border-radius:4px;border:1px solid #ced8d0}.quality-product-view figcaption{font-size:10px;line-height:1.6;margin-top:10px;color:#53655b}.quality-product-view a{text-decoration:underline;text-underline-offset:3px;color:#0a6b2c}
.quality-step-controls{align-items:center;justify-content:space-between;gap:15px;padding:12px 25px;border-bottom:1px solid #dce5dd;background:#fff}.quality-step-controls button{min-height:44px;padding:10px 14px;border:1px solid #bfcfc0;border-radius:6px;background:#f7faf4;color:#194f2b;cursor:pointer;font:600 12px var(--font-body)}.quality-step-controls button:disabled{opacity:.4;cursor:default}.quality-step-controls>span{font-size:11px;color:#607066;text-align:center}
.quality-record-trail{padding:14px 30px;background:#f8faf5}.quality-record-trail summary{cursor:pointer;min-height:44px;align-content:center;font-size:12px;font-weight:600;color:#203e2d}.quality-record-trail summary>span{display:block;margin:5px 0 0 16px;font-weight:400;font-size:11px;color:#546359}.quality-record-trail ol{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:18px 0 6px}.quality-record-trail li{border:1px solid #d2ded0;border-top:2px solid #a7c9ac;padding:11px 9px 10px;background:#fff;border-radius:5px;min-width:0;transition:border-color .2s,background .2s}.quality-record-trail li strong{font-size:11px;display:block;color:#21462f;overflow-wrap:anywhere}.quality-record-trail li span{display:block;font-size:9px;line-height:1.4;color:#617062;margin-top:5px}.quality-record-trail li.is-current{border-color:#508e60;background:#e9f3e5}
.quality-case-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:22px 30px;border-top:1px solid #dce5dd;background:#fff}.quality-case-footer p{font-size:10px;line-height:1.7;color:#68786d;max-width:68ch;margin:0}.quality-case-footer a{font-size:12px;font-weight:600;color:#0a6b2c;line-height:1.6;text-decoration:underline;text-underline-offset:4px;max-width:25ch;flex-shrink:0}
[data-story-ready] .quality-panel:not([hidden]) .quality-record{animation:quality-record-enter .45s cubic-bezier(.2,.7,.3,1) both}
@keyframes quality-record-enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.quality-stage-tabs button{padding:16px 13px 20px;column-gap:8px}.quality-stage-tabs small{font-size:9px}.quality-stage-tabs button>span{width:25px;height:25px}.quality-copy{padding:30px 25px}.quality-scene{padding:25px 20px}.quality-record{padding:20px 17px 0}.quality-next-decision{margin:0 -17px;padding:13px 17px}.quality-record-status{max-width:95px}.quality-record-trail ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.quality-case-header{padding:25px;align-items:start;gap:18px}.quality-case-header p{font-size:13px}.quality-case-header .v3-story-toggle{min-width:105px;padding:10px;font-size:11px}.quality-panel{grid-template-columns:1fr;min-height:0}.quality-copy{padding:28px}.home-v3 .quality-copy h3{max-width:25ch;font-size:32px}.quality-problem{max-width:60ch}.quality-owner{margin:12px 0 18px}.quality-outcome p{font-size:19px;max-width:50ch}.quality-scene{order:-1;border-left:0;border-top:0;border-bottom:1px solid #dce5dd;padding:25px 28px}.quality-record{max-width:550px;margin:0 auto}.quality-case-footer{align-items:start;gap:20px}.quality-stage-tabs button{padding:14px 4px 17px;display:flex;flex-direction:column;gap:7px;text-align:center}.quality-stage-tabs small{display:none}.quality-stage-tabs strong{font-size:12px}}
@media(max-width:480px){.quality-case-header{display:block;padding:24px 20px}.home-v3 .quality-case-header h3{font-size:29px}.quality-case-header .v3-story-toggle{margin-top:18px}.quality-copy{padding:27px 21px}.home-v3 .quality-copy h3{font-size:30px}.quality-problem{font-size:14px}.quality-actions li{font-size:13px}.quality-scene{padding:21px 17px}.quality-scene-label{font-size:8px;gap:8px}.quality-transfer{font-size:10px;gap:8px}.quality-transfer svg{width:26px}.quality-transfer>span{padding:6px 8px}.quality-record-top{gap:8px}.quality-record-top>div>strong{font-size:17px}.quality-record-top>div>span{font-size:9px}.quality-record-status{max-width:86px;font-size:8px;padding:4px 6px}.quality-record h4{font-size:23px}.quality-record dl{gap:17px 13px}.quality-record dd{font-size:11px}.quality-step-controls{padding:10px 12px;gap:8px}.quality-step-controls>span{font-size:10px}.quality-step-controls button{padding:10px;font-size:11px}.quality-record-trail{padding:22px 18px}.quality-record-trail ol{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-record-trail li{padding:10px}.quality-case-footer{display:block;padding:22px 20px}.quality-case-footer a{display:inline-block;margin-top:14px;max-width:none}}
@media(prefers-reduced-motion:reduce){[data-story-ready] .quality-panel:not([hidden]) .quality-record{animation:none}.quality-stage-tabs i,.quality-record-trail li{transition:none}}

/* Distinct, connected scenes keep the work legible before record-level detail. */
.quality-case-anchor{display:inline-block;margin-top:17px;padding:7px 11px;border:1px solid #355068;border-radius:5px;font-size:11px;color:#d8ebe2;background:#102c40}
.quality-case-anchor>span{padding:0 7px;color:#83e4a0}
.quality-why-next{margin-top:23px;border-left:2px solid #a8c5ad;padding-left:14px}.quality-why-next strong{font-size:12px;color:#254a35}.quality-why-next p{font-size:12px;line-height:1.65;color:#4b5c64;margin:5px 0 0;max-width:48ch}
.quality-scene{container-type:inline-size}
.quality-diagram{display:flex;flex-direction:column;justify-content:center;min-height:370px;margin:0;gap:0}
.quality-flow-node{min-width:0;background:#fff;border:1px solid #b7cbbb;border-radius:10px;padding:17px;box-shadow:0 9px 20px -17px #143c2b66}
.quality-flow-node.is-emphasis{border-color:#3a8654;box-shadow:0 0 0 3px #3a865410,0 10px 23px -18px #143c2b66}
.quality-node-heading{display:flex;align-items:center;gap:11px}.quality-node-heading>div{min-width:0}.quality-node-heading strong{font:600 19px/1.2 var(--font-display);display:block;color:#163b28}.quality-node-heading small{display:block;font-size:11px;color:#556b5c;margin-top:5px;line-height:1.5}
.quality-node-icon{width:35px;height:39px;display:grid;place-items:center;border:1px solid #d2e1d0;border-radius:6px;background:#f0f6ed;flex-shrink:0}.quality-node-icon svg{width:25px;height:25px;fill:none;stroke:#38774b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.quality-flow-node p{font-size:13px;color:#344e3e;line-height:1.6;margin:13px 0 0}.quality-node-owner{font-size:11px;color:#385440;margin-top:14px;padding-top:11px;border-top:1px solid #dfe8dc}
.quality-connection{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:11px 0 4px;gap:3px}.quality-connection>span{font-size:11px;color:#3b6049;text-align:center;line-height:1.5}.quality-connection svg{width:15px;height:25px;fill:none;stroke:#548561;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.quality-context-chip{align-self:center;text-align:center;background:#ffffff85;border:1px solid #b8cbbb;border-radius:6px;padding:9px 16px;font-size:10px;line-height:1.5;color:#526c5a}.quality-context-chip>span{display:block;font-size:12px;font-weight:600;color:#294f37;margin-top:3px}
.quality-question{margin-top:17px;border-left:2px solid #c6a456;background:#f9f6e8;padding:13px 16px}.quality-question>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#775b1f}.quality-question>strong{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:#604b1c}
.quality-report-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.quality-customer-quote{padding:19px 17px;border:1px solid #bccdc0;border-radius:10px 10px 2px 10px;background:#fff;display:flex;flex-direction:column;justify-content:center}.quality-customer-quote>span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#54705c}.quality-customer-quote p{font:500 25px/1.3 var(--font-display);color:#183f2b;margin:13px 0}.quality-customer-quote small{font-size:10px;color:#5c7063}
.quality-pump-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px;background:#e7eee1;border:1px solid #b9cbb4;border-radius:10px}.quality-pump-card strong{font-size:12px;color:#315137}.quality-pump-card small{font-size:10px;color:#59705c;margin:5px 0 8px}.quality-pump{width:100%;max-width:160px;height:116px;fill:none;stroke:#4b7054;stroke-width:1.5;stroke-linejoin:round}.pump-base{fill:#c1d3b6}.pump-body{fill:#f4f8f0}.pump-motor{fill:#d2e2c9}.pump-pipe{stroke-width:6;stroke:#92b084}.pump-gauge{fill:#fff}.pump-needle{stroke:#b88627;stroke-width:2}.pump-dot,.pump-bolt{fill:#4b7054}
.quality-work-pair{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch}.quality-work-pair .quality-flow-node{padding:15px 13px}.quality-work-pair .quality-node-heading{display:block}.quality-work-pair .quality-node-icon{margin-bottom:13px}.quality-work-pair .quality-node-heading strong{font-size:18px}.quality-pair-link{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;font-size:9px;color:#466a50}.quality-pair-link svg{width:36px;height:20px;fill:none;stroke:#548561;stroke-width:1.7}
.quality-branches{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:10px;position:relative}.quality-branches::before{content:'';position:absolute;border:solid #548561;border-width:1px 1px 0;top:0;left:24%;right:24%;height:10px}.quality-branches .quality-node-heading{display:block}.quality-branches .quality-node-icon{margin-bottom:10px}.quality-branches .quality-node-heading strong{font-size:18px}.quality-branches .quality-flow-node{padding:15px}
.quality-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quality-decisions>div{padding:14px 10px;border:1px solid #c7b984;border-top:3px solid #bc9b51;border-radius:6px;background:#fffdf5}.quality-decisions span{display:block;font-size:10px;color:#6b5c33}.quality-decisions strong{font:600 17px/1.3 var(--font-display);display:block;color:#514829;margin:8px 0}.quality-decisions small{display:inline-block;font-size:10px;color:#6b5c33;padding-top:6px;border-top:1px solid #e0d7b6}
.quality-diagram-note{font-size:11px;line-height:1.6;color:#45604d;margin:16px 2px 0}
.quality-record-detail{border-top:1px solid #c7d8c8;margin-top:20px;padding-top:10px}.quality-record-detail summary{font-size:12px;line-height:1.6;min-height:44px;color:#294f36;cursor:pointer}.quality-record-detail summary>span{display:block;margin-left:16px;font-size:10px;color:#526c5a}.quality-record-detail .quality-record{margin-top:12px}.quality-product-view{margin-top:12px;padding-top:10px}
[data-quality-detail]>summary:focus-visible{outline:2px solid #0a6b2c;outline-offset:4px;border-radius:2px}
[data-story-ready] .quality-panel:not([hidden]) .quality-flow-node,[data-story-ready] .quality-panel:not([hidden]) .quality-report-pair{animation:quality-record-enter .5s ease-out both}
[data-story-ready] .quality-panel:not([hidden]) .quality-connection svg path{stroke-dasharray:45;animation:quality-connection-enter .6s ease-out both}
@keyframes quality-connection-enter{from{stroke-dashoffset:45}to{stroke-dashoffset:0}}
@container(max-width:360px){.quality-work-pair{grid-template-columns:1fr}.quality-work-pair .quality-node-heading{display:flex}.quality-work-pair .quality-node-icon{margin:0}.quality-pair-link{height:45px;flex-direction:row;gap:8px}.quality-pair-link svg{width:25px;height:20px;transform:rotate(90deg)}.quality-branches{gap:9px}.quality-branches .quality-flow-node{padding:13px 11px}.quality-branches .quality-node-heading strong{font-size:16px}.quality-decisions{grid-template-columns:1fr}.quality-decisions>div{display:grid;grid-template-columns:70px 1fr;column-gap:10px;align-items:center;border-top-width:1px;border-left:3px solid #bc9b51;padding:10px 12px}.quality-decisions strong{margin:0;font-size:16px}.quality-decisions small{grid-column:2;border:0;padding-top:3px}.quality-customer-quote{padding:16px 12px}.quality-customer-quote p{font-size:21px}.quality-pump{height:100px}}
@media(max-width:480px){.quality-case-anchor{font-size:10px}.quality-stage-tabs strong{font-size:11px}.quality-stage-tabs button>span{width:24px;height:24px;font-size:10px}.quality-why-next{margin-top:19px}.quality-scene-label{font-size:9px}.quality-diagram{min-height:0}.quality-evidence{margin-top:21px}.quality-step-controls{flex-wrap:wrap;column-gap:8px}.quality-step-controls>span{order:3;width:100%;font-size:11px;margin-top:2px}.quality-step-controls button{font-size:11px}.quality-record-trail{padding:14px 18px}}
@media(prefers-reduced-motion:reduce){[data-story-ready] .quality-panel:not([hidden]) .quality-flow-node,[data-story-ready] .quality-panel:not([hidden]) .quality-report-pair,[data-story-ready] .quality-panel:not([hidden]) .quality-connection svg path{animation:none}}
.scenario-work-pair{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}
.scenario-work-pair .quality-pair-link>span{max-width:60px;text-align:center;line-height:1.35}
.scenario-separate{margin-top:18px;padding:13px 0 12px;border-top:1px dashed #8ca992;text-align:center;color:#3b6049;font-size:11px}
@container(max-width:360px){.scenario-work-pair{grid-template-columns:1fr}}