/* Keep the code and its Run action prominent, even on a laptop-height viewport. */
.workspace{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.code-card{border-color:#cbd7bf;box-shadow:0 5px 24px #284b4309}
.code-card>.panel-heading strong{font-size:15px}
.editor-wrap{height:445px;font-size:14px;line-height:24px}
#editor,#syntax{line-height:24px;padding-top:15px}
.number-line,.syntax-line{height:24px}
#line-numbers{font-size:12px}
.run-bar{padding:10px 16px;border-bottom:1px solid #e6eadc;background:#f9fbf1}
.code-bottom{padding-top:12px}
.intro h1{font-size:32px}
@media(max-width:1050px){.editor-wrap{font-size:12px}}
@media(max-width:780px){.workspace{grid-template-columns:1fr}.editor-wrap{font-size:13px}.intro h1{font-size:28px}}

.editor-guide{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 16px;background:#faf0d9;border-bottom:1px solid #e3cc98}
.editor-guide strong{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#88672d}
.editor-guide p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#715d3b}
.editor-guide button{flex-shrink:0;padding:9px 11px;border:1px solid #d8bd82;background:#fffaf0;font-size:11px;color:#715226}
.syntax-line.write-target{background:#f8e6b9;box-shadow:inset 3px 0 #c49a41}
.syntax-line.write-target:after{content:'← your turn';margin-left:24px;color:#98712f;font:italic 12px var(--mono)}
.number-line.write-target{color:#8d631b;background:#f8e6b9;font-weight:700}
.syntax-line.rule-target{background:#edf1df;box-shadow:inset 3px 0 #9bb180}
.number-line.rule-target{color:#5a764b;font-weight:700}
@media(max-width:1050px){.editor-guide{align-items:start;flex-wrap:wrap;gap:8px}.editor-guide button{padding:7px 10px}}

.editor-wrap{background:#fffef9}
.editor-wrap:has(.provided-line){background:#e6e9e2}
.syntax-line.provided-line{background:#e6e9e2;color:#78827a;box-shadow:none}
.syntax-line.provided-line .token-comment,.syntax-line.provided-line .token-string,.syntax-line.provided-line .token-number,.syntax-line.provided-line .token-keyword{color:inherit}
.number-line.provided-line{color:#92998e;background:#e6e9e2}
.syntax-line.editable-line{background:#fffef9;box-shadow:inset 3px 0 #9bb180}
.number-line.editable-line{color:#5a764b;background:#fffef9;font-weight:700}
#editor-guide-unlock{background:transparent;border-color:transparent;text-decoration:underline;color:#807053;font-size:10px}

.code-edit-actions { display:flex; flex-wrap:wrap; gap:4px; }
.run-bar { gap:8px; }

/* One compact row of existing editor actions, shared across workshop games. */
.editor-toolbar { justify-content:flex-start; flex-wrap:wrap; padding:10px 12px; gap:6px; }
.editor-toolbar .code-edit-actions { flex-wrap:nowrap; }
.editor-toolbar button { min-height:34px; padding:7px 8px; font-size:11px; white-space:nowrap; }
.editor-toolbar > .primary { margin-left:auto; min-width:64px; }
@media(max-width:480px) {
  .editor-toolbar { padding:8px; gap:4px; }
  .editor-toolbar button { padding:7px 6px; }
}
@media(max-width:360px) {
  .editor-toolbar { padding:8px 6px; gap:2px; }
  .editor-toolbar .code-edit-actions, .editor-toolbar .exercise-actions { gap:2px; }
  .editor-toolbar button { padding:7px 4px; }
  .editor-toolbar > .primary { min-width:54px; }
}