:root{--bg:#121212;--paper:#1b1b1b;--ink:#ececec;--accent:#6cb6ff;--muted:#999;--border:#333}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Georgia,Iowan Old Style,serif;font-size:clamp(15px,4.2vw,18px);line-height:1.5}main{max-width:860px;margin:0 auto;padding:clamp(.8rem,4vw,2.5rem) clamp(.6rem,4vw,1.5rem) 4rem}header.site-header{max-width:860px;margin:0 auto;padding:clamp(.8rem,4vw,2rem) clamp(.6rem,4vw,1.5rem) 0}header.site-header h1{margin:0 0 .3rem;font-size:clamp(1.15rem,5vw,1.6rem)}header.site-header p{color:var(--muted);margin:0;font-size:clamp(.85rem,3.5vw,1rem)}nav.toc{flex-wrap:wrap;gap:.6rem;max-width:860px;margin:1rem auto 0;padding:0 clamp(.6rem,4vw,1.5rem);display:flex}nav.toc a{color:var(--accent);border:1px solid var(--border);background:var(--paper);border-radius:999px;padding:.25rem .7rem;font-size:clamp(.8rem,3.2vw,.95rem);text-decoration:none}nav.toc a:hover{background:#232323}section.task{background:var(--paper);border:1px solid var(--border);border-radius:10px;margin-bottom:clamp(1.2rem,4vw,2.5rem);padding:clamp(.9rem,4vw,2rem) clamp(.9rem,4.5vw,2.2rem);box-shadow:0 1px 3px #0006}section.task h2{border-bottom:2px solid var(--ink);margin-top:0;padding-bottom:.4rem;font-size:clamp(1.05rem,4.5vw,1.3rem)}.sequence-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.sequence-form label{width:100%;color:var(--muted);font-size:clamp(.8rem,3.2vw,.9rem)}.sequence-form input[type=text]{min-width:0;color:var(--ink);border:1px solid var(--border);background:#232323;border-radius:6px;flex:220px;padding:.5rem .7rem;font-family:SF Mono,Menlo,Consolas,monospace;font-size:clamp(.82rem,3.4vw,.95rem)}.sequence-form button{background:var(--accent);color:#06223c;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:clamp(.82rem,3.4vw,.95rem);font-weight:700}.sequence-form button:hover{opacity:.9}.form-error{color:#ff8080;width:100%;margin:0;font-size:clamp(.78rem,3vw,.88rem)}.sync-badge{color:#ffd76e;background:#2a2200;border:1px solid #6b5300;border-radius:999px;padding:.2rem .6rem;font-size:clamp(.72rem,2.8vw,.8rem)}.task-input{border:1px solid var(--border);word-break:break-word;background:#232323;border-radius:6px;margin:.3rem 0 1.2rem;padding:.5rem .8rem;font-family:SF Mono,Menlo,Consolas,monospace;font-size:clamp(.85rem,3.5vw,1rem);display:inline-block}.diagram{border:1px solid var(--border);white-space:pre;background:#232323;border-radius:6px;margin:.6rem 0 1.2rem;padding:.7rem 1rem;font-family:SF Mono,Menlo,Consolas,monospace;font-size:clamp(.8rem,3.4vw,.92rem);line-height:1.4;overflow-x:auto}h3.part-title{color:var(--accent);margin-top:1.6rem;margin-bottom:.6rem;font-size:clamp(.95rem,4vw,1.05rem)}h4{color:var(--ink);margin-top:1.4rem;margin-bottom:.4rem;font-size:clamp(.9rem,3.8vw,1rem)}p,li{font-size:clamp(.88rem,3.6vw,1rem)}ol.steps{padding-left:1.3rem}ol.steps li{margin-bottom:.5rem}.tree-figure{text-align:center;margin:1.2rem 0}.tree-figure .heap-svg{width:100%;max-width:100%;height:auto;margin:0 auto;display:block}.tree-figure figcaption{color:var(--muted);margin-top:.3rem;font-size:clamp(.75rem,3vw,.85rem)}.array-row{flex-wrap:wrap;gap:.3rem;margin:.8rem 0;font-family:SF Mono,Menlo,Consolas,monospace;display:flex}.array-row .cell{background:#232323;border:1px solid #555;border-radius:4px;justify-content:center;align-items:center;min-width:clamp(1.8rem,8vw,2.1rem);height:clamp(1.8rem,8vw,2.1rem);font-size:clamp(.82rem,3.5vw,.95rem);display:flex}.array-row .cell.swap{color:#ffe9ad;background:#6b5300;border-color:#ffd76e;font-weight:700}.array-row .cell.fixed{color:#c9f5d2;background:#1f5c2a;border-color:#4fcf6a;font-weight:700}.array-row .cell.pivot{color:#d6ecff;background:#1c4566;border-color:#6cb6ff;font-weight:700}.array-row.ptr-row{margin:0 0 -.1rem}.array-row.ptr-row .ptr{min-width:clamp(1.8rem,8vw,2.1rem);height:1.1rem;color:var(--accent);justify-content:center;align-items:center;font-size:clamp(.68rem,2.8vw,.78rem);font-weight:700;display:flex}table.partition-log{border-collapse:collapse;width:100%;margin:1rem 0;font-family:SF Mono,Menlo,Consolas,monospace;font-size:clamp(.72rem,3vw,.82rem)}table.partition-log th,table.partition-log td{border:1px solid var(--border);text-align:left;word-break:break-word;padding:.35rem .5rem}table.partition-log th{color:var(--muted);font-family:Georgia,serif;font-weight:400}.dp-table-wrap{margin:.8rem 0;overflow-x:auto}table.dp-table{border-collapse:collapse;font-family:SF Mono,Menlo,Consolas,monospace;font-size:clamp(.68rem,2.8vw,.8rem)}table.dp-table th,table.dp-table td{border:1px solid var(--border);text-align:center;min-width:1.8rem;padding:.25rem .45rem}table.dp-table th{color:var(--muted);background:#1b1b1b;font-family:Georgia,serif;font-weight:400}table.dp-table td.on-path{color:#c9f5d2;background:#1f5c2a;border-color:#4fcf6a;font-weight:700}table.dp-table td.lookup{color:#d6ecff;background:#1c4566;border-color:#6cb6ff;font-weight:700}.answer-box{border:2px solid var(--ink);border-radius:6px;margin-top:.4rem;padding:.7rem .9rem;font-family:SF Mono,Menlo,Consolas,monospace;font-size:clamp(.85rem,3.5vw,1rem);display:inline-block}.note{color:var(--muted);border-left:3px solid var(--border);margin-top:1.2rem;padding-left:.8rem;font-size:clamp(.8rem,3.2vw,.92rem)}@media (width<=280px){section.task{border-radius:6px;padding:.7rem}.array-row{gap:.2rem}.array-row .cell{min-width:1.6rem;height:1.6rem}nav.toc{gap:.4rem}}