.strip svg.frame{display:block;width:100%;height:auto;border-radius:3px;background:#8fd0f0}
.clip{overflow:hidden;border-radius:3px}

.rule .big{font-family:var(--display);font-size:1.15rem;margin-top:14px}

.ctrl{margin-top:12px}
.ctrl label{display:flex;justify-content:space-between;gap:12px;font-family:var(--display);font-size:1.1rem}
.ctrl label b{font-variant-numeric:tabular-nums}
output{display:block;min-height:3.1em;font-weight:600;margin-top:4px}
.rule output{margin-top:12px}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.edbtns{margin-top:10px}

.sim{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start;padding-bottom:20px}
.sim .goal{font-size:1.15rem;font-weight:600;margin-top:16px}

.quiz{background:var(--panel);border-radius:10px;padding:24px 26px;max-width:720px;margin-bottom:44px}
.qnum{color:var(--soft);font-weight:600}
.qtext{font-family:var(--display);font-size:1.4rem;line-height:1.2;margin-top:4px}
.qopts{display:grid;gap:10px;margin:14px 0}
.qopts button{border-radius:12px;text-align:left;padding:12px 16px}
.qopts button:disabled{cursor:default;color:var(--ink);opacity:1}
.qopts button.right{background:var(--yes);color:var(--bg);border-color:var(--yes)}
.qopts button.wrong{background:var(--no);color:var(--bg);border-color:var(--no)}
.qmsg{font-weight:600;min-height:3.1em;margin-bottom:10px}

@media (max-width:760px){
  .sim{display:block}
  .sim>div{display:contents}
  .sim .strip{position:sticky;top:calc(4px + env(safe-area-inset-top,0px));z-index:2;margin-bottom:8px;padding:18px 10px 8px}
  .sim .strip::after{display:none}
  .sim .clip{max-width:40vh;max-width:40svh;margin-left:auto;margin-right:auto}
  .sim .goal{font-size:1rem;line-height:1.3;margin-top:0}
  .sim .ctrl{display:grid;grid-template-columns:7.5em minmax(0,1fr);align-items:center;gap:8px;margin-top:0}
  .sim .ctrl label{font-size:1rem;gap:6px}
  .sim .ctrl input[type=range]{height:38px}
  .sim .checks{margin-top:2px;font-size:.95rem}
  .sim .checks li{padding:0}
  .sim .win{font-size:1.1rem;margin-top:0;min-height:1.4em}
  .quiz{padding:18px 16px}
  .qtext{font-size:1.2rem}
  .btns{gap:8px}
  .btns button{padding:8px 14px}
}