.tr-paper>.reader-playback,.tr-paper>.playback-sentinel,.tr-paper>.drawing-viewport,.tr-paper~.legend{display:none!important}.tr-paper{background:#fff!important;color:#193653!important}.tr-paper [hidden]{display:none!important}.tr-paper [data-turn=next]{background:#245bce;color:#fff;border-color:#245bce}
.tr-paper>#drawing,.tr-paper>.transport,.tr-paper>.stepbar,.tr-paper>.step-track{display:none!important}
.tr-lesson .ts-card{overflow-wrap:anywhere}.tr-lesson code{display:block;padding:10px;border:1px solid #bdcce0;background:#fff;color:#193653;border-radius:5px;font-size:13px;overflow-wrap:anywhere}.tr-note{margin:12px 0;padding:12px 16px;border:2px solid #8ba9d8;border-radius:4px;background:#fff;color:#193653;font:700 21px/1.3 ui-monospace,monospace;letter-spacing:.08em;text-align:center;overflow-wrap:anywhere}.tr-route{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0;font-size:13px;text-align:center}.tr-route b{padding:10px 7px;border:1px solid #9bb4d7;border-radius:4px;background:#fff;flex:1;color:#193653}.tr-route span{color:#245bce;font-size:23px}.tr-route .tr-stop,.tr-direct span{color:#935b2b}.tr-direct{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0}.tr-direct span{font-size:30px}.tr-address{border:2px solid #245bce;padding:12px;border-radius:4px}.tr-address>span,.tr-envelope>span{display:block;margin-bottom:8px;font-size:13px}.tr-envelope{padding:12px;border:1px dashed #7898c5;border-radius:4px}.tr-gate{display:grid;gap:12px;padding:16px;border:2px solid #739785;border-radius:4px}.tr-gate.blocked{border-color:#a77b57}.tr-binding{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0}.tr-binding code{flex:1}.tr-bytes{display:flex;gap:8px}.tr-bytes>span{flex:1}.tr-bytes b{display:block;font-size:13px;margin-bottom:5px}.tr-timer{margin:13px 0}.tr-timer>div{display:flex;justify-content:space-between;gap:8px;font-size:13px}.tr-timer meter{display:block;width:100%;height:18px;accent-color:#245bce}.tr-lesson .ts-detail p,.tr-lesson .ts-detail dd{overflow-wrap:anywhere}
@media(max-width:600px){.tr-lesson .ts-card{padding:14px}.tr-lesson .ts-card p{font-size:14px;line-height:1.45;margin:9px 0}.tr-lesson .ts-card h3{font-size:16px;line-height:1.3}.tr-route{gap:5px;font-size:11px;margin:10px 0}.tr-route b{padding:8px 5px}.tr-route span{font-size:19px}.tr-note{font-size:18px;padding:9px;margin:9px 0}.tr-binding{gap:8px}.tr-timer{margin:9px 0}.tr-lesson .ts-stage{margin-top:16px}}

.tr-payload{display:flex;justify-content:center;gap:3px;margin:12px 0}.tr-payload span{flex:0 1 24px;min-width:12px;border:1px solid #8ba9d8;border-radius:3px;background:#fff;color:#193653;padding:9px 0;font:700 16px/1.2 ui-monospace,monospace}.tr-payload .tr-padding{border-style:dashed;background:#f3f4f7;border-color:#8d99aa}
@media(min-width:601px) and (max-width:1100px){.tr-route,.tr-binding{flex-direction:column;gap:6px}.tr-route b{width:100%;box-sizing:border-box;overflow-wrap:normal}.tr-route span,.tr-binding>span{font-size:0;line-height:1}.tr-route span:before,.tr-binding>span:before{content:'↓';font-size:18px}.tr-route .tr-stop:before{content:'×'}.tr-binding code{width:100%;box-sizing:border-box;font-size:12px}}