/* ---------- Adaptive intervention slide-out panel ---------- */
#overlay{
  position:fixed;inset:0;background:rgba(10,11,18,.66);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:50;
}
#overlay.open{opacity:1;pointer-events:auto}
#intervention-panel{
  position:fixed;top:0;right:0;height:100dvh;width:min(490px,100%);z-index:60;
  background:rgba(26,28,44,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-left:1px solid var(--line-strong);box-shadow:-30px 0 70px rgba(6,7,12,.65);
  transform:translateX(106%);transition:transform .5s cubic-bezier(.32,.72,.24,1);
  display:flex;flex-direction:column;
}
#intervention-panel.open{transform:translateX(0)}
.panel-head{padding:20px 24px 16px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:14px}
.panel-icon{width:40px;height:40px;border-radius:12px;background:rgba(214,40,40,.12);border:1px solid rgba(214,40,40,.42);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.panel-kicker{font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#F08A8E}
#panel-title{font-size:17px;font-weight:800;line-height:1.3;margin-top:2px}
.panel-close{
  margin-left:auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--line-strong);
  background:rgba(255,255,255,.03);color:var(--muted);font-size:17px;cursor:pointer;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;font-family:var(--font);
}
.panel-close:hover{background:rgba(255,255,255,.08);color:var(--text)}
.panel-close:focus-visible{outline:2px solid var(--crimson-light);outline-offset:2px}
#panel-body{flex:1;overflow-y:auto;padding:22px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
#panel-body::-webkit-scrollbar{width:8px}
#panel-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:99px}
.panel-foot{padding:16px 24px;border-top:1px solid var(--line);background:rgba(15,16,24,.6)}
.panel-section-label{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint);margin:22px 0 11px}
.panel-section-label:first-child{margin-top:0}
.diagnosis-card{
  background:rgba(233,180,76,.08);border:1px solid rgba(233,180,76,.35);border-radius:13px;
  padding:15px 18px;font-size:14px;color:#F3DCAF;line-height:1.6;
}
.diagnosis-card b{color:#F3C878}
.countdown-note{
  display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);
  background:rgba(143,163,208,.07);border:1px solid rgba(143,163,208,.28);
  border-radius:11px;padding:11px 15px;line-height:1.55;
}
.countdown-note b{color:#CBD5EE}

/* ---------- Remedial video block ---------- */
.video-block{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:rgba(10,11,18,.4)}
.video-real{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;display:block}
.video-missing{
  aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  background:radial-gradient(120% 120% at 30% 20%,#2A2D49 0%,#16182A 55%,#101221 100%);
  color:var(--muted);font-size:13px;text-align:center;padding:0 24px;line-height:1.6;
}
.video-missing svg{opacity:.6}
.asset-line{padding:11px 17px;font-size:11px;color:var(--faint);border-top:1px solid var(--line)}
.asset-line code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#9FB0DC;background:rgba(255,255,255,.04);padding:2px 7px;border-radius:6px;border:1px solid var(--line)}