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