.eq-code-shell{--eq-ink:#10243c;--eq-muted:#53677b;--eq-accent:#1765b5;max-width:1320px;margin:32px auto;padding:0 24px 50px;color:var(--eq-ink);font:16px/1.65 system-ui,sans-serif}
.eq-code-shell *{box-sizing:border-box}.eq-code-heading{margin:24px 0}.eq-code-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:var(--eq-accent)}
.eq-code-heading h1{font-size:clamp(28px,3.2vw,42px);line-height:1.2;margin:10px 0}.eq-code-heading p{margin:8px 0;color:var(--eq-muted)}.eq-code-back{color:var(--eq-accent)}
.eq-code-filters{display:flex;flex-wrap:wrap;gap:18px;padding:20px;background:#f1f6fb;border-radius:14px}.eq-code-filters label{display:grid;gap:5px;font-size:13px;font-weight:650;min-width:180px;flex:1}
.eq-code-filters input,.eq-code-filters select{font:inherit;font-size:15px;background:white;color:var(--eq-ink);border:1px solid #c3d0de;border-radius:8px;padding:10px;width:100%}
.eq-code-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 12px;border-bottom:1px solid #dbe5ef;color:var(--eq-ink);text-decoration:none}
.eq-code-row:hover{background:#f4f8fd}.eq-code-row h2{font-size:18px;margin:0}.eq-code-row p{font-size:13px;color:var(--eq-muted);margin:4px 0 0}.eq-code-row-meta{display:flex;align-items:center;gap:16px;font-size:13px;flex-wrap:wrap}
.eq-code-badge{background:#e6f1fd;color:#174f89;display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.eq-code-badge.easy{background:#e4f4ed;color:#185641}.eq-code-badge.hard{background:#f9e9df;color:#824921}
.eq-code-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:start}.eq-code-panel{min-width:0;border:1px solid #d6e2ee;border-radius:16px;background:#fff;overflow:hidden}.eq-code-statement{padding:24px}.eq-code-shell h2{font-size:21px;margin-top:0}.eq-code-shell h3{font-size:17px}
.eq-code-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;font:13px/1.6 ui-monospace,monospace;background:#f2f6fa;padding:12px;border-radius:8px;max-height:330px;overflow:auto}.eq-code-shell code{overflow-wrap:anywhere}.eq-code-shell details{margin:14px 0}.eq-code-shell summary{cursor:pointer;font-weight:650}.eq-code-example{border-top:1px solid #e5edf4;padding-top:14px;margin-top:15px}.eq-code-example p{font-size:13px;margin-bottom:0}
.eq-code-toolbar{display:flex;justify-content:space-between;gap:12px;background:#18293e;color:#fff;padding:14px 18px;font-size:13px}.eq-code-editor-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#coding-source{display:block;resize:vertical;width:100%;border:0;border-radius:0;background:#232b3c;color:#e9eef4;padding:18px;font:14px/1.65 ui-monospace,monospace;min-height:400px;tab-size:4}.eq-code-shell .CodeMirror{font:14px/1.65 ui-monospace,monospace;min-height:400px}
.eq-code-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px}.eq-code-shell button{border:1px solid #b7cadd;background:#fff;color:#174a7c;border-radius:9px;padding:10px 17px;font:600 14px/1.4 system-ui;cursor:pointer}.eq-code-shell button.primary{background:#1765b5;color:#fff;border-color:#1765b5}.eq-code-shell button:disabled{opacity:.45;cursor:not-allowed}.eq-code-shell button:focus-visible,.eq-code-shell a:focus-visible,.eq-code-shell input:focus-visible,.eq-code-shell select:focus-visible,.eq-code-shell summary:focus-visible{outline:3px solid #329bd4;outline-offset:3px}
.eq-code-muted{font-size:13px;color:var(--eq-muted)}.eq-code-editor-panel>.eq-code-muted{padding:0 18px}.eq-code-notice{background:#fff6df;color:#6c4b07;border-radius:9px;padding:13px 17px}.eq-code-editor-panel>.eq-code-notice{margin:12px 16px}.eq-code-results{padding:18px;border-top:1px solid #d6e2ee}.eq-code-results h2{font-size:18px}.eq-code-test{padding:10px;border:1px solid #d7e0e8;border-left:3px solid #c35345;border-radius:8px}.eq-code-test.passed{border-left-color:#228465}.eq-code-test p{font-size:13px}#coding-count{margin:16px 0}.eq-code-shell [hidden]{display:none!important}
@media(max-width:850px){.eq-code-workspace{grid-template-columns:1fr}.eq-code-shell{padding:0 14px 32px;margin-top:18px}.eq-code-row{align-items:flex-start;flex-direction:column;gap:8px}.eq-code-row-meta{gap:12px}.eq-code-statement{padding:18px}.eq-code-filters{padding:14px;gap:10px}.eq-code-filters label{min-width:130px}}