.algorithm-player,.algorithm-quiz,.course-banner{--ink:#193e3a;--mint:#eaf4ef;--line:#d8e5df}.algorithm-player{border:1px solid var(--line);color:#213632;background:#fcfdfb;border-radius:18px;min-width:0;margin:1.5rem 0;padding:clamp(14px,3vw,26px);font-size:15px;line-height:1.7}.algorithm-player *,.algorithm-quiz *{box-sizing:border-box}.algorithm-player [hidden],.algorithm-quiz [hidden]{display:none!important}.algorithm-player fieldset,.algorithm-quiz fieldset{border:0;min-width:0;margin:0;padding:0}.algorithm-player p{margin:10px 0}.algorithm-player h3,.algorithm-player h4{margin:0 0 8px;line-height:1.5}.algorithm-player h3{font-size:1.1rem}.algorithm-player h4{font-size:.9rem}.algorithm-player button,.algorithm-quiz button{font:inherit;min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #bacfc5;border-radius:9px;padding:8px 14px;font-weight:600}.algorithm-player button:hover:not(:disabled),.algorithm-quiz button:hover{background:#eaf4ef}.algorithm-player button:disabled{cursor:default;opacity:.45}.algorithm-player :is(button,input,summary,pre,.array-scroll):focus-visible,.algorithm-quiz :is(input,button):focus-visible{outline-offset:3px;outline:3px solid #1b7862}.algorithm-player button.primary,.algorithm-quiz button[type=submit]{color:#fff;background:#215c4e;border-color:#215c4e}.algorithm-player button.primary:hover:not(:disabled),.algorithm-quiz button[type=submit]:hover{background:#154235}.player-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lab-label{color:#416b5d;letter-spacing:.07em;font-size:.75rem;font-weight:700}.method-switch{background:#eef2ed;border-radius:11px;flex-wrap:wrap;gap:4px;width:fit-content;margin:18px 0;padding:4px;display:flex}.method-switch button{background:0 0;border-color:#0000}.method-switch button[aria-pressed=true]{background:#fff;border-color:#bfd4c9;box-shadow:0 1px 3px #1b3c2910}.applied-input{flex-wrap:wrap;align-items:baseline;gap:8px 14px;font-size:.8rem;display:flex}.applied-input strong{font-family:var(--site-mono);color:var(--ink);overflow-wrap:anywhere;font-size:.95rem}.applied-input>span{background:var(--mint);border-radius:6px;padding:2px 8px}.array-scroll{max-width:100%;padding:18px 0 8px;overflow-x:auto}.array-cells{gap:8px;width:max-content;min-width:100%;display:flex}.array-cell{background:#f4f5f1;border:1px dashed #bac9c0;border-radius:10px;flex-direction:column;align-items:center;min-width:75px;padding:10px 7px;display:flex}.array-cell strong{font:600 1.7rem var(--site-mono);margin:7px 0}.array-cell small{color:#526b60;font-size:11px}.array-cell>span{font-size:11px}.array-cell.history{background:#e5f1e9;border-style:solid}.array-cell.current{color:#fff;background:#215c4e;border:2px solid #123f32}.array-cell.current small{color:#d8e9df}.array-cell.paired{box-shadow:inset 0 -4px #bd7a23}.range-note,.fine-print{color:#53675d;font-size:.78rem}.action-card{overflow-wrap:anywhere;background:#edf4ef;border-left:3px solid #407b62;border-radius:12px;min-height:145px;margin-top:14px;padding:16px}.action-card p{margin-bottom:0}.completion{font-weight:650}.step-controls{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.answer-tile{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;padding:12px;display:flex}.answer-tile>span{font-size:.75rem}.answer-tile strong{margin-top:4px;font-size:1.2rem}.algorithm-player details{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.algorithm-player summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:650}.state-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;display:grid}.state-columns p{overflow-wrap:anywhere;font-size:.8rem}.map-entry{font-family:var(--site-mono);background:#f0f3ee;border:1px solid #d0dcd4;border-radius:6px;margin:3px 5px 3px 0;padding:4px 7px;font-size:.8rem;display:inline-block}.map-entry.active{background:#fff3d7;border-color:#a57a25}.ledger{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.ledger p{font-family:var(--site-mono);font-size:.83rem}.ledger small{color:#53675d;font-size:.75rem}.input-form{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.input-form label{font-weight:650}.input-form label span{font-size:.75rem;font-weight:400}.input-row{gap:8px;margin-top:8px;display:flex}.algorithm-player input,.algorithm-quiz input[type=text]{font:inherit;color:#213632;background:#fff;border:1px solid #b4c9bc;border-radius:8px;min-width:0;min-height:44px;padding:10px}.input-row input{flex:1;width:0}.input-row button{flex-shrink:0}.input-error,.player-failure{color:#993b26}.input-error:empty{display:none}.java-details pre{color:#e5f4eb;tab-size:4;background:#172b27;border-radius:10px;max-width:100%;margin:8px 0;padding:14px 0;font-size:.78rem;line-height:1.8;overflow:auto}.java-details code{font-family:var(--site-mono)}.java-details pre code{width:max-content;min-width:100%;display:block}.java-details [data-line]{border-left:3px solid #0000;padding-right:16px;display:block}.java-details .line-number{color:#91b2a3;text-align:right;user-select:none;width:3em;padding-right:12px;display:inline-block}.java-details [data-line].executed{background:#355c4f;border-left-color:#eaca7c}.code-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.code-heading h3{margin:0}.wrong-order .action-card{background:#fff1e7;border-color:#b65a32}.wrong-order .lab-label{color:#974425}.algorithm-quiz{border:1px solid var(--line);background:#fafbf8;border-radius:14px;padding:20px}.algorithm-quiz .quiz-question{border-bottom:1px solid var(--line);padding:15px 0}.algorithm-quiz label{margin:8px 0;display:block}.algorithm-quiz input[type=text]{width:6rem;margin-left:8px}.algorithm-quiz input[type=radio]{width:18px;height:18px;margin:0 8px 0 0}.algorithm-quiz .radio-label{align-items:center;min-height:44px;padding:6px;display:flex}.algorithm-quiz [data-feedback]{color:#934323;font-size:.85rem}.algorithm-quiz [data-feedback].correct{color:#215c4e}.quiz-actions{gap:10px;margin-top:18px;display:flex}.course-banner{background:#edf4ef;border:1px solid #d8e5df;border-radius:14px;margin:20px 0;padding:22px}.course-banner .course-kicker{letter-spacing:.05em;color:#38634f;font-size:.8rem}@media (width<=600px){.algorithm-player{padding:12px}.state-columns{grid-template-columns:1fr;gap:14px}.answer-tile{padding:9px 6px}.answer-tile>span{font-size:11px}.state-grid{gap:5px}.method-switch{width:100%}.method-switch button{flex:1;padding-inline:6px;font-size:13px}.step-controls{grid-template-columns:1fr 1fr;display:grid}.algorithm-quiz{padding:14px}}@media (prefers-reduced-motion:reduce){html:has(.algorithm-player){scroll-behavior:auto}}