/* Native, local exercises: shared compact geometry, independent of site chrome. */
.interactive-lab{scroll-margin-top:24px}
.interactive-lab [hidden]{display:none!important}
.interactive-lab .lab-heading{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:26px}
.interactive-lab .lab-heading h2{font-size:clamp(27px,3vw,38px);letter-spacing:-1px;margin:0;max-width:650px}
.interactive-lab .lab-heading>p{color:var(--muted);font-size:15px;line-height:1.6;margin:0;max-width:560px}
.interactive-lab .lab-kicker{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:600;line-height:1.5;margin:0 0 10px}
.interactive-lab .lab-kicker:before{content:'';width:18px;height:2px;background:var(--orange);flex-shrink:0}
.interactive-lab .lab-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);gap:32px;align-items:start}
.interactive-lab .lab-grid:has(>.lab-controls[hidden]){grid-template-columns:1fr}
.interactive-lab .lab-controls{background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:22px;min-width:0}
.interactive-lab .lab-field{display:grid;gap:8px;color:var(--navy);font-size:14px;font-weight:600;line-height:1.5;margin:0 0 20px}
.interactive-lab .lab-field select,.interactive-lab .lab-field input{width:100%;min-width:0;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #9eb0bc;border-radius:3px;color:var(--ink);font-size:16px;font-weight:400;line-height:1.5}
.interactive-lab .lab-result{min-width:0}
.interactive-lab .lab-result>h3{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px}
.interactive-lab .lab-note{font-size:13px;line-height:1.6;color:var(--muted);margin:14px 0 0;overflow-wrap:anywhere}
.interactive-lab .lab-status{font-size:13px;line-height:1.5;color:var(--muted);margin:14px 0 0;min-height:1.5em}
.interactive-lab .lab-status:empty{min-height:0;margin:0}
.interactive-lab .lab-link{display:inline-block;color:var(--navy);font-size:14px;font-weight:600;line-height:1.6;text-decoration:underline;text-underline-offset:4px;padding-block:9px;overflow-wrap:anywhere}
.interactive-lab .lab-link:hover{color:var(--deep)}
.interactive-lab button:focus-visible,.interactive-lab input:focus-visible,.interactive-lab select:focus-visible,.interactive-lab a:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.interactive-lab button{min-height:44px}
@media(max-width:760px){.interactive-lab .lab-heading{grid-template-columns:1fr;gap:14px}.interactive-lab .lab-grid{grid-template-columns:1fr;gap:24px}.interactive-lab .lab-controls{padding:18px}.interactive-lab .lab-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.interactive-lab *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}