/* ═══════════════════════════════════════
   WIC INTERACTIVE MODULE
═══════════════════════════════════════ */
.wic-slide {
  width:100%; height:100%;
  background: #0D1B3E;
  display: flex; flex-direction: column;
  padding: 28px 32px 22px;
  box-sizing: border-box;
  position: relative; overflow: hidden;
}
.wic-tag {
  font-family:'Space Mono',monospace;
  font-size:9px; letter-spacing:3px;
  color:#C8B97A; margin-bottom:10px;
  text-transform:uppercase;
}
.wic-heading {
  font-family:'Fraunces',serif;
  font-size:clamp(14px,1.6vw,20px);
  color:#fff; margin-bottom:18px;
  line-height:1.3;
}
/* ── Micro Example Cards ── */
.wic-micro-grid {
  display: flex; flex-direction: column;
  gap: 10px; flex:1;
}
.wic-micro-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(200,185,122,0.2);
  border-radius: 10px; padding: 13px 16px;
  cursor: pointer; transition: all 0.25s;
  position: relative;
}
.wic-micro-card:hover { border-color: rgba(200,185,122,0.5); background: rgba(200,185,122,0.07); }
.wic-micro-card.revealed { border-color: rgba(0,194,168,0.4); background: rgba(0,194,168,0.06); }
.wic-sentence {
  font-size:clamp(11px,1.2vw,14px);
  color:#D8E8F8; line-height:1.6;
}
.wic-sentence .blank-word {
  color:#C8B97A; font-weight:700;
  border-bottom: 2px solid #C8B97A;
  padding-bottom: 1px;
}
.wic-reveal-hint {
  font-family:'Space Mono',monospace;
  font-size:8px; color:rgba(200,185,122,0.5);
  margin-top:4px; letter-spacing:1px;
}
.wic-annotation {
  display:none; margin-top:10px;
  padding: 8px 12px;
  background: rgba(0,194,168,0.1);
  border-left: 3px solid #00C2A8;
  border-radius: 0 6px 6px 0;
  font-size:clamp(10px,1.05vw,12px);
  color:#7EC8BE; line-height:1.5;
}
.wic-micro-card.revealed .wic-annotation { display:block; }
.wic-micro-card.revealed .wic-reveal-hint { display:none; }
.wic-progress-note {
  text-align:center; margin-top:10px;
  font-family:'Space Mono',monospace;
  font-size:9px; color:rgba(200,185,122,0.4);
  letter-spacing:1px;
}
/* ── Inline Practice Questions ── */
.wic-practice-wrap {
  display: flex; flex-direction: column;
  height: 100%; overflow: hidden;
}
.wic-pq-passage {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px; padding: 13px 16px;
  font-size:clamp(11px,1.2vw,13px);
  color:#B8CCE8; line-height:1.7;
  margin-bottom: 12px; flex-shrink:0;
}
.wic-pq-stem {
  font-size:clamp(10px,1.1vw,12px);
  color:#C8B97A; margin-bottom:10px;
  font-weight:600; flex-shrink:0;
}
.wic-options {
  display: flex; flex-direction: column;
  gap: 7px; flex: 1;
}
.wic-opt {
  display: flex; align-items: flex-start;
  gap: 10px; padding: 9px 13px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px; cursor: pointer;
  transition: all 0.2s; font-size:clamp(10px,1.05vw,12px);
  color:#D8E8F8; line-height:1.4;
}
.wic-opt:hover:not(.selected):not(.locked):not(.correct):not(.wrong) { border-color:rgba(200,185,122,0.4); background:rgba(200,185,122,0.06); }
.wic-opt.selected { border-color:rgba(200,185,122,0.5); background:rgba(200,185,122,0.08); }
.wic-opt.correct { border-color:#00C2A8 !important; background:rgba(0,194,168,0.15) !important; color:#fff; }
.wic-opt.correct .wic-opt-letter { background:#00C2A8; color:#0D1B3E; }
.wic-opt.wrong { border-color:#E8645A !important; background:rgba(232,100,90,0.12) !important; color:#888; text-decoration:line-through; }
.wic-opt.wrong .wic-opt-letter { background:#E8645A; color:#fff; }
.wic-opt.reveal-correct { border-color:rgba(0,194,168,0.6) !important; background:rgba(0,194,168,0.1) !important; }
.wic-opt.reveal-correct .wic-opt-letter { background:rgba(0,194,168,0.4); color:#00C2A8; }
.wic-opt-letter {
  flex-shrink:0; width:20px; height:20px;
  border-radius:50%; background:rgba(255,255,255,0.07);
  display:flex; align-items:center; justify-content:center;
  font-family:'Space Mono',monospace; font-size:9px; color:#888;
  transition: all 0.2s;
}
.wic-verdict {
  display:none; font-size:clamp(9px,0.95vw,11px);
  margin-top:4px; color:#7EC8BE; line-height:1.4;
}
.wic-opt.correct .wic-verdict,
.wic-opt.wrong .wic-verdict { display:block; }
.wic-opt.reveal-correct .wic-verdict { display:block; color:rgba(0,194,168,0.7); }
.wic-pq-counter {
  font-family:'Space Mono',monospace;
  font-size:9px; color:rgba(200,185,122,0.5);
  letter-spacing:2px; margin-bottom:8px; flex-shrink:0;
}
/* ── Intensity Scale Slide ── */
.wic-intensity-wrap {
  display:flex; gap:12px; flex:1; align-items:stretch;
}
.wic-int-col {
  flex:1; border-radius:10px; padding:14px 12px;
  display:flex; flex-direction:column; gap:8px;
}
.wic-int-col.mild { background:rgba(0,194,168,0.07); border:1px solid rgba(0,194,168,0.25); }
.wic-int-col.moderate { background:rgba(200,185,122,0.07); border:1px solid rgba(200,185,122,0.25); }
.wic-int-col.strong { background:rgba(232,100,90,0.07); border:1px solid rgba(232,100,90,0.25); }
.wic-int-header {
  font-family:'Space Mono',monospace;
  font-size:9px; letter-spacing:2px; margin-bottom:4px; font-weight:700;
}
.mild .wic-int-header { color:#00C2A8; }
.moderate .wic-int-header { color:#C8B97A; }
.strong .wic-int-header { color:#E8645A; }
.wic-int-word {
  padding:5px 9px; border-radius:5px;
  font-size:clamp(10px,1vw,12px); color:#D8E8F8;
  background:rgba(255,255,255,0.05);
}

/* ── Elimination Board ── */
.wic-elim-row { transition: all 0.5s ease; }
.wic-elim-row.struck { text-decoration: line-through; opacity: 0.4 !important; }

/* ── Score slide ── */
#wic_score_num { font-family: 'Fraunces', serif; }