/* POE Unit 4 lesson-specific interactives */
body.immersive-lesson-page .poe-u4-interactive {
  --u4-navy:#0b1f3a;
  --u4-blue:#0c5a91;
  --u4-blue-dark:#073f66;
  --u4-gold:#d7ab3e;
  --u4-green:#17653a;
  --u4-red:#9a2f2f;
  --u4-surface:#f6f9fc;
  --u4-border:#9db2c4;
  color:var(--u4-navy)!important;
  -webkit-text-fill-color:var(--u4-navy)!important;
}
body.immersive-lesson-page .poe-u4-interactive h2,
body.immersive-lesson-page .poe-u4-interactive h3,
body.immersive-lesson-page .poe-u4-interactive p,
body.immersive-lesson-page .poe-u4-interactive li,
body.immersive-lesson-page .poe-u4-interactive label,
body.immersive-lesson-page .poe-u4-interactive legend,
body.immersive-lesson-page .poe-u4-interactive th,
body.immersive-lesson-page .poe-u4-interactive td,
body.immersive-lesson-page .poe-u4-interactive span,
body.immersive-lesson-page .poe-u4-interactive strong {
  color:var(--u4-navy)!important;
  -webkit-text-fill-color:var(--u4-navy)!important;
  opacity:1!important;
}
.poe-u4-interactive .u4-intro{max-width:900px;margin-bottom:1.1rem;}
.poe-u4-interactive .u4-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:1rem;align-items:start;}
.poe-u4-interactive .u4-workspace.equal{grid-template-columns:repeat(2,minmax(0,1fr));}
.poe-u4-interactive .u4-panel{background:#fff;border:2px solid var(--u4-border);border-radius:16px;padding:1rem;min-width:0;}
.poe-u4-interactive .u4-panel.soft{background:var(--u4-surface);}
.poe-u4-interactive .u4-panel h3{margin-top:0;}
.poe-u4-interactive .u4-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;}
.poe-u4-interactive .u4-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.poe-u4-interactive .u4-card{background:#fff;border:2px solid #c3d1dc;border-radius:12px;padding:.8rem;min-width:0;}
.poe-u4-interactive .u4-data-strip{display:flex;flex-wrap:wrap;gap:.55rem;margin:.8rem 0;}
.poe-u4-interactive .u4-data-chip{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:42px;padding:.4rem .65rem;border:2px solid #abc0cf;border-radius:10px;background:#fff;font-weight:900;}
.poe-u4-interactive .u4-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;}
.poe-u4-interactive label{display:grid;gap:.35rem;font-weight:800;}
.poe-u4-interactive select,
.poe-u4-interactive input[type="number"],
.poe-u4-interactive input[type="text"]{width:100%;min-height:44px;border:2px solid #879dac;border-radius:10px;padding:.55rem .65rem;background:#fff;color:var(--u4-navy)!important;-webkit-text-fill-color:var(--u4-navy)!important;font:inherit;}
.poe-u4-interactive fieldset{border:0;padding:0;margin:0;min-width:0;}
.poe-u4-interactive legend{font-weight:900;margin-bottom:.65rem;}
.poe-u4-interactive .u4-option-list{display:grid;gap:.55rem;}
.poe-u4-interactive .u4-option{display:flex;gap:.6rem;align-items:flex-start;padding:.7rem;border:2px solid #c7d4de;border-radius:11px;background:#fff;}
.poe-u4-interactive .u4-option input{width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:var(--u4-blue);flex:0 0 auto;}
.poe-u4-interactive .u4-button-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem;}
body.immersive-lesson-page .poe-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:900;cursor:pointer;}
body.immersive-lesson-page .poe-u4-interactive button.secondary{background:#fff;color:var(--u4-navy)!important;-webkit-text-fill-color:var(--u4-navy)!important;border-color:var(--u4-border);}
body.immersive-lesson-page .poe-u4-interactive button:hover{filter:brightness(.94);}
body.immersive-lesson-page .poe-u4-interactive button:focus-visible,
body.immersive-lesson-page .poe-u4-interactive input:focus-visible,
body.immersive-lesson-page .poe-u4-interactive select:focus-visible{outline:4px solid #ffbf47!important;outline-offset:2px;}
.poe-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;}
.poe-u4-interactive .u4-feedback[data-state="success"]{border-left-color:var(--u4-green);background:#e6f5ec;}
.poe-u4-interactive .u4-feedback[data-state="error"]{border-left-color:var(--u4-red);background:#faeaea;}
.poe-u4-interactive .u4-note{margin-top:.8rem;background:#fff8da;border:2px solid #e2bf4f;padding:.8rem 1rem;border-radius:12px;}
.poe-u4-interactive .u4-metric{display:grid;gap:.25rem;padding:.8rem;border:2px solid #b6c8d5;border-radius:12px;background:#fff;text-align:center;}
.poe-u4-interactive .u4-metric strong{font-size:1.35rem;}
.poe-u4-interactive .u4-sort-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;}
.poe-u4-interactive .u4-sort-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center;border:2px solid #c2d0da;border-radius:12px;background:#fff;padding:.7rem;}
.poe-u4-interactive .u4-sort-controls{display:flex;gap:.35rem;}
body.immersive-lesson-page .poe-u4-interactive .u4-sort-controls button{min-width:44px;padding:.35rem .55rem;}
.poe-u4-interactive .u4-chart{background:#fff;border:2px solid #c2d0da;border-radius:14px;padding:.75rem;overflow:hidden;}
.poe-u4-interactive .u4-chart svg{width:100%;height:auto;display:block;}
.poe-u4-interactive .u4-bar{height:22px;border-radius:999px;background:#d6e4ee;overflow:hidden;margin:.35rem 0;}
.poe-u4-interactive .u4-bar span{display:block;height:100%;background:#0c5a91;}
.poe-u4-interactive table{width:100%;border-collapse:collapse;background:#fff;}
.poe-u4-interactive th,.poe-u4-interactive td{border:1px solid #aebfcc;padding:.65rem;text-align:left;vertical-align:middle;}
.poe-u4-interactive th{background:#e8f0f5;font-weight:900;}
.poe-u4-interactive .u4-table-wrap{overflow-x:auto;}
@media (max-width:820px){
  .poe-u4-interactive .u4-workspace,.poe-u4-interactive .u4-workspace.equal{grid-template-columns:1fr;}
  .poe-u4-interactive .u4-grid.three{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .poe-u4-interactive .u4-grid,.poe-u4-interactive .u4-form-grid{grid-template-columns:1fr;}
  .poe-u4-interactive .u4-panel{padding:.8rem;}
  .poe-u4-interactive .u4-data-chip{min-width:42px;}
}
/* Override course-wide text hardening inside actionable controls. */
html body.immersive-lesson-page main section.container .poe-u4-interactive button,
html body.immersive-lesson-page main section.container .poe-u4-interactive button * {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body.immersive-lesson-page main section.container .poe-u4-interactive button.secondary,
html body.immersive-lesson-page main section.container .poe-u4-interactive button.secondary * {
  color:var(--u4-navy)!important;
  -webkit-text-fill-color:var(--u4-navy)!important;
}