.intent-engine{margin:0;--engine-scale:var(--lexx-text-scale,1)}
.engine-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px;font-size:calc(13px * var(--engine-scale));color:var(--slate)}
.engine-replay{background:transparent;border:1px solid #a8b1b9;border-radius:999px;padding:9px 16px;min-height:44px;color:var(--ink);font:inherit;font-size:calc(13px * var(--engine-scale));cursor:pointer}.engine-replay span{margin-inline-start:10px}.engine-replay:disabled{opacity:.5;cursor:default}.engine-replay:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.engine-canvas{position:relative;aspect-ratio:1672/941;isolation:isolate;container-type:inline-size;overflow:hidden;background:#17283d;color:#f6f5f0}
.engine-art{position:absolute;inset:0;z-index:-1;background:url('intent-engine-desktop.png') right center/110% 110% no-repeat}
.engine-label{position:absolute;line-height:1.35}
.engine-input-label{right:3%;top:9%;font-size:calc(13px * var(--engine-scale));color:#e0e6ed}
.engine-fit{left:67%;top:17.5%;width:25%;height:6%;display:grid;place-items:center;text-align:center;color:#17283d;font-weight:500;font-size:calc(clamp(15px,1.94cqi,24px) * var(--engine-scale))}
.engine-fit-phrase{display:block}
.engine-decision{left:31%;top:14%;width:24%;text-align:right;font-size:calc(clamp(12px,1.13cqi,14px) * var(--engine-scale));color:#f6f5f0}
.engine-ad{left:31%;top:21%;width:24%}
.engine-ad small{display:block;font-size:calc(clamp(11px,1.05cqi,13px) * var(--engine-scale));color:#ffc3ac;margin-bottom:10px}
.engine-ad h3{font-size:calc(clamp(19px,2.34cqi,29px) * var(--engine-scale));line-height:1.15;font-weight:500;max-width:240px;margin:0 0 12px}
.engine-ad p{font-size:calc(clamp(12px,1.13cqi,14px) * var(--engine-scale));color:#dce4ee;margin:0}
.engine-outcome{left:2.8%;top:30%;width:24%;color:#17283d}
.engine-outcome small{display:block;font-size:calc(clamp(11px,1.05cqi,13px) * var(--engine-scale));margin-bottom:14px}
.engine-outcome h3{font-size:calc(clamp(22px,3.06cqi,38px) * var(--engine-scale));font-weight:500;line-height:1.16;margin:0}
.engine-outcome h3 span{display:block;white-space:nowrap}
.engine-other{left:71%;top:29.7%;width:18%;height:4%;display:grid;place-items:center;text-align:center;color:#17283d;font-size:calc(clamp(13px,1.45cqi,18px) * var(--engine-scale));font-weight:500}
.engine-excluded{left:24.3%;top:69.3%;width:30%;text-align:left;color:#c4cfdd}
.engine-excluded h3{font-size:calc(clamp(16px,1.78cqi,22px) * var(--engine-scale));font-weight:500;line-height:1.35;margin:0 0 7px}
.engine-excluded p{font-size:calc(clamp(12px,1.13cqi,14px) * var(--engine-scale));margin:0}
.engine-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.engine-paths-mobile{display:none}
.engine-trace{fill:none;stroke:#ffe2cf;stroke-width:2.4;stroke-linecap:round;opacity:0}.engine-trace-muted{stroke:#c5d0dd;stroke-width:2}
.engine-signal{fill:#fff3e7;stroke:#ee754f;stroke-width:5;opacity:0}.engine-signal-muted{fill:#cfdae4;stroke:#64748b;stroke-width:4}
.intent-engine[data-running=true]:not([data-step='0']) [data-reveal]{transition:opacity 400ms var(--ease-out),transform 600ms var(--ease-out)}
.intent-engine[data-running=true] [data-reveal]:not(.engine-revealed){opacity:0;transform:translateY(8px)}
.intent-engine[data-step='0'] .engine-fit-phrase{clip-path:inset(0 0 0 100%)}
.intent-engine[data-running=true][data-step='1'] .engine-fit-phrase{transition:clip-path 750ms steps(24,end)}
@media(max-width:820px){
.engine-heading{align-items:start;font-size:calc(12px * var(--engine-scale));gap:12px}.engine-heading>span{max-width:150px}.engine-replay{font-size:calc(12px * var(--engine-scale));padding-inline:12px;white-space:nowrap}
.engine-canvas{aspect-ratio:2/3;margin-inline:-5px}
.engine-art{background-image:url('intent-engine-mobile.png');background-size:100% 100%;background-position:center}
.engine-paths-desktop{display:none}.engine-paths-mobile{display:inline}
.engine-input-label{left:7%;right:auto;top:1.5%;font-size:calc(11px * var(--engine-scale))}
.engine-fit{left:9%;top:7%;width:67%;height:7%;font-size:calc(clamp(15px,5.5cqi,19px) * var(--engine-scale))}
.engine-decision{left:8%;top:17%;width:58%;font-size:calc(clamp(11px,3.48cqi,12px) * var(--engine-scale))}
.engine-ad{left:8%;top:21.5%;width:58%}.engine-ad small{font-size:calc(11px * var(--engine-scale));margin-bottom:7px}.engine-ad h3{font-size:calc(clamp(16px,6.1cqi,21px) * var(--engine-scale));max-width:210px;margin-bottom:8px}.engine-ad p{font-size:calc(clamp(11px,3.48cqi,12px) * var(--engine-scale));max-width:190px}
.engine-outcome{left:11%;top:46%;width:77%}.engine-outcome small{font-size:calc(12px * var(--engine-scale));margin-bottom:9px}.engine-outcome h3{font-size:calc(clamp(26px,8.7cqi,30px) * var(--engine-scale));max-width:265px;line-height:1.15}
.engine-other{left:21%;top:75%;width:58%;height:6%;font-size:calc(clamp(14px,4.93cqi,17px) * var(--engine-scale))}
.engine-excluded{left:33%;top:85%;width:60%;text-align:right}.engine-excluded h3{font-size:calc(clamp(14px,4.93cqi,17px) * var(--engine-scale));margin-bottom:5px}.engine-excluded p{font-size:calc(clamp(11px,3.48cqi,12px) * var(--engine-scale))}
}
.engine-reading .engine-canvas{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:30px}
.engine-reading .engine-art,.engine-reading .engine-routes{display:none}
.engine-reading .engine-label{position:static;width:auto;height:auto;text-align:right}
.engine-reading .engine-input-label{grid-column:1/-1}
.engine-reading .engine-fit{background:#f6f5f0;border-radius:30px;padding:15px;grid-column:1/-1}
.engine-reading .engine-decision{color:#ffc3ac}
.engine-reading .engine-outcome{color:#f6f5f0}
.engine-reading .engine-outcome h3 span{display:inline;white-space:normal}
.engine-reading .engine-other{color:#c4cfdd;justify-content:start;grid-column:1/-1;border-top:1px solid #64748b;padding-top:20px}
.engine-reading .engine-excluded{grid-column:1/-1}
@media(max-width:820px){.engine-reading .engine-canvas{grid-template-columns:1fr;padding:25px}.engine-reading .engine-label{grid-column:1}}
@media(prefers-reduced-motion:reduce){.intent-engine *{transition:none!important}}
.lexx-reduced-motion .intent-engine *,.motion-paused .intent-engine *{transition:none!important}
.lexx-high-contrast .engine-canvas{background:#000}.lexx-high-contrast .engine-label{color:#fff;background:#000;padding:4px}.lexx-high-contrast .engine-fit,.lexx-high-contrast .engine-other,.lexx-high-contrast .engine-outcome{color:#000;background:#fff}

/* Let the illustration meet the viewport, while editorial headings retain their measure. */
.problem{padding-bottom:0}
.problem>.wrap{width:100%;max-width:none}
.problem .section-heading,.problem .engine-heading{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.problem .engine-canvas{margin-inline:0}
@media(max-width:820px){.problem .section-heading,.problem .engine-heading{width:calc(100% - 40px)}}