.jc-paper>.reader-playback,.jc-paper>.playback-sentinel,.jc-paper>.drawing-viewport,body:has(.jc-paper) .legend{display:none!important}.jc-paper{background:#fff!important;color:#193653!important}.jc-paper [hidden]{display:none!important}.jc-lesson{color:#193653;font-family:system-ui,sans-serif}.jc-paper [data-jcs=next]{background:#245bce;color:white;border-color:#245bce}.jc-stage{padding:18px 0}.jc-focus{min-width:0;container-type:inline-size;animation:jc-appear .2s ease-out}.jc-sheet{padding:16px 8px;min-width:0;box-sizing:border-box}.jc-sheet h3{font:650 18px/1.4 system-ui;text-align:center;margin:0 0 18px;overflow-wrap:anywhere}.jc-sheet p{font:14px/1.5 system-ui;text-align:center;margin:14px 0!important;overflow-wrap:anywhere}.jc-sheet code{font-family:monospace;overflow-wrap:anywhere}.jc-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.jc-pair>div{min-width:0}.jc-note{border:1px solid #9bb2d3;border-top:5px solid #7798c5;background:#f7faff;position:relative;padding:16px;min-width:0}.jc-note small{display:block;font:600 12px system-ui;margin-bottom:12px;color:#426183}.jc-note pre{font:600 18px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;text-align:center}.jc-stop{border-left:4px solid #aa3737;background:#fff1ef;color:#932525;font:650 16px/1.5 system-ui;padding:16px;overflow-wrap:anywhere}.jc-arrow{display:block;text-align:center;font:26px system-ui;color:#245bce;margin:12px}.jc-ribbon{padding:12px;background:#f0f6ff;border-left:3px solid #547cb1;font-weight:600!important}.jc-warning{background:#fff6e7;color:#704012;border-color:#b5782d}.jc-admitted{border-top:2px solid #6487b5;padding:12px 0}.jc-admitted>b{display:block;text-align:center;color:#315f87}.jc-admitted .jc-note{border-top-width:1px}.jc-stopped>b{display:block;text-align:center;margin-bottom:12px}.jc-writer{text-align:center;padding:18px;background:#f3f7ff;border-bottom:3px solid #91add2}.jc-writer small{display:block;margin-bottom:18px}.jc-writer>b{font:650 18px/1.5 system-ui}.jc-writing-lines{width:90px;margin:0 auto 20px;border:2px solid #91add2;border-top:8px solid #245bce;padding:13px;transform:rotate(-3deg)}.jc-writing-lines i{display:block;border-top:3px solid #91add2;margin:10px 0}.jc-writing-lines i:last-child{width:60%}.jc-number-cells{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.jc-number-cells>div{display:grid;text-align:center;padding:14px;gap:8px;border-bottom:2px solid #91add2;background:#f7faff}.jc-number-cells small{font:12px system-ui}.jc-number-cells code,.jc-number-cells output{font:600 21px monospace}.jc-number-cells .jc-arrow{margin:0}.jc-bead-row{margin:15px 0;border-bottom:1px solid #b9c8df;padding-bottom:15px}.jc-bead-row>small{display:block;text-align:center;margin-bottom:10px}.jc-beads{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;position:relative}.jc-beads>span{border:2px solid #91add2;border-radius:24px;padding:10px 12px;display:grid;text-align:center;gap:5px;background:#f7faff;min-width:35px}.jc-beads b{font:650 20px system-ui}.jc-beads small{font:11px monospace}.jc-rewrap{margin:20px 0}.jc-drawers{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.jc-drawers>div{min-width:90px;display:grid;text-align:center;background:#f7faff;border-bottom:3px solid #91add2}.jc-drawers span{padding:10px;border:1px solid #91add2;background:#fff;font:650 20px monospace}.jc-drawers b{font:600 18px/1.4 system-ui;padding:12px;overflow-wrap:anywhere}.jc-tree-stem{height:25px;width:50%;border-left:2px solid #91add2;margin-left:25%;border-bottom:2px solid #91add2}.jc-list{list-style:none;margin:0;padding:15px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.jc-list li{border-top:3px solid #245bce;padding:12px 5px;background:#fbfcff;min-width:0}.jc-list li>small{display:block;text-align:center;font-weight:650;margin:0 0 12px}.jc-list .jc-drawers{gap:10px}.jc-unit-compare{display:grid;gap:15px}.jc-unit-compare>div{display:flex;align-items:center;justify-content:center;gap:25px;border-bottom:1px solid #b9c8df;padding:12px}.jc-unit-compare b{font:650 28px system-ui;min-width:60px;text-align:center}.jc-unit-compare span{display:flex;gap:10px}.jc-unit-compare code{padding:9px;background:#f0f6ff;border-bottom:2px solid #91add2;font-size:19px}.jc-bytes{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:15px 0}.jc-bytes span{font:600 15px monospace;padding:8px;border:1px solid #91add2;background:#f3f7ff}.jc-bytes .jc-different{background:#fff0bf;color:#65400e;border-bottom:3px solid #ae772d}.jc-byte-row{margin-bottom:20px;text-align:center}.jc-byte-row>b{font:650 14px system-ui}.jc-encoding{text-align:center;padding:10px}.jc-gates{list-style:none;padding:0;max-width:650px;margin:auto}.jc-gates li{display:flex;gap:20px;align-items:center;border-bottom:1px solid #b9c8df;padding:16px 0;position:relative}.jc-gates li>span{width:38px;height:38px;display:grid;place-items:center;border:2px solid #91add2;border-radius:50%;font:650 24px system-ui;flex-shrink:0}.jc-gates div{display:grid;gap:8px}.jc-gates b{font:650 18px system-ui}.jc-gates small{font:14px/1.5 system-ui}.jc-gates .jc-locked{color:#932525;border-top:3px solid #aa3737}.jc-lesson .ts-detail p,.jc-lesson .ts-detail dd{overflow-wrap:anywhere}@keyframes jc-appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.jc-focus{animation:none}.jc-writing-lines{transform:none}}@container(max-width:600px){.jc-sheet{padding:12px 0}.jc-sheet h3{font-size:16px;margin-bottom:14px}.jc-sheet p{font-size:13px}.jc-note{padding:12px}.jc-note pre{font-size:15px}.jc-pair{grid-template-columns:1fr;gap:16px}.jc-stop{font-size:14px;padding:12px}.jc-writer{padding:14px}.jc-writer>b{font-size:16px}.jc-writing-lines{width:65px;padding:8px;margin-bottom:15px}.jc-number-cells{gap:10px}.jc-number-cells>div{padding:12px 8px}.jc-number-cells code,.jc-number-cells output{font-size:16px}.jc-beads{gap:5px}.jc-beads>span{padding:8px;border-radius:18px;min-width:26px}.jc-beads b{font-size:16px}.jc-beads small{font-size:10px}.jc-list{gap:14px}.jc-list .jc-drawers{flex-direction:column}.jc-drawers>div{min-width:65px}.jc-drawers span{font-size:18px;padding:8px}.jc-drawers b{font-size:16px;padding:10px}.jc-list li>small{font-size:12px}.jc-unit-compare b{font-size:24px}.jc-unit-compare code{font-size:16px}.jc-bytes{gap:4px}.jc-bytes span{font-size:12px;padding:6px}.jc-gates li{gap:12px;padding:14px 0}.jc-gates b{font-size:16px}.jc-gates small{font-size:13px}.jc-gates li>span{width:32px;height:32px;font-size:21px}}

.jc-writer>small{margin-bottom:8px}.jc-writer>.jc-arrow{margin:6px;font-size:22px}.jc-writer .jc-note small{margin-bottom:6px}@container(max-width:600px){.jc-writer{padding:10px}.jc-writer>b{font-size:15px}.jc-writer .jc-note{padding:9px}}

.jc-root>.jc-drawers{display:grid;grid-template-columns:1fr 1fr;gap:20px}.jc-tree-stem{width:calc(50% + 10px);margin-left:calc(25% - 5px)}.jc-tree-stem.jc-from-right{border-left:0;border-right:2px solid #91add2}