.cs-search-label{display:block;max-width:760px;margin:30px 0 24px}.cs-search-label input{display:block;margin-top:10px;width:100%}.cs-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cs-topic{display:flex;flex-direction:column;text-align:left;min-height:255px;border:1px solid #cadce5;border-top:3px solid #44a5aa;border-radius:16px;padding:26px;background:linear-gradient(135deg,#fff,#eef7f8);color:#163647;cursor:pointer}.cs-topic>span{font:11px monospace;color:#467e8e}.cs-topic h2{font-size:22px;margin-bottom:6px}.cs-topic small,.cs-topic p{color:#627e8e;line-height:1.6}.cs-topic>b{margin-top:auto;padding-top:18px;font-size:13px;color:#217d87}.cs-topic:hover{border-color:#4f9ca9;box-shadow:0 8px 30px #28596b12}.cs-topic:focus-visible{outline:3px solid #4da8be;outline-offset:3px}.cs-lab-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;margin:24px 0}.cs-lab{min-width:0}.cs-lab h2{margin-bottom:28px}.cs-lab input,.cs-lab select,.cs-lab textarea{font:inherit;border:1px solid #cddbe4;border-radius:8px;padding:12px;color:#19354b;background:#f8fbfd;max-width:100%}.cs-lab select{margin-left:14px}.cs-lab textarea{width:100%;font-family:ui-monospace,monospace;line-height:1.6;margin-top:12px}.cs-fields{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0 8px}.cs-fields label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:130px}.cs-bit-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.cs-bit{background:#edf3f7;border:1px solid #bfd1dd;border-radius:9px;padding:10px 0;color:#516d82;cursor:pointer}.cs-bit small{display:block;font:10px monospace}.cs-bit b{font:27px ui-monospace,monospace;display:block;margin-top:10px}.cs-bit[aria-pressed=true]{background:#123b50;color:#80e7e0;border-color:#42889a}.cs-readout{padding:20px;background:#0d2338;color:#c3f2ef;border-radius:11px;line-height:1.8;margin:20px 0;overflow-wrap:anywhere}.cs-readout small{display:block;opacity:.75}.cs-error{color:#af3550;font-size:13px}.cs-circuit{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 0}.cs-circuit>div:first-child{display:grid;gap:12px}.cs-gate{border:2px solid #507b9a;border-radius:9px 40px 40px 9px;padding:22px 30px;font:600 22px monospace;background:#eef6fb}.cs-output{padding:17px;border-radius:40px;background:#e6edf2;color:#6a7c8a;white-space:nowrap;font:20px monospace}.cs-output.on{background:#124b4b;color:#baf9e3;box-shadow:0 0 22px #239b8228}.cs-table{border-collapse:collapse;width:100%;font-size:13px}.cs-table td,.cs-table th{padding:10px 14px;border-bottom:1px solid #dee7ee;text-align:left}.cs-table th{color:#5f7b8b;font-weight:500}.cs-table caption{text-align:left;font-size:12px;color:#688393;padding:8px 0}.cs-table tr.current{background:#dcefed;color:#174e4d}.cs-table-scroll{overflow:auto}.cs-array{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:24px 0}.cs-array>div{border:1px solid #c9d7e0;border-radius:8px;text-align:center;padding:12px 2px}.cs-array small{font-size:10px;color:#6a8394;display:block}.cs-array b{display:block;font:24px monospace;margin:10px 0}.cs-array .current{border:2px solid #369e9b;background:#dcefed}.cs-array .checked{opacity:.45}.cs-code{background:#f0f5f8;border-radius:9px;padding:20px;font:12px/1.9 monospace;overflow:auto}.cs-phases{display:flex;gap:8px;margin:16px 0}.cs-phases>span{flex:1;padding:12px 5px;background:#edf3f7;border-radius:7px;text-align:center;font:11px monospace;color:#648095}.cs-phases>span.current{background:#17495d;color:#d2ffeb}.cs-registers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cs-registers>div{padding:14px;border:1px solid #d5e3e9;border-radius:8px}.cs-registers small{display:block;color:#6b8898;font:11px monospace}.cs-registers b{display:block;font:16px monospace;margin-top:10px}.cs-network{background:#0e263a;border-radius:13px;margin:20px 0}.cs-network svg{width:100%;display:block;font:14px monospace}.cs-packets{display:flex;gap:10px}.cs-packets>span{flex:1;border:1px dashed #9bb3c0;border-radius:8px;padding:12px;color:#75909f}.cs-packets .arrived{background:#dff2ec;border-style:solid;color:#1a615c}.cs-packets code{display:block;margin-top:8px}#cs-quiz-slot{margin:24px 0}.cs-explanation p{line-height:1.85}.cs-lab button:disabled{opacity:.45;cursor:default}
@media(max-width:1000px){.cs-topics{grid-template-columns:repeat(2,1fr)}.cs-lab-layout{grid-template-columns:1fr}}@media(max-width:600px){.cs-topics{grid-template-columns:1fr}.cs-circuit{gap:7px}.cs-gate{padding:20px}.cs-output{padding:12px}.cs-registers{grid-template-columns:repeat(2,1fr)}.cs-readout code{font-size:13px}.cs-bit-grid{gap:4px}}