/* S5: chapters 5 and 6 (manager board, report cards, result) */
@media(max-width:700px){
  .sa-frame{top:25%!important}
  .sa-strip{top:70%!important;height:12%!important}
  .sa-note{bottom:9%!important}
  .sa-say{bottom:20%!important}
  .sa-tag{bottom:24%!important}
  .rp-grid{top:22%;bottom:2%;gap:6px}
  .rp-card{padding:6px 8px;gap:3px}
  .rp-card .rp-hrow:nth-child(n+5){display:none}
  .rp-card:last-child .rp-hrow{display:none}
}
.voice-note{min-height:1.4em;margin:6px 0 0;color:var(--mute);font-size:13px;text-align:center}
#btn-sound.on,#btn-voice.on{background:#dcfce7;border-color:#86efac;color:#166534}
.rp-board{position:absolute;left:4%;right:4%;top:14%;bottom:8%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto 58% auto;align-content:start;gap:10px}
.rp-title{grid-column:1/-1;font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:clamp(11px,1.4vw,15px);color:#5eead4}
.rp-tile{background:#0b1c20;border:1px solid #1f4a50;border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;min-height:0}
.rp-tname{font-weight:700;color:#94a3b8;font-size:clamp(10px,1.3vw,14px)}
.rp-nowl{font-size:clamp(9px,1.1vw,12px);color:#94a3b8;margin-top:auto}
.rp-now{font-weight:800;font-size:clamp(20px,4vw,46px);color:#fff;line-height:1.1}
.rp-q{font-size:clamp(10px,1.3vw,14px);color:#5eead4;font-weight:700}
.rp-stats{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.rp-stat{background:#0f766e;color:#fff;border-radius:99px;padding:4px 14px;font-weight:700;font-size:clamp(10px,1.3vw,14px)}
.rp-mgr{position:absolute;right:3%;bottom:1%;width:7%;pointer-events:none}
.rp-mgr svg{width:100%;height:auto;overflow:visible}
.rp-mgr-l{position:absolute;right:100%;top:30%;margin-right:4px;font-size:11px;font-weight:700;color:#5eead4}
.rp-grid{position:absolute;left:3%;right:3%;top:14%;bottom:4%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
.rp-card{background:#0b1020;border:1px solid #334155;border-radius:12px;padding:10px 12px;color:#fff;display:flex;flex-direction:column;gap:5px;min-height:0;min-width:0;overflow:hidden}
.rp-card.wide{grid-column:1/3}
.rp-card.center{align-items:center;text-align:center}
.rp-ctitle{font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#94a3b8;font-size:clamp(9px,1.1vw,12px)}
.rp-bars{flex:1;display:flex;gap:6px;align-items:flex-end;min-height:0}
.rp-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.rp-bar{width:100%;background:#14b8a6;border-radius:4px 4px 0 0;min-height:0}
.rp-bar.peak{background:#f59e0b}
.rp-val{font-size:clamp(9px,1.1vw,12px);font-weight:700;color:#e2e8f0;white-space:nowrap}
.rp-lab{font-size:clamp(9px,1.1vw,12px);color:#94a3b8}
.rp-hrow{display:grid;grid-template-columns:28% 1fr 14%;gap:6px;align-items:center;font-size:clamp(9px,1.1vw,12px)}
.rp-hlab{color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-track{background:#1e293b;border-radius:99px;height:9px;overflow:hidden}
.rp-hbar{height:100%;background:#14b8a6;border-radius:99px}
.rp-hval{text-align:right;font-weight:700;color:#e2e8f0}
.rp-big{font-size:clamp(28px,6vw,64px);font-weight:800;color:#5eead4;line-height:1;margin-top:6px}
.rp-big.sm{font-size:clamp(14px,2.2vw,24px);margin:0 0 4px;color:#fcd34d}
.rp-sub{color:#94a3b8;font-size:clamp(10px,1.2vw,13px)}
.rp-result{position:absolute;left:12%;right:12%;top:15%;display:flex;flex-direction:column;gap:10px}
.rp-rhead,.rp-rrow{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;align-items:center;text-align:center}
.rp-h{font-weight:800;letter-spacing:3px;font-size:clamp(11px,1.5vw,16px)}
.rp-h.bad{color:#fca5a5}.rp-h.good{color:#5eead4}
.rp-rrow{background:#0b1020;border:1px solid #334155;border-radius:12px;padding:8px 10px;color:#fff;opacity:0}
.rp-rv{font-weight:800;font-size:clamp(14px,2.6vw,30px);white-space:nowrap}
.rp-rv.bad{color:#fca5a5;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ef444480}
.rp-rv.good{color:#5eead4}
.rp-rl{color:#cbd5e1;font-weight:600;font-size:clamp(10px,1.4vw,15px)}
.rp-example{position:absolute;left:0;right:0;bottom:26%;text-align:center;color:#94a3b8;font-size:clamp(10px,1.2vw,13px)}
@media(max-width:700px){
  .rp-board{grid-template-columns:repeat(2,1fr);top:26%;bottom:4%}
  .rp-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);top:26%}
  .rp-card.wide{grid-column:1/3}
  .rp-result{left:3%;right:3%;top:28%}
  .rp-mgr{display:none}
}