.python-runner{padding-top:83px;scroll-margin-top:100px}.runner-intro{margin-bottom:23px}.runner-intro h2{margin:5px 0 10px;color:var(--deep);font-size:clamp(2rem,3.8vw,3rem);line-height:1.35;letter-spacing:-.04em;font-weight:950}.runner-intro p{margin:0;max-width:790px;font-weight:720}.runner-panel{padding:23px;background:#fff;border:2px solid var(--blue);border-radius:20px;box-shadow:8px 8px 0 #dbe9ff}.runner-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:19px}.runner-examples>strong{margin-right:6px;color:var(--deep);font-size:.84rem}.runner-example{padding:7px 11px;background:#fff;border:2px solid var(--blue);border-radius:9px;color:var(--deep);font-size:.81rem;font-weight:900}.runner-example[aria-pressed=true],.runner-example:hover{background:var(--yellow)}.runner-example:disabled{opacity:.65;cursor:wait}.runner-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(195px,.65fr);gap:17px}.runner-field{min-width:0}.runner-field label{display:block;margin-bottom:6px;color:var(--deep);font-size:.85rem;font-weight:950}.runner-field textarea{display:block;width:100%;max-width:100%;padding:14px;border:2px solid #92aed5;border-radius:10px;background:#f8fbff;color:#142d55;font:500 .94rem/1.6 Consolas,"Courier New",monospace;resize:vertical;tab-size:4}.runner-code{min-height:240px}.runner-stdin{min-height:140px}.runner-hint{margin:8px 0 0;color:#536e8c;font-size:.75rem;line-height:1.6}.runner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px}.runner-actions button{padding:9px 15px;border:2px solid var(--blue);border-radius:9px;background:#fff;color:var(--deep);font-weight:950}.runner-actions .runner-run{background:var(--blue);color:#fff;box-shadow:3px 3px 0 var(--yellow)}.runner-actions .runner-run:hover{background:var(--deep)}.runner-actions .runner-stop{border-color:var(--red);color:#a93631}.runner-actions button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.runner-status{min-height:1.7em;margin:15px 0 0;padding:8px 12px;background:#edf4ff;border-left:4px solid var(--blue);font-size:.81rem;font-weight:850}.runner-status[data-kind=error]{background:#fff0e9;border-color:var(--red)}.runner-status[data-kind=success]{background:#e7f6ec;border-color:#30895a}.runner-status[data-kind=working]{background:#fff6cf;border-color:#cba128}.runner-output-wrap{margin-top:16px}.runner-output-wrap h3{margin:0 0 6px;color:var(--deep);font-size:1.05rem;font-weight:950}.runner-output{min-height:105px;max-height:450px;margin:0;padding:15px;overflow:auto;border-radius:10px;background:#102c61;color:#fff;font:500 .92rem/1.6 Consolas,"Courier New",monospace;white-space:pre-wrap;overflow-wrap:anywhere}.runner-footnote{margin:12px 0 0;color:#4a6586;font-size:.77rem;line-height:1.65}.runner-footnote code{font-weight:850}
.runner-stop[hidden]{display:none}
.python-runner[data-lesson="1"] .runner-workspace{grid-template-columns:1fr}.runner-input-details{padding:11px 14px;border:1px solid #b9cde8;border-radius:10px;background:#f3f8ff}.runner-input-details summary{cursor:pointer;color:var(--deep);font-size:.86rem;font-weight:900}.runner-input-details[open] summary{margin-bottom:11px}.runner-input-note{margin:0 0 10px;color:#334e73;font-size:.83rem;line-height:1.6}.runner-input-details .runner-stdin{min-height:90px}
@media(max-width:900px){.runner-workspace{grid-template-columns:1fr}.runner-code{min-height:215px}.runner-stdin{min-height:95px}}
@media(max-width:760px){.python-runner{padding-top:67px;scroll-margin-top:15px}.runner-panel{padding:18px}}
@media(max-width:520px){.runner-panel{padding:14px}.runner-intro h2{font-size:2rem}.runner-examples>strong{width:100%}.runner-actions button{flex:1}.runner-field textarea{font-size:.86rem}.runner-code{min-height:225px}}
@media print{.runner-panel{box-shadow:none}.runner-actions,.runner-examples{display:none}.runner-field textarea{border:1px solid #888}}