/* IED Unit 4 lesson-specific interactives */
body.immersive-lesson-page .u4-interactive {
  --u4-navy:#0b1f3a; --u4-blue:#0c5a91; --u4-blue-dark:#073f66; --u4-gold:#f3c95c;
  --u4-green:#17653a; --u4-red:#9a2f2f; --u4-surface:#f7fafc; --u4-border:#9db2c4;
  color:var(--u4-navy)!important; -webkit-text-fill-color:var(--u4-navy)!important;
}
body.immersive-lesson-page .u4-interactive :is(h2,h3,p,li,label,legend,th,td,span,strong,output) {
  color:var(--u4-navy)!important; -webkit-text-fill-color:var(--u4-navy)!important; opacity:1!important;
}
.u4-interactive .u4-intro{max-width:900px;margin-bottom:1.2rem}.u4-interactive .u4-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:1.2rem;align-items:start}.u4-interactive .u4-workspace.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.u4-interactive .u4-panel{background:#fff;border:2px solid var(--u4-border);border-radius:16px;padding:1rem;min-width:0}.u4-interactive .u4-panel.soft{background:var(--u4-surface)}.u4-interactive .u4-panel h3{margin-top:0}.u4-interactive .u4-visual{background:#fff;border:2px solid #bfd0dc;border-radius:14px;padding:.75rem;min-height:240px;display:grid;place-items:center;overflow:hidden}.u4-interactive svg{width:100%;height:auto;max-height:420px}.u4-interactive .u4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.u4-interactive .u4-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.u4-interactive .u4-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.u4-interactive .u4-card{background:#fff;border:2px solid #aebfcc;border-radius:12px;padding:.8rem;min-width:0}.u4-interactive .u4-stack{display:grid;gap:.7rem}.u4-interactive .u4-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.7fr);gap:.75rem;align-items:center}.u4-interactive .u4-note{margin-top:.9rem;background:#fff8da;border:2px solid #e2bf4f;padding:.8rem 1rem;border-radius:12px}.u4-interactive .u4-feedback{margin-top:1rem;border-left:6px solid var(--u4-blue);background:#eaf4fb;padding:.85rem 1rem;border-radius:10px;min-height:3rem}.u4-interactive .u4-feedback[data-state="success"]{border-left-color:var(--u4-green);background:#e6f5ec}.u4-interactive .u4-feedback[data-state="error"]{border-left-color:var(--u4-red);background:#faeaea}.u4-interactive .u4-button-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
body.immersive-lesson-page .u4-interactive button{min-height:44px;border:2px solid var(--u4-blue-dark);border-radius:10px;padding:.65rem .95rem;background:var(--u4-blue);color:#fff!important;-webkit-text-fill-color:#fff!important;font:inherit;font-weight:800;cursor:pointer}body.immersive-lesson-page .u4-interactive button *{color:inherit!important;-webkit-text-fill-color:inherit!important}body.immersive-lesson-page .u4-interactive button.secondary,body.immersive-lesson-page .u4-interactive button.choice-button{background:#fff;color:var(--u4-navy)!important;-webkit-text-fill-color:var(--u4-navy)!important;border-color:#aebfcc}body.immersive-lesson-page .u4-interactive button.choice-button{width:100%;text-align:left}body.immersive-lesson-page .u4-interactive button.choice-button[aria-pressed="true"],body.immersive-lesson-page .u4-interactive button.selected{background:#dcecf8;border-color:var(--u4-blue)}body.immersive-lesson-page .u4-interactive button:hover{filter:brightness(.95)}body.immersive-lesson-page .u4-interactive :is(button,input,select,textarea):focus-visible{outline:4px solid #ffbf47!important;outline-offset:2px}
.u4-interactive label{display:grid;gap:.35rem;font-weight:700}.u4-interactive select,.u4-interactive input[type="text"],.u4-interactive input[type="number"],.u4-interactive textarea{width:100%;min-height:44px;border:2px solid #879dac;border-radius:10px;padding:.6rem .7rem;background:#fff;color:#0b1f3a;font:inherit}.u4-interactive input[type="range"]{width:100%;accent-color:var(--u4-blue)}.u4-interactive input[type="checkbox"],.u4-interactive input[type="radio"]{width:1.15rem;height:1.15rem;accent-color:var(--u4-blue)}.u4-interactive fieldset{border:0;padding:0;margin:0;min-width:0}.u4-interactive legend{font-weight:800;margin-bottom:.7rem}.u4-interactive .u4-option-list{display:grid;gap:.65rem}.u4-interactive .u4-option{display:flex;gap:.65rem;align-items:flex-start;border:2px solid #c9d5de;border-radius:12px;padding:.75rem;background:#fff}.u4-interactive .u4-option:hover{border-color:var(--u4-blue)}.u4-interactive .u4-table-wrap{overflow-x:auto}.u4-interactive table{border-collapse:collapse;width:100%;background:#fff}.u4-interactive th,.u4-interactive td{border:1px solid #aebfcc;padding:.7rem;text-align:left;vertical-align:middle}.u4-interactive th{background:#e8f0f5;font-weight:800}.u4-interactive tr[data-state="correct"]{background:#e6f5ec}.u4-interactive tr[data-state="incorrect"]{background:#faeaea}.u4-interactive .u4-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.u4-interactive .u4-metric{border:2px solid #b8c8d3;border-radius:12px;padding:.7rem;background:#fff;text-align:center}.u4-interactive .u4-metric output{display:block;font-size:1.35rem;font-weight:900}.u4-interactive .u4-sort-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.u4-interactive .u4-sort-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;border:2px solid #aebfcc;border-radius:12px;background:#fff;padding:.7rem}.u4-interactive .u4-sort-controls{display:flex;gap:.35rem}.u4-interactive .u4-sort-controls button{min-width:44px;padding:.4rem!important}.u4-interactive .u4-status-chip{display:inline-block;border-radius:999px;padding:.25rem .55rem;background:#e8f0f5;border:1px solid #9db2c4;font-weight:800}.u4-interactive .u4-status-good{color:#17653a!important;font-weight:900}.u4-interactive .u4-status-bad{color:#9a2f2f!important;font-weight:900}.u4-interactive .u4-bar{height:12px;background:#dce5eb;border-radius:999px;overflow:hidden}.u4-interactive .u4-bar>span{display:block;height:100%;background:#0c5a91}.u4-interactive .u4-circuit{position:relative;min-height:280px;border:2px solid #9db2c4;border-radius:14px;background:#f7fafc;overflow:hidden}.u4-interactive .u4-circuit svg{position:absolute;inset:0;width:100%;height:100%}.u4-interactive .u4-led{transition:fill .2s ease,filter .2s ease}.u4-interactive .u4-graph{border:2px solid #9db2c4;border-radius:12px;background:#fff;padding:.6rem}.u4-interactive .u4-architecture{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;align-items:center}.u4-interactive .u4-node{border:2px solid #8ea4b4;border-radius:12px;background:#fff;padding:.8rem;text-align:center;font-weight:800}.u4-interactive .u4-arrow{text-align:center;font-size:1.5rem;font-weight:900}.u4-interactive .u4-warning{background:#fff2f2;border:2px solid #c96060;border-radius:10px;padding:.7rem}.u4-interactive .u4-success{background:#e6f5ec;border:2px solid #4c956c;border-radius:10px;padding:.7rem}
@media(max-width:900px){.u4-interactive .u4-workspace,.u4-interactive .u4-workspace.equal{grid-template-columns:1fr}.u4-interactive .u4-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.u4-interactive .u4-architecture{grid-template-columns:1fr}.u4-interactive .u4-arrow{transform:rotate(90deg)}}@media(max-width:620px){.u4-interactive .u4-grid,.u4-interactive .u4-grid.two,.u4-interactive .u4-grid.four{grid-template-columns:1fr}.u4-interactive .u4-row{grid-template-columns:1fr}.u4-interactive .u4-metric-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.u4-interactive *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}