.qcp-explainer-section{padding-top:0}.qcp-explainer{padding:16px 18px 14px;border:1px solid #dce2eb;border-radius:18px;background:#fff;box-shadow:0 5px 24px #29466e05}.qcp-story-heading{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:12px;align-items:center;height:80px}.qcp-story-copy{text-align:center}.qcp-explainer .qcp-story-copy h2{display:block;text-align:center;font-size:1.38rem;line-height:1.3;margin:0 0 7px;letter-spacing:-.025em;font-weight:600}.qcp-explainer .qcp-story-copy h2::after{display:none}#qcp-story-description{margin:0 auto;max-width:620px;font-size:.88rem;line-height:1.35;color:#75808c;text-wrap:balance;white-space:pre-line}.qcp-step-arrow{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e2e7ee;background:#fff;border-radius:9px;color:#8191a3}.qcp-step-arrow:hover{background:#f1f5fa;color:#426395}.qcp-explainer button:disabled{opacity:.28;cursor:default}

.qcp-stage{height:280px;margin:10px 0 0;position:relative;display:flex;flex-direction:column}.qcp-stage-content{min-height:0;flex:1;display:grid;grid-template-columns:186px minmax(0,1fr);gap:16px}.qcp-side{position:relative;min-width:0;display:flex;align-items:center}.qcp-world{position:relative;min-width:0;min-height:0;background:#f4f6f9;border-radius:13px;overflow:hidden}.qcp-robot-frame{border:0;width:100%;height:100%;display:block}.qcp-robot-frame[hidden]{display:none}
.qcp-quality-picker{width:100%;display:grid;gap:9px}.qcp-quality-picker button{display:grid;grid-template-columns:32px 1fr 12px;align-items:center;gap:8px;width:100%;height:66px;padding:8px 10px;border:1px solid #dde5ef;border-radius:11px;text-align:left;background:linear-gradient(130deg,#fff,#f7f9fd);transition:transform .2s,border-color .2s,box-shadow .2s}.qcp-quality-picker button:hover{transform:translateX(3px);border-color:#9cb9dc;box-shadow:0 4px 12px #4263950d}.qcp-quality-picker button[aria-pressed=true]{border-color:#86a8d3;background:#eaf2fc;box-shadow:0 0 0 2px #85a5dc12}.qcp-quality-picker button strong{font-size:16px;font-weight:500;color:#334760}.qcp-quality-picker button b{font-size:17px;font-weight:400;color:#91a6c0}.qcp-choice-icon{width:32px;height:38px;display:grid;place-items:center;background:#eaf1fa;border-radius:9px;color:#658abd}.qcp-choice-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.speed-icon svg{animation:choice-speed 2s ease-in-out infinite}.smooth-icon path{stroke-dasharray:60;animation:choice-wave 3s ease-in-out infinite}.stability-icon .wine-line{transform-origin:22px 15px;animation:choice-wine 3s ease-in-out infinite}.qcp-quality-picker[hidden],.qcp-knob-controls[hidden]{display:none}@keyframes choice-speed{0%,100%{transform:translateX(-2px)}50%{transform:translateX(2px)}}@keyframes choice-wave{0%,100%{stroke-dashoffset:14}50%{stroke-dashoffset:0}}@keyframes choice-wine{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}

@font-face{font-family:"QCP Math";src:url('../fonts/STIX2Math.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.qcp-stage[data-chapter="0"] .qcp-robot-frame{width:min(340px,calc(100% - 190px))}
.qcp-token-flow{position:absolute;inset:0 0 0 auto;width:max(190px,calc(100% - 340px));padding:10px 0;background:linear-gradient(90deg,#f4f6f9,#f9fbfe 20%,#f9fbfe);color:#4b6e98;pointer-events:none}.qcp-token-flow[hidden]{display:none}.qcp-token-flow svg{width:100%;height:100%;overflow:visible;display:block}.qcp-token-flow .qcp-conditioning-mobile{display:none}.qcp-token-flow text{text-anchor:middle;fill:#48688e;font-family:var(--font-sans);font-weight:400}.qcp-token-flow .qcp-flow-choice{font-size:15px;font-weight:500;fill:#3d5f8a}.qcp-token-flow .qcp-math{font-family:"QCP Math","STIX Two Math","Cambria Math",serif;font-size:26px}.qcp-token-flow .qcp-math-sub{font-size:16px}.qcp-token-flow .qcp-policy-symbol{font-size:33px;fill:#365b87}.qcp-token-flow .qcp-policy-label{font-size:13px;fill:#627e9f}.qcp-token-flow .qcp-action-symbol{font-size:27px;opacity:var(--action-strength,.6)}
.qcp-circuit-base,.qcp-circuit-light,.qcp-token-brackets,.qcp-arrowhead{fill:none;stroke-linecap:round;stroke-linejoin:round}.qcp-circuit-base{stroke:#d2ddea;stroke-width:1.5}.qcp-circuit-light{stroke:#416fa6;stroke-width:2;stroke-dasharray:1}.qcp-quality-link{stroke-dashoffset:var(--quality-offset,1)}.qcp-condition-link{stroke-dashoffset:var(--condition-offset,1)}.qcp-action-link{stroke-dashoffset:var(--action-offset,1)}.qcp-arrowhead{stroke:#a1b9d5;stroke-width:1.4}.qcp-token-brackets{stroke:#a1b6d0;stroke-width:1.4}.qcp-token-cell{fill:#7296c3;opacity:var(--token-strength,.5)}.qcp-token-cell:nth-of-type(2){fill:#4f7aaf}.qcp-token-cell:nth-of-type(3){fill:#315f96}.qcp-policy-frame{fill:#fff;stroke:#bbcee4;stroke-width:1.5;transition:fill .4s,stroke .4s}.qcp-policy-aura{fill:#dce9f9;opacity:var(--policy-glow,0)}.qcp-token-flow[data-state=ready] .qcp-policy-frame{fill:#f3f8ff;stroke:#547fb2}
.qcp-knob-controls{width:100%;text-align:center}.qcp-eyebrow{display:block;font-size:18px;color:#405e85;font-weight:500}.qcp-dial-wrap{position:relative;width:160px;height:160px;margin:15px auto 10px}.qcp-quality-knob{--angle:104deg;--fill:208deg;position:absolute;inset:10px;border-radius:50%;padding:7px;touch-action:none;cursor:grab;background:conic-gradient(from 256deg,#4b75a8 0deg var(--fill),#e5ebf3 var(--fill) 208deg,transparent 208deg)}.qcp-quality-knob:active{cursor:grabbing}.qcp-dial-face{position:relative;display:block;width:100%;height:100%;border-radius:50%;border:1px solid #b7c6d8;background:repeating-conic-gradient(#cbd5e0 0deg 2deg,#eef2f7 2deg 4deg);box-shadow:0 5px 10px #20354d18,inset 0 0 0 2px white}.qcp-dial-hub{position:absolute;inset:7px;border-radius:50%;border:1px solid #d9e1eb;background:radial-gradient(ellipse at 35% 25%,#fff,#f4f7fb 56%,#dce5ef);box-shadow:inset 0 1px 3px white}.qcp-dial-pointer{position:absolute;inset:0;z-index:1;transform:rotate(var(--angle));transition:transform .16s ease-out}.qcp-dial-needle{content:'';position:absolute;left:calc(50% - 2px);top:13px;height:25px;width:4px;background:#315f96;border-radius:3px}.qcp-dial-ticks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 252deg,transparent 0deg 7deg,#94a6bb 7deg 8deg,transparent 8deg 16deg);mask:radial-gradient(circle,transparent 73px,#000 74px 76px,transparent 77px);clip-path:polygon(0 0,100% 0,100% 66%,50% 50%,0 66%)}.qcp-dial-readout{min-height:26px}.qcp-dial-readout strong{font-size:17px;color:#48678f;font-weight:500}.qcp-stop{position:absolute;right:17px;bottom:23px;width:14px;height:3px;transform:rotate(-33deg);border-radius:2px;background:#4c627f;opacity:0}.qcp-extra-range{position:absolute;inset:-2px;border:2px dashed #b8cde6;border-radius:50%;clip-path:polygon(50% 50%,100% 60%,100% 100%,32% 100%);opacity:0}.qcp-stage[data-chapter="2"] .qcp-stop,.qcp-stage[data-chapter="2"] .qcp-extra-range,.qcp-stage[data-chapter="3"] .qcp-extra-range{opacity:1}.qcp-stage[data-chapter="2"] .qcp-dial-wrap,.qcp-stage[data-chapter="3"] .qcp-dial-wrap{width:148px;height:148px;margin:12px auto 8px}.qcp-stage[data-chapter="2"] .qcp-dial-ticks,.qcp-stage[data-chapter="3"] .qcp-dial-ticks{mask:radial-gradient(circle,transparent 67px,#000 68px 70px,transparent 71px)}
.qcp-loop-strip{height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:6px;font-size:14px;color:#8799b0;border-bottom:1px solid #edf0f5}.qcp-loop-strip[hidden]{display:none}.qcp-loop-strip i{font-style:normal;color:#bdc8d7}.qcp-loop-strip span{position:relative;padding:5px 0}.qcp-loop-strip span.is-active{color:#436b9b;font-weight:600}.qcp-loop-strip span.is-active::after{content:'';height:2px;background:#87a7d2;position:absolute;bottom:0;left:0;right:0;border-radius:2px}.qcp-learning-board{position:absolute;inset:0;background:#f7f9fc}.qcp-learning-board[hidden]{display:none}.qcp-learning-board svg{display:block;width:100%;height:100%}.qcp-learning-board text{font-family:var(--font-sans)}
.qcp-playback{display:grid;grid-template-columns:minmax(0,1fr) auto;width:min(100%,660px);gap:18px;align-items:start;margin:12px auto 0}.qcp-track{position:relative;display:flex;gap:20px;align-items:center;height:26px;cursor:pointer;touch-action:none}.qcp-progress-segment{position:relative;flex:1;height:8px;overflow:hidden;border-radius:99px;background:#e4e9f0}.qcp-progress-segment>span{display:block;height:100%;width:0;background:#4b75a8;border-radius:inherit}.qcp-progress-knob{position:absolute;top:7px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#4b75a8;box-shadow:0 0 0 2px white;pointer-events:none}.qcp-chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.qcp-chapters button{border:0;background:none;padding:0;color:#728096;font-size:14px;line-height:22px;white-space:nowrap}.qcp-chapters button[aria-pressed=true]{color:#354e70;font-weight:600}.qcp-playback-buttons{display:flex;gap:6px;margin-top:2px}.qcp-playback-buttons button{border:1px solid #dbe3ed;background:white;color:#426c9f;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;padding:0}.qcp-playback-buttons button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#qcp-play{background:#426c9f;color:white;border-color:#426c9f}.qcp-track[aria-disabled=true]{cursor:default}.qcp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){
.qcp-explainer{padding:13px 12px;border-radius:15px}.qcp-story-heading{height:105px;gap:6px;grid-template-columns:25px 1fr 25px}.qcp-step-arrow{width:25px;height:27px}.qcp-explainer .qcp-story-copy h2{font-size:1.1rem}#qcp-story-description{font-size:.77rem;line-height:1.35}.qcp-stage{height:445px;margin-top:6px}.qcp-stage-content{grid-template-columns:1fr;grid-template-rows:145px minmax(0,1fr);gap:8px}.qcp-stage[data-chapter="0"] .qcp-stage-content{grid-template-rows:78px minmax(0,1fr)}
.qcp-quality-picker{grid-template-columns:repeat(3,1fr);gap:7px}.qcp-quality-picker button{grid-template-columns:1fr;justify-items:center;height:70px;padding:6px 3px;gap:2px;text-align:center}.qcp-quality-picker button>b{display:none}.qcp-quality-picker button strong{font-size:13px}.qcp-choice-icon{width:30px;height:29px;background:transparent}.qcp-choice-icon svg{width:26px;height:26px}
.qcp-stage[data-chapter="0"] .qcp-robot-frame{width:100%;height:calc(100% - 90px)}.qcp-token-flow{top:auto;bottom:0;left:0;right:0;width:auto;height:90px;padding:0;background:linear-gradient(#f4f6f9,#f9fbfe 20%)}.qcp-token-flow .qcp-conditioning-desktop{display:none}.qcp-token-flow .qcp-conditioning-mobile{display:block}.qcp-token-flow .qcp-flow-choice{font-size:14px}.qcp-token-flow .qcp-observation{font-size:23px}.qcp-token-flow .qcp-policy-symbol{font-size:29px}.qcp-token-flow .qcp-policy-label{font-size:12px}.qcp-token-flow .qcp-math-sub{font-size:15px}
.qcp-knob-controls{display:grid;grid-template-columns:155px 1fr;grid-template-rows:65px 65px;text-align:left;align-items:center;padding:0 4px}.qcp-knob-controls>.qcp-eyebrow{grid-column:2;align-self:end;padding-bottom:8px}.qcp-dial-readout{grid-column:2;align-self:start;padding-top:8px}.qcp-dial-wrap,.qcp-stage[data-chapter="2"] .qcp-dial-wrap,.qcp-stage[data-chapter="3"] .qcp-dial-wrap{grid-column:1;grid-row:1/3;margin:0;width:140px;height:140px}.qcp-dial-ticks,.qcp-stage[data-chapter="2"] .qcp-dial-ticks,.qcp-stage[data-chapter="3"] .qcp-dial-ticks{mask:radial-gradient(circle,transparent 64px,#000 65px 67px,transparent 68px)}.qcp-eyebrow{font-size:18px}.qcp-dial-readout strong{font-size:16px}.qcp-loop-strip{font-size:12px;gap:9px}.qcp-stage[data-chapter="2"] .qcp-stage-content,.qcp-stage[data-chapter="3"] .qcp-stage-content{grid-template-rows:145px minmax(0,1fr)}
.qcp-playback{gap:8px;margin-top:9px}.qcp-track,.qcp-chapters{gap:10px}.qcp-chapters button{font-size:10px;line-height:19px}.qcp-playback-buttons{gap:4px}.qcp-playback-buttons button{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.qcp-choice-icon svg,.smooth-icon path,.stability-icon .wine-line,.qcp-token-flow *{animation:none!important}.qcp-dial-pointer,.qcp-quality-picker button{transition:none}}

.qcp-token-flow .qcp-token-label{font-size:13.5px;font-weight:500;fill:#57799f}.qcp-token-flow .qcp-policy-observation{font-size:16px;fill:#8093aa}.qcp-token-flow .qcp-observation-sub{font-size:12px}@media(max-width:900px){.qcp-token-flow .qcp-token-label{font-size:12.5px}.qcp-token-flow .qcp-policy-observation{font-size:15px}.qcp-token-flow .qcp-observation-sub{font-size:10px}}

.qcp-observation-wire{fill:none;stroke:#b3c2d4;stroke-width:1.1;stroke-linecap:round}.qcp-token-flow .qcp-action-label{font-size:13.5px;fill:#57799f;font-weight:500}@media(max-width:900px){.qcp-token-flow .qcp-action-label{font-size:12.5px}}

/* Explicit navigation keeps each quality scene under the visitor's control. */
.qcp-story-heading{grid-template-columns:160px minmax(0,1fr) 160px;gap:10px}.qcp-step-arrow{display:flex;justify-content:center;gap:10px;width:auto;min-width:108px;height:32px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:500;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s}.qcp-step-arrow>span[aria-hidden]{font-size:17px;font-weight:400}.qcp-next-button{justify-self:end;background:#426c9f;color:#fff;border-color:#426c9f;box-shadow:0 2px 0 #587dac16}.qcp-next-button:hover:not(:disabled){background:#315780;color:#fff;transform:translateY(-1px);box-shadow:0 3px 0 #587dac16}.qcp-next-button:active:not(:disabled){transform:translateY(1px);box-shadow:none}.qcp-back-button{justify-self:start;color:#526c8c;border-color:#dce5ef;background:#f9fbfd}.qcp-back-button:hover:not(:disabled){background:#eff4fa;color:#44698f}.qcp-select-prompt{display:flex;align-items:center;justify-content:center;text-align:center;min-height:20px;margin:0 0 2px;padding:0 4px;font-size:13px;line-height:20px;font-weight:500;color:#5e7ea6}.qcp-select-prompt[data-awaiting=true] #qcp-select-label{background:linear-gradient(110deg,#42678f 35%,#7e9fc5 49%,#42678f 63%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:select-sheen 4.6s ease-in-out infinite}.qcp-select-prompt[data-awaiting=false]{animation:none;color:#3b628e}.qcp-explainer[data-chosen=true] .qcp-choice-icon *{animation:none!important}
@keyframes select-sheen{0%,40%{background-position:150% 50%}82%,100%{background-position:-150% 50%}}
.qcp-observation-wire{stroke:#d4dde8;stroke-width:1;opacity:.75;animation:none!important;transition:none;stroke-dasharray:none}.qcp-token-flow .qcp-policy-observation{fill:#a5b4c6;opacity:.85;animation:none!important;transition:none}
@media(max-width:900px){.qcp-story-heading{height:128px;grid-template-columns:1fr 1fr;grid-template-rows:83px 35px;gap:8px 10px}.qcp-story-copy{grid-column:1/-1;grid-row:1}.qcp-back-button{grid-column:1;grid-row:2}.qcp-next-button{grid-column:2;grid-row:2}.qcp-step-arrow{height:32px;font-size:12px;gap:10px;padding:0 12px}.qcp-stage[data-chapter="0"] .qcp-stage-content{grid-template-rows:97px minmax(0,1fr)}.qcp-select-prompt{grid-column:1/-1;font-size:12px;min-height:20px;line-height:20px;margin:0;padding:0 3px}.qcp-quality-picker button{height:62px}}
@media(prefers-reduced-motion:reduce){.qcp-select-prompt[data-awaiting=true] #qcp-select-label{animation:none!important;background:none;color:inherit}.qcp-step-arrow{transition:none}}

/* Collection emphasizes the requested limit; relabeling uses the entire stage. */
.qcp-limit-message,.qcp-limit-arrow{display:none}
.qcp-stage[data-chapter="2"] .qcp-stage-content{grid-template-columns:250px minmax(0,1fr)}
.qcp-stage[data-chapter="2"] .qcp-limit-message{display:block;font-size:24px;line-height:1.16;letter-spacing:-.035em;font-weight:600;color:#202124;margin:0 auto 3px}
.qcp-stage[data-chapter="2"] #qcp-dial-quality{display:none}
.qcp-stage[data-chapter="2"] .qcp-dial-wrap{width:146px;height:146px;margin:5px auto 3px}
.qcp-stage[data-chapter="2"] .qcp-dial-readout strong{font-size:15px;color:#6f87a4}
.qcp-stage[data-chapter="2"] .qcp-extra-range{border-color:#a3bedf;opacity:.6}
.qcp-stage[data-chapter="2"] .qcp-limit-arrow{display:block;position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);overflow:visible;fill:none;stroke:#416fa6;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.qcp-stage[data-chapter="3"] .qcp-side{display:none}
.qcp-stage[data-chapter="3"] .qcp-stage-content{grid-template-columns:1fr}
.qcp-stage[data-chapter="3"] .qcp-world{background:#fafafb}
.qcp-learning-board{background:#fafafb}
.qcp-learning-board .learning-token-label{font-family:var(--font-sans);font-style:normal}
@media(max-width:900px){
.qcp-stage[data-chapter="2"] .qcp-stage-content{grid-template-columns:1fr;grid-template-rows:145px minmax(0,1fr)}
.qcp-stage[data-chapter="2"] .qcp-knob-controls{grid-template-columns:145px 1fr;grid-template-rows:94px 40px}
.qcp-stage[data-chapter="2"] .qcp-limit-message{grid-column:2;grid-row:1;font-size:23px;text-align:left;margin:0;align-self:end;padding-bottom:8px}
.qcp-stage[data-chapter="2"] .qcp-dial-wrap{grid-column:1;grid-row:1/3;width:134px;height:134px;margin:0}
.qcp-stage[data-chapter="2"] .qcp-dial-ticks{mask:radial-gradient(circle,transparent 61px,#000 62px 64px,transparent 65px)}
.qcp-stage[data-chapter="2"] .qcp-dial-readout{grid-column:2;grid-row:2;padding-top:5px}
.qcp-stage[data-chapter="3"] .qcp-stage-content{grid-template-rows:minmax(0,1fr)}
}

.qcp-stop{display:none!important}

/* Intro shares the fixed stage, with a full-width comparison of successful motions. */
.qcp-stage[data-chapter="-1"] .qcp-side{display:none}
.qcp-stage[data-chapter="-1"] .qcp-stage-content{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}
.qcp-stage[data-chapter="-1"] .qcp-robot-frame{width:100%;height:100%}
.qcp-stage[data-chapter="-1"] .qcp-world{background:#f5f6f7}
@media(max-width:900px){.qcp-chapters{gap:5px}.qcp-chapters button{font-size:9.5px}.qcp-track{gap:8px}}

/* Intro begins with the demo itself; its action follows the message. */
.qcp-explainer[data-chapter="-1"]{display:grid;grid-template-columns:55% minmax(0,1fr)}
.qcp-explainer[data-chapter="-1"] .qcp-story-heading{display:contents}
.qcp-explainer[data-chapter="-1"] .qcp-story-copy,.qcp-explainer[data-chapter="-1"] #qcp-previous{display:none}
.qcp-explainer[data-chapter="-1"] .qcp-stage{grid-column:1/-1;grid-row:1;margin-top:0}
.qcp-explainer[data-chapter="-1"] #qcp-next{grid-column:2;grid-row:1;justify-self:start;align-self:end;margin:0 0 20px 24px;z-index:1}
.qcp-explainer[data-chapter="-1"] .qcp-playback{grid-column:1/-1;grid-row:2}
@media(max-width:900px){
.qcp-explainer[data-chapter="-1"]{grid-template-columns:1fr}
.qcp-explainer[data-chapter="-1"] #qcp-next{grid-column:1;grid-row:2;justify-self:center;margin:2px 0 6px}
.qcp-explainer[data-chapter="-1"] .qcp-playback{grid-row:3}
}


/* Every phase occupies the same compact footprint as the introduction. */
.qcp-explainer:not([data-chapter="-1"]):not([data-chapter="4"]) .qcp-story-heading{
 height:32px;grid-template-columns:auto minmax(0,1fr) auto;gap:12px
}
.qcp-explainer:not([data-chapter="-1"]):not([data-chapter="4"]) .qcp-story-copy{min-width:0}
.qcp-explainer:not([data-chapter="-1"]):not([data-chapter="4"]) .qcp-story-copy h2{margin:0}
#qcp-story-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.qcp-explainer:not([data-chapter="-1"]):not([data-chapter="4"]) .qcp-stage{height:240px;margin-top:8px}
.qcp-explainer[data-chapter="2"] .qcp-story-copy,
.qcp-explainer[data-chapter="3"] .qcp-story-copy{display:none}
.qcp-story-heading .qcp-loop-strip{grid-column:2;grid-row:1;height:32px;margin:0;border:0;gap:9px}
.qcp-stage[data-chapter="0"] .qcp-token-flow{padding:0}
.qcp-stage[data-chapter="0"] .qcp-quality-picker{gap:7px}
.qcp-stage[data-chapter="0"] .qcp-quality-picker button{height:62px}
.qcp-stage[data-chapter="2"] .qcp-dial-wrap{width:136px;height:136px;margin:4px auto}
.qcp-stage[data-chapter="2"] .qcp-dial-ticks{mask:radial-gradient(circle,transparent 62px,#000 63px 65px,transparent 66px)}
.qcp-stage[data-chapter="2"] .qcp-dial-readout strong{display:block;white-space:nowrap;line-height:1.3;font-size:15px}
@media(max-width:900px){
 .qcp-explainer:not([data-chapter="-1"]):not([data-chapter="4"]) .qcp-story-heading{height:64px;grid-template-columns:1fr 1fr;grid-template-rows:24px 32px;gap:8px 10px}
 .qcp-explainer:not([data-chapter="-1"]):not([data-chapter="4"]) .qcp-stage{height:413px}
 .qcp-story-heading .qcp-loop-strip{grid-column:1/-1;grid-row:1;height:24px;gap:9px}
 .qcp-stage[data-chapter="2"] .qcp-dial-wrap{width:134px;height:134px;margin:0}
 .qcp-stage[data-chapter="2"] .qcp-dial-ticks{mask:radial-gradient(circle,transparent 61px,#000 62px 64px,transparent 65px)}
 .qcp-stage[data-chapter="2"] .qcp-knob-controls{grid-template-rows:84px 50px}
 .qcp-stage[data-chapter="2"] .qcp-dial-readout{padding-top:4px}
}


/* Cues appear when the next interaction becomes useful, then yield to the task. */
.qcp-next-button{position:relative;overflow:hidden}
.qcp-explainer[data-intro-complete="true"] #qcp-next{background:#416fa6;border-color:#416fa6;box-shadow:0 3px 10px #3157832b}
.qcp-explainer[data-intro-complete="true"] #qcp-next::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff38 49%,transparent 68%);transform:translateX(-150%);animation:next-sheen 3.6s ease-in-out infinite;pointer-events:none}
.qcp-explainer[data-intro-complete="true"] #qcp-next>span[aria-hidden]{animation:next-arrow 3.6s ease-in-out infinite}
.qcp-dial-hint{display:none}
.qcp-stage[data-chapter="1"] .qcp-dial-wrap{margin:6px auto 5px}
.qcp-stage[data-chapter="1"] .qcp-dial-hint{display:block;margin-top:2px;color:#7d8998;font-size:13px;font-weight:400;line-height:20px}
.qcp-dial-hint>span{display:inline-block;margin-right:3px;font-size:16px}
.qcp-explainer[data-knob-awaiting="true"] .qcp-dial-hint{color:#426d9e;font-weight:500}
.qcp-explainer[data-knob-awaiting="true"] .qcp-dial-hint>span{animation:tune-hint 3.6s ease-in-out infinite}
.qcp-explainer[data-knob-awaiting="true"] .qcp-dial-face{border-color:#88a6c9;box-shadow:0 5px 12px #20354d18,inset 0 0 0 2px white}
.qcp-explainer[data-knob-awaiting="true"] .qcp-dial-hub{overflow:hidden}
.qcp-explainer[data-knob-awaiting="true"] .qcp-dial-hub::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#c5daed7a 48%,transparent 76%);transform:translateX(-150%);animation:next-sheen 3.6s ease-in-out infinite;pointer-events:none}
@keyframes next-sheen{0%,30%{transform:translateX(-150%)}65%,100%{transform:translateX(150%)}}
@keyframes next-arrow{0%,30%,65%,100%{transform:translateX(0)}46%{transform:translateX(3px)}}
@keyframes tune-hint{0%,20%,70%,100%{transform:translateX(0)}35%{transform:translateX(-3px)}53%{transform:translateX(3px)}}
@media(max-width:900px){.qcp-stage[data-chapter="1"] .qcp-dial-wrap{margin:0}}
@media(prefers-reduced-motion:reduce){
 .qcp-explainer[data-intro-complete="true"] #qcp-next::after,
 .qcp-explainer[data-knob-awaiting="true"] .qcp-dial-hub::after{display:none}
 .qcp-explainer[data-intro-complete="true"] #qcp-next>span[aria-hidden],
 .qcp-explainer[data-knob-awaiting="true"] .qcp-dial-hint>span{animation:none}
}

/* Let the longer Choose title wrap on small phones without changing the box height. */
@media(max-width:360px){
 .qcp-explainer[data-chapter="0"] .qcp-story-heading{height:88px;grid-template-rows:48px 32px}
 .qcp-explainer[data-chapter="0"] .qcp-stage{height:389px}
}


/* Symmetric side panels place the task itself at the center of Choose. */
.qcp-stage[data-chapter="0"] .qcp-stage-content{grid-template-columns:minmax(0,1fr) min(42%,340px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:16px}
.qcp-stage[data-chapter="0"] .qcp-side{grid-column:1;grid-row:1;padding:0 4px}
.qcp-stage[data-chapter="0"] .qcp-world{grid-column:2;grid-row:1;border:1px solid #e5e9ef;background:#f4f6f9}
.qcp-stage[data-chapter="0"] .qcp-robot-frame{width:100%;height:100%}
.qcp-stage[data-chapter="0"] .qcp-quality-picker{gap:8px;align-content:center}
.qcp-stage[data-chapter="0"] .qcp-select-prompt{margin:0 0 6px;font-size:16px;color:#5b6c81;font-weight:400}
.qcp-stage[data-chapter="0"] .qcp-quality-picker button{position:relative;display:flex;justify-content:space-between;gap:8px;height:50px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:#f6f7f9;box-shadow:none;transform:none}
.qcp-stage[data-chapter="0"] .qcp-quality-picker button:hover{background:#eef2f7;border-color:#d9e2ec;box-shadow:none;transform:none}
.qcp-stage[data-chapter="0"] .qcp-quality-picker button strong{font-size:16px;font-weight:500;color:#525e6d}
.qcp-stage[data-chapter="0"] .qcp-quality-picker button[aria-pressed="true"]{background:#eaf1fa;border-color:#b2c7e0;box-shadow:inset 3px 0 #426c9f}
.qcp-stage[data-chapter="0"] .qcp-quality-picker button[aria-pressed="true"] strong{color:#375e8b}
.qcp-choice-check{flex:none;width:15px;height:15px;border:1px solid #c5cdd8;border-radius:50%;position:relative;background:white}
.qcp-quality-picker button[aria-pressed="true"] .qcp-choice-check{background:#426c9f;border-color:#426c9f}
.qcp-quality-picker button[aria-pressed="true"] .qcp-choice-tick{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.qcp-stage[data-chapter="0"] .qcp-token-flow{position:relative;inset:auto;grid-column:3;grid-row:1;width:100%;height:100%;padding:0;background:none;align-self:center}
.qcp-conditioning-desktop{max-width:184px;margin:0 auto}
.qcp-quality-capsule{fill:#eaf1fa;stroke:#bdd0e6;stroke-width:1}
.qcp-conditioning-desktop .qcp-flow-choice{font-size:16px;fill:#375e8b}
.qcp-conditioning-desktop .qcp-token-label{font-size:14px;fill:#5b6c81;font-weight:400}
.qcp-conditioning-desktop .qcp-policy-label{font-size:15px;fill:#53677f}
.qcp-conditioning-desktop .qcp-policy-symbol{font-size:31px}
.qcp-conditioning-desktop .qcp-action-label{font-size:14px;fill:#60738a}
@media(max-width:900px){
 .qcp-stage[data-chapter="0"] .qcp-stage-content{grid-template-columns:minmax(0,1fr);grid-template-rows:82px minmax(0,1fr) 90px;gap:8px}
 .qcp-stage[data-chapter="0"] .qcp-side{grid-column:1;grid-row:1;padding:0}
 .qcp-stage[data-chapter="0"] .qcp-world{grid-column:1;grid-row:2}
 .qcp-stage[data-chapter="0"] .qcp-token-flow{grid-column:1;grid-row:3}
 .qcp-stage[data-chapter="0"] .qcp-quality-picker{gap:6px}
 .qcp-stage[data-chapter="0"] .qcp-select-prompt{margin:0;font-size:16px}
 .qcp-stage[data-chapter="0"] .qcp-quality-picker button{height:48px;padding:0 4px;justify-content:center}
 .qcp-stage[data-chapter="0"] .qcp-quality-picker button strong{font-size:13px}
 .qcp-stage[data-chapter="0"] .qcp-quality-picker button[aria-pressed="true"]{box-shadow:inset 0 -2px #426c9f}
 .qcp-choice-check{display:none}
}

/* Keep connector shafts and tips on one path, with identical geometry and weight. */
.qcp-token-flow .qcp-flow-arrow{stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.qcp-token-flow .qcp-flow-arrow.qcp-circuit-light{stroke-dasharray:none}
.qcp-token-flow .qcp-flow-arrow.qcp-condition-link{opacity:calc(1 - var(--condition-offset,1))}
.qcp-token-flow .qcp-flow-arrow.qcp-action-link{opacity:calc(1 - var(--action-offset,1))}
.qcp-token-flow .qcp-policy-symbol{font-size:27px}
.qcp-token-flow .qcp-policy-symbol .qcp-math-sub{font-size:14px}
.qcp-explainer:not([data-chapter="-1"]):not([data-chapter="4"]) .qcp-story-heading{transform:translateY(-4px)}
.qcp-explainer[data-chapter="-1"] #qcp-next{top:-4px}
@media(max-width:900px){.qcp-token-flow .qcp-policy-symbol{font-size:26px}}

/* A shared eight-unit gap keeps the mathematical labels visually paired. */
.qcp-conditioning-desktop .qcp-policy-symbol,.qcp-conditioning-desktop .qcp-action-symbol{text-anchor:end}
.qcp-conditioning-desktop .qcp-policy-label,.qcp-conditioning-desktop .qcp-action-label{text-anchor:start}
/* The cue follows the lower curve of the knob and settles after interaction. */
.qcp-stage[data-chapter="1"] .qcp-dial-wrap{width:152px;height:152px;margin:4px auto 30px}
.qcp-stage[data-chapter="1"] .qcp-dial-ticks{mask:radial-gradient(circle,transparent 69px,#000 70px 72px,transparent 73px)}
.qcp-stage[data-chapter="1"] .qcp-dial-hint{position:absolute;top:calc(100% - 18px);left:50%;width:132px;transform:translateX(-50%);margin:0;text-align:center;color:#8190a2;font-size:13px;line-height:16px;pointer-events:none}
.qcp-dial-hint svg{display:block;width:100px;height:22px;margin:0 auto -2px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% -58px}
.qcp-dial-hint>span{display:block;margin:0;font-size:13px;animation:none!important}
.qcp-explainer[data-knob-awaiting="true"] .qcp-dial-hint{color:#426d9e;font-weight:500}
.qcp-explainer[data-knob-awaiting="true"] .qcp-dial-hint svg{animation:turn-knob-cue 3.2s ease-in-out infinite}
@keyframes turn-knob-cue{0%,18%,80%,100%{transform:rotate(0)}38%{transform:rotate(-8deg)}60%{transform:rotate(8deg)}}
@media(max-width:900px){
 .qcp-stage[data-chapter="1"] .qcp-dial-wrap{width:120px;height:120px;margin:0;align-self:start;justify-self:center}
 .qcp-stage[data-chapter="1"] .qcp-dial-ticks{mask:radial-gradient(circle,transparent 53px,#000 54px 56px,transparent 57px)}
 .qcp-stage[data-chapter="1"] .qcp-dial-hint{top:calc(100% - 14px)}
 .qcp-dial-hint svg{width:80px;height:17.6px;transform-origin:50% -46.4px}
}
@media(prefers-reduced-motion:reduce){.qcp-explainer[data-knob-awaiting="true"] .qcp-dial-hint svg{animation:none}}

@media(max-width:900px){
 .qcp-stage[data-chapter="2"] .qcp-knob-controls{grid-template-columns:128px minmax(0,1fr);grid-template-rows:82px 34px 22px}
 .qcp-stage[data-chapter="2"] .qcp-limit-message{grid-row:1/3;align-self:center;padding-bottom:0}
 .qcp-stage[data-chapter="2"] .qcp-dial-wrap{width:116px;height:116px}
 .qcp-stage[data-chapter="2"] .qcp-dial-ticks{mask:radial-gradient(circle,transparent 52px,#000 53px 55px,transparent 56px)}
 .qcp-stage[data-chapter="2"] .qcp-dial-readout{grid-column:1/-1;grid-row:3;padding-top:2px;text-align:center}
}

/* A hard stop conveys the current limit; the requested rollout quality stays fixed. */
.qcp-stage[data-chapter="2"] .qcp-dial-readout{position:relative;top:10px}
.qcp-stage[data-chapter="2"] .qcp-dial-pointer{transition:none}
.qcp-stage[data-chapter="2"] .qcp-dial-needle{background:color-mix(in srgb,#315f96,#24496e calc(var(--limit-pressure,0)*100%))}
.qcp-stage[data-chapter="2"] .qcp-limit-arrow{transform:rotate(var(--limit-push,0deg));transform-origin:50% 50%;stroke:color-mix(in srgb,#416fa6,#345f92 calc(var(--limit-pressure,0)*100%))}
@media(max-width:900px){
 .qcp-stage[data-chapter="2"] .qcp-stage-content{grid-template-rows:155px minmax(0,1fr)}
 .qcp-stage[data-chapter="2"] .qcp-side{align-items:flex-start}
}

/* Reveal the selected quality, training, and action in reading order. */
.qcp-flow-step{opacity:0;transform:translateY(calc((1 - var(--reveal,0))*-5px))}
.qcp-flow-token{--reveal:var(--reveal-token,0);opacity:var(--reveal-token,0)}
.qcp-flow-input{--reveal:var(--reveal-input,0);opacity:var(--reveal-input,0)}
.qcp-flow-policy{--reveal:var(--reveal-policy,0);opacity:var(--reveal-policy,0)}
.qcp-flow-output{--reveal:var(--reveal-output,0);opacity:var(--reveal-output,0)}
.qcp-flow-action{--reveal:var(--reveal-action,0);opacity:var(--reveal-action,0)}
.qcp-training-track,.qcp-training-progress{fill:none;stroke-linecap:round;stroke-width:2;opacity:var(--training-emphasis,.25)}
.qcp-training-track{stroke:#e3eaf2}
.qcp-training-progress{stroke:#416fa6;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--training-progress,0))}
.qcp-token-flow .qcp-training-label{font-size:13px;font-weight:500;fill:#708399}
.qcp-token-flow[data-state=ready] .qcp-training-label,.qcp-token-flow[data-state=acting] .qcp-training-label{fill:#315f96}
@media(max-width:900px){.qcp-flow-step{transform:translateX(calc((1 - var(--reveal,0))*-5px))}.qcp-token-flow .qcp-training-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.qcp-flow-step{transform:none}}

/* Introduce the collection idea before revealing the simulator. */
.qcp-collect-intro[hidden]{display:none}
.qcp-collect-intro{position:absolute;inset:0 2% 0 49%;display:flex;align-items:center;padding-left:12px;opacity:var(--collect-copy,1);transform:translateY(calc((1 - var(--collect-copy,1))*-8px));pointer-events:none}
.qcp-collect-intro p{margin:0;font-size:clamp(24px,3.3vw,30px);font-weight:500;line-height:1.25;letter-spacing:-.035em;color:#77818d;text-align:left}
.qcp-collect-intro strong{font-weight:600;color:#303d4d}
.qcp-stage[data-chapter="2"] .qcp-side{z-index:1;transform:translateX(calc((1 - var(--collect-shift,1))*68px))}
.qcp-stage[data-chapter="2"] .qcp-world{opacity:var(--collect-reveal,1);transform:translateY(calc((1 - var(--collect-reveal,1))*8px))}
.qcp-stage[data-chapter="2"] .qcp-dial-readout{opacity:var(--collect-reveal,1)}
.qcp-explainer[data-collection-stage="invitation"] .qcp-world,.qcp-explainer[data-collection-stage="transition"] .qcp-world{pointer-events:none}
@media(max-width:900px){
 .qcp-stage[data-chapter="2"] .qcp-side{transform:translateY(calc((1 - var(--collect-shift,1))*52px))}
 .qcp-collect-intro{inset:50% 8px 8% 8px;justify-content:center;padding:0}
 .qcp-collect-intro p{text-align:center;font-size:27px;line-height:1.25}
}

/* The limit question and dial form a centered pair without a duplicate caption. */
.qcp-stage[data-chapter="2"] .qcp-dial-readout{display:none}
.qcp-stage[data-chapter="2"] .qcp-side{align-items:center}
.qcp-stage[data-chapter="3"] .qcp-world{border:1px solid #e6e9ee;background:#fcfcfd}
.qcp-stage[data-chapter="3"] .qcp-learning-board{background:#fcfcfd}
@media(max-width:900px){.qcp-stage[data-chapter="2"] .qcp-knob-controls{grid-template-rows:82px 34px}}

/* Closing, like Intro, uses the whole stage without a separate title row. */
.qcp-explainer[data-chapter="4"]{display:grid;grid-template-columns:1fr 1fr}
.qcp-explainer[data-chapter="4"] .qcp-story-heading{display:contents}
.qcp-explainer[data-chapter="4"] .qcp-story-copy{display:none}
.qcp-explainer[data-chapter="4"] .qcp-stage{grid-column:1/-1;grid-row:1;height:280px;margin-top:0}
.qcp-explainer[data-chapter="4"] #qcp-previous,.qcp-explainer[data-chapter="4"] #qcp-next{grid-row:1;align-self:end;margin:0 12px 6px;z-index:1}
.qcp-explainer[data-chapter="4"] #qcp-previous{grid-column:1}
.qcp-explainer[data-chapter="4"] #qcp-next{display:none}
.qcp-explainer[data-chapter="4"] .qcp-playback{grid-column:1/-1;grid-row:2}
@media(max-width:900px){.qcp-explainer[data-chapter="4"] .qcp-stage{height:445px}}

.qcp-stage[data-chapter="4"] .qcp-side{display:none}
.qcp-stage[data-chapter="4"] .qcp-stage-content{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}
.qcp-stage[data-chapter="4"] .qcp-world{border:0;background:#fcfcfd}
.qcp-closing-board{position:absolute;inset:0;background:#fcfcfd}
.qcp-closing-board[hidden]{display:none}
.qcp-closing-board svg{display:block;width:100%;height:100%}
.qcp-closing-board text{font-family:var(--font-sans);letter-spacing:-.025em}
.qcp-track,.qcp-chapters{gap:14px}
@media(max-width:900px){
 .qcp-step-index{display:none}
 .qcp-track,.qcp-chapters{gap:6px}
 .qcp-chapters button{font-size:9.5px;letter-spacing:-.03em}
}

/* Separate visual parts keep their original appearance and can be edited independently. */
.qcp-choice-tick{display:none}.qcp-quality-picker button[aria-pressed="true"] .qcp-choice-tick{display:block}
[data-edit-id^="collect-line"],[data-edit-id^="limit-line"]{display:inline-block}

/* Match navigation arrows to the adjacent label baseline. */
.qcp-step-arrow{align-items:center}.qcp-step-arrow>span{line-height:1}.qcp-step-arrow>span[aria-hidden]{position:static;display:inline-flex;align-items:center;justify-content:center;width:18px;height:14px;flex:none}.qcp-nav-arrow svg{display:block;width:18px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* Compact, centered quality choices independent of label length. */
@media(min-width:901px){
 .qcp-stage[data-chapter="0"] .qcp-quality-picker{width:min(100%,180px);margin-inline:auto}
 .qcp-stage[data-chapter="0"] .qcp-quality-picker button{justify-content:center;text-align:center;padding-inline:25px}
 .qcp-stage[data-chapter="0"] .qcp-choice-check{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
}

/* Control and collection share a single visual scale. */
.qcp-world>.qcp-dial-readout{display:none}
.qcp-stage[data-chapter="1"] #qcp-dial-quality{white-space:pre-line;font-size:24px;line-height:1.16;letter-spacing:-.035em;font-weight:600;color:#202124;margin:0 auto 3px}
.qcp-stage[data-chapter="1"] .qcp-world>.qcp-dial-readout{display:block;position:absolute;left:12px;top:43px;z-index:2;min-height:0;pointer-events:none}
.qcp-stage[data-chapter="1"] .qcp-world>.qcp-dial-readout strong{font-size:21px;line-height:1.2;font-weight:500;color:#465d78}
@media(min-width:901px){
 .qcp-stage[data-chapter="1"] .qcp-stage-content{grid-template-columns:250px minmax(0,1fr)}
 .qcp-stage[data-chapter="1"] .qcp-dial-wrap{width:136px;height:136px;margin:4px auto}
 .qcp-stage[data-chapter="1"] .qcp-dial-ticks{mask:radial-gradient(circle,transparent 62px,#000 63px 65px,transparent 66px)}
 .qcp-stage[data-chapter="1"] .qcp-dial-hint{top:calc(100% - 14px)}
 .qcp-stage[data-chapter="1"] .qcp-dial-hint svg{width:90px;height:19.8px;transform-origin:50% -52px}
}
@media(max-width:900px){
 .qcp-stage[data-chapter="1"] .qcp-stage-content{grid-template-rows:155px minmax(0,1fr)}
 .qcp-stage[data-chapter="1"] .qcp-knob-controls{grid-template-columns:128px minmax(0,1fr);grid-template-rows:82px 34px}
 .qcp-stage[data-chapter="1"] #qcp-dial-quality{grid-column:2;grid-row:1/3;align-self:center;margin:0;padding:0;font-size:23px;text-align:left}
 .qcp-stage[data-chapter="1"] .qcp-dial-wrap{width:116px;height:116px;margin:0;justify-self:start;align-self:center}
 .qcp-stage[data-chapter="1"] .qcp-dial-ticks{mask:radial-gradient(circle,transparent 52px,#000 53px 55px,transparent 56px)}
}

.qcp-explainer[data-transitioning] .qcp-stage{pointer-events:none}

/* A trained policy becomes the very same dial used in Control. */
.qcp-trained-policy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:16px 8px;border:0;border-radius:18px;background:#f4f8fd;box-shadow:none;color:#315f96;font-family:var(--font-sans);text-align:center;opacity:var(--trained-reveal,0);transform:translateY(calc((1 - var(--trained-reveal,0))*9px));pointer-events:none}
.qcp-trained-policy[hidden]{display:none}
.qcp-trained-mark{width:64px;height:64px;flex:none;border:1px solid #b7cbe2;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff,#e6eef8);box-shadow:inset 0 0 0 5px #ffffffaa;color:#315f96}
.qcp-trained-mark>span{font:40px/1 "QCP Math","STIX Two Math",serif;transform:translateY(-2px)}
.qcp-trained-mark sub{font-size:.5em;vertical-align:-.2em}
.qcp-trained-title{line-height:1.18;letter-spacing:-.035em}
.qcp-trained-title>span{display:block;font-size:18px;font-weight:500}
.qcp-trained-title>strong{display:block;margin-top:4px;font-size:26px;font-weight:600}
.qcp-trained-status{display:flex;align-items:center;gap:6px;color:#466b96;font-size:16px;font-weight:500}
.qcp-trained-status svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qcp-explainer[data-transitioning="policy"]{position:relative}
.qcp-policy-transition,.qcp-policy-outgoing{position:absolute;inset:0;pointer-events:none}
.qcp-policy-transition{z-index:5}
.qcp-policy-morph{position:absolute;pointer-events:none;will-change:transform}
.qcp-explainer[data-transitioning="policy"] .qcp-stage>.qcp-stage-content .qcp-dial-wrap{visibility:hidden}
@media(max-width:900px){
 .qcp-trained-policy{display:grid;grid-template-columns:56px 1fr;grid-template-rows:1fr 1fr;column-gap:14px;row-gap:3px;padding:9px 20px;text-align:left;border-radius:14px}
 .qcp-trained-mark{grid-row:1/3;width:52px;height:52px}.qcp-trained-mark>span{font-size:34px}
 .qcp-trained-title{align-self:end}.qcp-trained-title>span{font-size:16px}.qcp-trained-title>strong{display:inline;font-size:19px;margin:0}
 .qcp-trained-status{align-self:start;font-size:13px;gap:4px}.qcp-trained-status svg{width:15px;height:15px}
}

/* Adjacent chapters share objects while the surrounding explanation changes. */
.qcp-explainer[data-transitioning="bridge"]{position:relative}
.qcp-scene-transition,.qcp-scene-outgoing{position:absolute;inset:0;pointer-events:none}
.qcp-scene-transition{z-index:5}
.qcp-shared-object{position:absolute;transform-origin:0 0;will-change:transform;pointer-events:none}
[data-qcp-transition-hidden],[data-qcp-transition-hidden] *{visibility:hidden!important}