:root{--protocol-accent:#6f43e8}
.protocol-menu-toggle{display:none;margin-left:auto;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:#fff;border-radius:10px;padding:10px 13px;font:700 13px system-ui,sans-serif;cursor:pointer}
.protocol-quality-note{margin:0 0 14px;padding:11px 13px;border:1px solid rgba(111,67,232,.28);border-radius:12px;background:rgba(111,67,232,.08);font-size:13px;line-height:1.45}
.scenario-stage{display:grid;gap:14px}
.scenario-prompt{font-size:clamp(18px,2.5vw,24px);line-height:1.45;margin:8px 0 4px}
.scenario-choices{display:grid;gap:10px;margin-top:8px}
.scenario-choice{width:100%;text-align:left;padding:14px 15px;border-radius:12px;border:1px solid rgba(130,130,160,.35);background:rgba(255,255,255,.04);color:inherit;font:700 14px/1.35 system-ui,sans-serif;cursor:pointer}
.scenario-choice:hover,.scenario-choice:focus-visible{border-color:var(--protocol-accent);outline:none;box-shadow:0 0 0 3px rgba(111,67,232,.18)}
.scenario-choice.correct{border-color:#22b573;background:rgba(34,181,115,.14)}
.scenario-choice.wrong{border-color:#ee4968;background:rgba(238,73,104,.13)}
.scenario-choice:disabled{cursor:default;opacity:.92}
.scenario-feedback{padding:14px;border-radius:12px;background:rgba(111,67,232,.1);line-height:1.55}
.scenario-feedback.good{border-left:4px solid #22b573}.scenario-feedback.bad{border-left:4px solid #ee4968}
.scenario-progress{display:flex;align-items:center;gap:10px}.scenario-progress-bar{height:8px;flex:1;border-radius:999px;background:rgba(140,140,170,.22);overflow:hidden}.scenario-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#6f43e8,#2fb4c8);border-radius:inherit}
.protocol-mini-dashboard{margin:0 0 14px}.protocol-mini-dashboard .summary{margin-top:8px}
.protocol-verified{font-size:12px;line-height:1.45;opacity:.78;margin-top:12px}.protocol-verified a{color:inherit;font-weight:700}
@media(max-width:760px){
  .protocol-menu-toggle{display:block}
  .topbar{position:sticky;top:0;z-index:80;gap:10px}.topbar .brand p,.topbar .version{display:none}
  .layout{display:block}.sidebar{display:none;position:fixed;inset:64px 0 0 0;z-index:70;max-height:none!important;overflow:auto;border-right:0;padding-bottom:90px}.sidebar-open .sidebar{display:block}
  .main{padding:12px}.tabs{position:sticky;top:64px;z-index:55;display:flex;overflow-x:auto;flex-wrap:nowrap;padding:6px;background:var(--bg,#0b1020);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;min-height:44px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-choice{min-height:52px;font-size:15px}
  #sheetArea{overflow-x:auto;-webkit-overflow-scrolling:touch}.flow-pages{min-width:720px}.flow-intro:after{content:' On phones, swipe sideways across the chart to read and fill larger boxes.'}
}