.book-location{padding:18px 22px;border-left:3px solid #748d67;background:#edf2e8;color:#3d5038;line-height:1.9;border-radius:0 8px 8px 0}.lesson-jumps{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.lesson-jumps a{padding:10px 16px;border:1px solid var(--line);border-radius:24px;font-size:14px}.term-box{margin:24px 0;padding:20px 24px;background:#f1f3ee;border:1px solid #dce3d6;border-radius:10px}.term-box summary{cursor:pointer;font-weight:600;color:#315c47;min-height:28px}.term-box dl{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:12px 22px;line-height:1.8}.term-box dt{font-weight:600}.term-box dd{margin:0;color:#53614c}.chapter-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:22px}.chapter-stats .register strong{font-size:21px;overflow-wrap:anywhere}.trace-table{overflow-x:auto;border:1px solid #dfe5d9;border-radius:8px}.trace-table table{width:100%;border-collapse:collapse;line-height:1.8;font-size:14px}.trace-table th,.trace-table td{text-align:left;padding:12px 16px;border-bottom:1px solid #e3e8de}.trace-table th{background:#eef3e9;white-space:nowrap}.trace-table tr:last-child td{border-bottom:0}.trace-table tr.current{background:#e0edd6}.trace-table td{overflow-wrap:anywhere}.trace-detail{font-size:15px;line-height:1.9;margin:18px 0 0;color:#46543f;white-space:pre-line}.bit-strip{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0}.bit-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:36px;min-height:55px;background:#edf3e7;border:1px solid #bccdb0;border-radius:5px;padding:5px}.bit-cell b{font:600 19px ui-monospace,monospace}.bit-cell small{font-size:10px;color:#627458}.bit-cell.on{background:#315c47;color:#fff}.bit-cell.on small{color:#e0ead9}.flow-strip{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.flow-node{border:1px solid #cdd9c3;border-radius:8px;padding:15px;flex:1;min-width:90px;text-align:center;color:#73816c}.flow-node.current{background:#315c47;color:white;border-color:#315c47}.shade-samples{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.shade-samples span{width:65px;height:65px;border:1px solid #acb6a6;border-radius:8px;display:grid;place-items:center;font-weight:600}.extension{line-height:1.95;color:#526048}.extension p{margin-top:14px}.reading-section{scroll-margin-top:100px}.lab{scroll-margin-top:100px}.reading-card p{line-height:1.95}.field input,.field select{min-height:44px}.chapter-stats .register{min-width:0}.term-box summary:focus-visible,.lesson-jumps a:focus-visible{outline:3px solid #859c73;outline-offset:4px}@media(max-width:600px){.term-box{padding:16px}.term-box dl{grid-template-columns:1fr;gap:5px}.term-box dd{margin-bottom:10px}.book-location{padding:14px;font-size:13px}.trace-table th,.trace-table td{padding:10px;font-size:13px}.flow-node{padding:10px}.lesson-jumps{gap:7px}.lesson-jumps a{padding:9px;font-size:12px}}

/* Keep long teaching codes grouped and aligned on narrow screens. */
.binary-groups{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}.binary-octet{flex:0 0 auto}.binary-octet>small{display:block;font-size:11px;color:#627268;margin-bottom:6px}.binary-octet>div{display:grid;grid-template-columns:repeat(8,27px);gap:3px}.binary-octet b{display:grid;place-items:center;min-height:38px;border:1px solid #bcccbd;border-radius:4px;background:white;font:600 17px ui-monospace,monospace;color:#234b3c}.binary-octet b.focus{background:#e3edce;border-color:#708b40}.binary-octet b.sign-bit{border-bottom:3px solid #327ca0}.binary-legend{display:block;line-height:1.7;color:#587064}.teaching-register{min-width:0}