/* Three films, one readable technical story per tab. */
#engineering .section-lede{max-width:780px}
.explainer-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);align-items:start;background:#001222}
.explainer-media{min-width:0;padding:30px 0 30px 30px}
.technical-screen{margin:0;background:#000e1e;position:relative;overflow:hidden;border:1px solid #ffffff26}
.screen-picture{position:relative;aspect-ratio:16/9;background:#000e1e}
.technical-explainer{display:block;width:100%;height:100%;object-fit:contain;background:#000e1e}
.technical-explainer::cue{font-family:Lato,sans-serif;background:#001222e8;color:#fff}
.technical-screen figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-top:1px solid #ffffff20;color:#bdd0de;font-size:.875rem;line-height:1.5}
.narration-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #8da8bd;border-radius:0;background:transparent;color:#fff;font:inherit;cursor:pointer}
.narration-toggle:hover{background:#0367A9;border-color:#fff}
.narration-toggle:disabled{opacity:.65;cursor:default}
.narration-toggle:focus-visible,.signal-model summary:focus-visible,.explainer-transcript summary:focus-visible{outline:2px solid #d65527;outline-offset:4px}
.loop-error{padding:0 20px 20px;color:#fff;font-size:1rem;line-height:1.5}
.explainer-transcript{margin-top:18px;color:#bdd0de;font-size:1rem;line-height:1.7;border-bottom:1px solid #ffffff26}
.explainer-transcript summary{cursor:pointer;padding:12px 0;color:#fff;min-height:44px}
.explainer-transcript p{margin:0;padding:8px 0 22px}
.explainer-copy{padding:32px 32px 34px;min-width:0}
.explainer-mechanism{margin:0 0 14px!important;color:#0367A9!important;font-size:.8125rem!important;line-height:1.5!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.explainer-copy h3{font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.16;color:#fff;font-weight:400;letter-spacing:-.02em}
.explainer-copy .explainer-intro{font-size:1rem;line-height:1.65;color:#bdd0de;margin:16px 0 24px}
.explainer-steps{list-style:none;margin:0 0 25px;padding:0;display:grid;gap:0;border-top:1px solid #ffffff26}
.explainer-steps li{position:relative;padding:17px 0 17px 18px;border-bottom:1px solid #ffffff26;transition:background .2s ease}
.explainer-steps li::before{content:"";position:absolute;top:19px;bottom:19px;left:0;width:2px;background:#345268;transition:background .2s ease}
.explainer-steps li[aria-current="step"]::before{background:#d65527}
.explainer-steps li[aria-current="step"]{background:#0367A914}
.explainer-steps li>span{display:block;margin-bottom:5px;color:#0367A9;font-size:.8125rem;font-weight:700;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}
.explainer-steps h4{margin:0;color:#fff;font-size:1rem;line-height:1.45;font-weight:700}
.explainer-steps p{margin:6px 0 0;color:#bdd0de;font-size:1rem;line-height:1.55}
.explainer-copy .text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:.9375rem;line-height:1.5;color:#fff}
.signal-model{border-top:1px solid #ffffff26;background:#000e1e}
.signal-model>summary{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:18px 32px;color:#bdd0de;font-size:1rem;cursor:pointer;list-style:none}
.signal-model>summary::-webkit-details-marker{display:none}
.signal-model>summary span{font-size:1.5rem;line-height:1}
.signal-model[open]>summary span{transform:rotate(45deg)}
.signal-model[open] .tech-visual{border-top:1px solid #ffffff20}
@media(max-width:1100px){.explainer-layout{grid-template-columns:1.4fr 1fr}.explainer-media{padding:24px 0 24px 24px}.explainer-copy{padding:25px 24px}.explainer-copy h3{font-size:1.65rem}.technical-screen figcaption{padding:14px}}
@media(max-width:900px){.explainer-layout{grid-template-columns:1fr}.explainer-media{padding:24px 24px 0}.explainer-copy{padding:28px 24px 32px}.explainer-copy h3{font-size:2rem;max-width:640px}.explainer-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:0}.explainer-steps li{border-top:1px solid #ffffff26}.explainer-copy .explainer-intro{max-width:720px}.explainer-transcript{margin-top:12px}}
@media(max-width:640px){.explainer-media{padding:18px 6% 0}.explainer-copy{padding:26px 6% 30px}.explainer-steps{grid-template-columns:1fr;gap:0;border-top:1px solid #ffffff26}.explainer-steps li{border-top:0}.technical-screen figcaption{gap:10px;padding:14px;font-size:.8125rem}.narration-toggle{font-size:.875rem}.signal-model>summary{padding-inline:6%;gap:20px}.explainer-copy h3{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.explainer-steps li,.explainer-steps li::before{transition:none}}