/* One question, one shared stage. The canonical route still owns timing and presence. */
#displayShell.approved-display[data-surface="lesson"] #screen > .rv-discussion {
  --discussion-ink:#203950;
  display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(10px,2vh,24px);
  padding:clamp(16px,3vw,48px);color:var(--discussion-ink);
  background:radial-gradient(ellipse at 100% 0,#d5e5ec 0,transparent 58%),linear-gradient(135deg,#edf3f5,#e5eef4);
  border:1px solid #c5d5de!important;border-radius:22px!important;
  box-shadow:0 12px 36px #24465d12;
}
#displayShell .rv-discussion .rv-head {align-items:center;gap:16px;min-width:0;animation:none}
#displayShell .rv-discussion .rv-eyebrow {margin:0 0 5px;font-size:clamp(10px,1vw,16px);letter-spacing:.16em;color:#526b7e}
#displayShell .rv-discussion .rv-title {font-size:clamp(18px,2.3vw,36px);line-height:1.15;color:var(--discussion-ink);font-weight:750}
#displayShell .rv-discussion .rv-title-icon {display:none}
#displayShell .rv-discussion .rv-clock-wrap {display:flex;align-items:baseline;gap:7px;flex-shrink:0;text-align:right}
#displayShell .rv-discussion .rv-clock {font-size:clamp(20px,2.8vw,42px);font-weight:650;letter-spacing:-.04em;color:#37586f;font-variant-numeric:tabular-nums}
#displayShell .rv-discussion .rv-clock.is-over {color:#9a533d}
#displayShell .rv-discussion .rv-clock-wrap small {font-size:clamp(9px,.9vw,13px);color:#526b7e;white-space:nowrap}
#displayShell .rv-discussion .rv-clock-wrap::after {display:none}
#displayShell .rv-discussion-canvas {
  display:grid;align-items:center;position:relative;min-height:0;min-width:0;overflow:auto;
  padding:clamp(20px,4vw,72px);border:1px solid #ffffff;border-radius:14px;
  background:#fffefa;box-shadow:0 10px 28px #314e6110;
}
#displayShell .rv-discussion-canvas::before {content:"";position:absolute;left:clamp(20px,4vw,72px);top:0;width:clamp(44px,6vw,88px);height:4px;background:#a68b55;border-radius:0 0 3px 3px}
#displayShell .rv-discussion .rv-card {display:block;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--discussion-ink);text-align:left;overflow:visible}
#displayShell .rv-discussion .rv-card-do {margin:0;font-size:inherit;line-height:inherit}
#displayShell .rv-discussion .rv-reading-instruction {margin:0;font-size:clamp(24px,min(3.6vw,5.8vh),58px);line-height:1.28;font-weight:650;letter-spacing:-.025em;color:var(--discussion-ink);text-wrap:pretty}
#displayShell .rv-discussion .rv-card-text {gap:16px}
#displayShell .rv-discussion .rv-frames {gap:8px;margin-top:18px}
#displayShell .rv-discussion .rv-frames li {font-size:clamp(16px,2vw,30px);font-weight:550;color:#294e56;background:#edf4f2;padding:10px 16px;border-radius:8px}
#displayShell .rv-discussion .rv-bank {font-size:clamp(12px,1.4vw,20px);color:#456176;margin-top:12px}
#displayShell .rv-discussion .rv-bank span {background:#edf2f6;color:#294c65;border-color:#d0dde5}
#displayShell .rv-discussion-community {display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0}
#displayShell .rv-discussion-count {font-size:clamp(11px,1.1vw,16px);color:#526b7e;white-space:nowrap}
#displayShell .rv-discussion .rv-faces {flex-wrap:nowrap;justify-content:flex-end;gap:12px;min-width:0;overflow:auto;padding:2px}
#displayShell .rv-discussion .rv-face {gap:4px;flex:0 0 auto}
#displayShell .rv-discussion .rv-avatar {width:clamp(28px,4vh,48px);height:clamp(28px,4vh,48px);border:1px solid #aebfcb;box-shadow:none;background:#f7fafb}
#displayShell .rv-discussion .rv-name {font-size:clamp(9px,.8vw,12px);color:#29465e;background:none;padding:0;max-width:90px}
#displayShell .rv-discussion-more {align-self:center;font-size:16px;font-weight:650;color:#37586f}
#displayShell .rv-discussion-trail {display:flex;gap:8px;list-style:none;padding:12px 0 0;margin:0;border-top:1px solid #bfd0dc;min-width:0;overflow:auto}
#displayShell .rv-discussion-step {flex:1 0 0;display:flex;align-items:center;gap:8px;min-width:28px;color:#5e7180;font-size:clamp(10px,1vw,15px);line-height:1.25}
#displayShell .rv-discussion-step > span {display:grid;place-items:center;width:24px;height:24px;border:1px solid #b8c9d4;border-radius:50%;flex-shrink:0;font-size:11px}
#displayShell .rv-discussion-step b {font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#displayShell .rv-discussion-step.is-past > span {color:#3d6c61;background:#dae9e3;border-color:transparent}
#displayShell .rv-discussion-step[aria-current] {color:#203950}
#displayShell .rv-discussion-step[aria-current] > span {background:#355f7a;color:white;border-color:#355f7a}
#displayShell .rv-discussion-step[aria-current] b {font-weight:700}
@keyframes discussion-arrive-0 {from {opacity:0;transform:translateY(14px)}to {opacity:1;transform:none}}
@keyframes discussion-arrive-1 {from {opacity:0;transform:translateY(14px)}to {opacity:1;transform:none}}
#displayShell .rv-discussion[data-enter="0"] .rv-discussion-canvas {animation:discussion-arrive-0 .65s cubic-bezier(.2,.8,.3,1) both}
#displayShell .rv-discussion[data-enter="1"] .rv-discussion-canvas {animation:discussion-arrive-1 .65s cubic-bezier(.2,.8,.3,1) both}
@media (max-width:600px) {
  #displayShell.approved-display[data-surface="lesson"] #screen > .rv-discussion {padding:16px;gap:12px}
  #displayShell .rv-discussion .rv-head {gap:8px}
  #displayShell .rv-discussion .rv-clock-wrap {display:block}
  #displayShell .rv-discussion .rv-clock-wrap small {display:block}
  #displayShell .rv-discussion .rv-reading-instruction {font-size:clamp(22px,5vw,30px)}
  #displayShell .rv-discussion-step:not([aria-current]) b {display:none}
  #displayShell .rv-discussion-step[aria-current] {flex:4}
  #displayShell .rv-discussion .rv-faces {gap:8px}
}
@media (max-height:480px) {
  #displayShell.approved-display[data-surface="lesson"] #screen > .rv-discussion {gap:8px;padding:12px 20px}
  #displayShell .rv-discussion-canvas {padding:18px 28px}
  #displayShell .rv-discussion .rv-reading-instruction {font-size:clamp(18px,3vw,30px)}
  #displayShell .rv-discussion .rv-eyebrow {font-size:9px}
  #displayShell .rv-discussion .rv-title {font-size:18px}
  #displayShell .rv-discussion-trail {padding-top:6px}
  #displayShell .rv-discussion .rv-avatar {width:26px;height:26px}
}
@media (prefers-reduced-motion:reduce) {
  #displayShell .rv-discussion[data-enter] .rv-discussion-canvas {animation:none}
}