.output-switch{display:flex;gap:5px;margin-bottom:12px}.output-switch button[aria-pressed=true]{background:#202832;border-color:#202832;color:white}
.electronics-workspace{min-width:0;container-type:inline-size}.electronics-toolbar{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:12px}.el-route,.el-format{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.el-format>span{font-size:11px;color:#52606c;margin-right:6px}.electronics-toolbar button{font-size:12px}.electronics-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:14px;align-items:start}.electronics-route,.electronic-detail{background:white;border:1px solid #b6c3ce;border-radius:3px;overflow:hidden;min-width:0}.electronics-route .panel-bar{flex-wrap:wrap}.electronics-route .panel-bar span{font-size:11px;letter-spacing:0;font-weight:400}.electronic-map{padding:14px 8px 0}.electronic-map .el-node{color:#476379}.electronic-map[role=group] .el-node{cursor:pointer}.electronic-map .el-node rect{fill:#f6f7f8;stroke:#9eafbe;stroke-width:1.5}.electronic-map[role=group] .el-node:hover rect{stroke:#0865cf;stroke-width:2.5}.electronic-map .el-node.selected{color:#d9e9fa}.electronic-map .el-node.selected rect{fill:#163b59;stroke:#ed8c13;stroke-width:3}.electronic-map .el-node.selected text{fill:white}.electronic-map .el-title{font-size:17px;font-weight:650}.electronic-map .el-number{font-size:11px;fill:#526d83;font-weight:700}.electronic-map .el-signal{font-size:11px;fill:#3e586b}.electronic-map .el-region{font-size:11px;fill:#596875;font-weight:700;letter-spacing:1px}.electronic-map[role=group] .el-node:focus{outline:none}.electronic-map[role=group] .el-node:focus-visible rect{stroke:#ec8b11;stroke-width:4}.el-playbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #cbd0d5}.el-playbar span{font-size:11px;color:#677482}.el-scope{font-size:12px;line-height:1.6;color:#596875;margin:0;padding:4px 16px 16px}.electronic-detail{padding:20px}.el-detail-head{border-bottom:1px solid #c5d0d8;padding-bottom:15px}.el-detail-head small{font-size:10px;font-weight:700;color:#35658b;text-transform:uppercase;letter-spacing:.08em}.el-detail-head h3{font-size:24px;margin:9px 0 6px}.el-detail-head>span{font-size:13px;color:#566b7b}.electronic-detail dl{margin:17px 0;line-height:1.65}.electronic-detail dt{font-size:11px;font-weight:750;color:#536676;margin-top:12px;text-transform:uppercase;letter-spacing:.055em}.electronic-detail dd{font-size:14px;margin:3px 0 0}.el-example{background:#f3f5f7;border-left:3px solid #0865cf;padding:14px;margin:18px 0}.el-example>small{font-size:9px;font-weight:750;letter-spacing:.06em;color:#355974}.el-example p,.el-detail-note{font-size:12px;line-height:1.7;margin:10px 0}.el-code{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;flex-wrap:wrap}.el-code b{font-size:24px}.el-code code{font-size:15px;letter-spacing:.12em;color:#34536b;overflow-wrap:anywhere}.el-message{margin:12px 0;font-size:14px}.el-packet,.el-time-values{display:flex;flex-wrap:wrap;margin-top:12px;gap:12px}.el-packet span,.el-time-values span{font-size:11px;line-height:1.6;flex:1;min-width:85px}.el-packet b,.el-time-values b{font-size:13px;display:block}.el-example button,.electronic-detail>div>button{font-size:11px}.electronic-mobile{display:none}.reset-notice{font-size:11px;color:#466076;min-height:0;margin:0 0 9px}.reset-notice:empty{display:none}
@container (max-width: 1100px){.electronics-columns{grid-template-columns:minmax(0,1fr)}.electronic-detail{padding:16px}.el-detail-head h3{font-size:21px}.electronic-detail dl{display:grid;grid-template-columns:130px 1fr;gap:10px}.electronic-detail dt,.electronic-detail dd{margin:0}}
@container (max-width: 580px){.electronic-map{display:none}.electronic-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px}.electronic-mobile button{text-align:left;display:grid;grid-template-columns:20px 1fr;gap:5px;padding:10px 7px}.electronic-mobile button b{font-size:12px}.electronic-mobile button small{grid-column:2;font-size:10px;font-weight:400}.electronic-mobile button[aria-pressed=true]{background:#163b59;border-color:#ed8c13;box-shadow:inset 0 -2px #ed8c13}.electronic-detail dl{display:block}.electronic-detail dt{margin-top:12px}.electronics-toolbar button{font-size:11px;padding:7px}.el-playbar button{font-size:11px}.el-detail-head h3{font-size:20px}}

.el-playbar [data-electronic-play]{position:relative;overflow:hidden}
.el-playbar [data-electronic-play]::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ed8c13;transform:scaleX(0);transform-origin:left;pointer-events:none;animation:electronic-stage-progress var(--electronic-stage-duration,6s) linear both paused}
.electronics-workspace[data-electronic-revision="1"] [data-electronic-play]::after{animation-name:electronic-stage-progress-alternate}
.electronics-workspace[data-playing=true] [data-electronic-play]::after{animation-play-state:running}
@keyframes electronic-stage-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes electronic-stage-progress-alternate{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.el-playbar [data-electronic-play]::after{animation:none;transform:scaleX(1)}}
.electronic-detail .el-detail-head{border-bottom:0;padding-bottom:0}
.electronic-detail .el-study{border-top:0;padding-top:0;margin-top:0}
.electronic-detail .el-stage-summary{font-size:14px;line-height:1.75;margin:12px 0 0}
.electronic-detail .el-study-reading>p{margin:14px 0}
.electronic-detail .el-study-reading>h4{margin-top:20px}
.electronic-detail .el-study-reading>button{font-size:12px}

.electronic-stage-animation{display:block;width:100%;max-width:640px;height:auto;margin:16px auto 12px;overflow:visible;background:#f8fafb;border-block:1px solid #dce5eb;pointer-events:none}
.electronic-stage-animation text{font-family:inherit;font-size:15px;fill:#294a60}
.electronic-stage-animation .ea-label{font-size:15px;font-weight:650}
.electronic-stage-animation .ea-value{font-size:14px;fill:#425f73}
.electronic-stage-animation .ea-number{font-size:18px;font-weight:650;fill:#0865cf;font-variant-numeric:tabular-nums}
.electronic-stage-animation .ea-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px;fill:#294a60}
.electronic-stage-animation .ea-small{font-size:13px}
.el-flow-transfer{pointer-events:none;animation:electronic-path-transfer 1.4s linear infinite paused}
.electronic-stage-animation :is(.ea-travel,.ea-row,.ea-ray,.ea-arrival,.ea-accumulate,.ea-result,.ea-signal,.ea-scan,.ea-motor,.ea-lens-move,.ea-window){animation-play-state:paused;animation-timing-function:linear;animation-fill-mode:both;animation-delay:var(--ea-delay,0s)}
.electronic-stage-animation .ea-travel{animation-name:electronic-packet-transfer;animation-duration:2.6s;animation-iteration-count:infinite}
.electronic-stage-animation .ea-row{animation-name:electronic-row-write;animation-duration:1.3s}
.electronic-stage-animation .ea-ray{stroke-dasharray:14 86;animation-name:electronic-light-transfer;animation-duration:2.4s;animation-iteration-count:infinite}
.electronic-stage-animation .ea-arrival{animation-name:electronic-light-arrival;animation-duration:2.4s;animation-iteration-count:infinite}
.electronic-stage-animation .ea-accumulate{transform-box:fill-box;transform-origin:bottom;animation-name:electronic-charge-collection;animation-duration:3.2s}
.electronic-stage-animation .ea-result{animation-name:electronic-row-write;animation-duration:1s;animation-delay:2.8s}
.electronic-stage-animation .ea-signal{stroke-dasharray:100;animation-name:electronic-signal-write;animation-duration:2.6s;animation-iteration-count:infinite}
.electronic-stage-animation .ea-scan{animation-name:electronic-frame-write;animation-duration:var(--electronic-stage-duration,6s)}
.electronic-stage-animation .ea-motor{animation-name:electronic-motor-turn;animation-duration:3.2s}
.electronic-stage-animation .ea-lens-move{animation-name:electronic-focus-travel;animation-duration:3.2s}
.electronic-stage-animation .ea-window{transform-box:fill-box;transform-origin:left;animation-name:electronic-exposure-window;animation-duration:var(--ea-window-duration,3.6s)}
.electronics-workspace[data-playing=true] :is(.ea-travel,.ea-row,.ea-ray,.ea-arrival,.ea-accumulate,.ea-result,.ea-signal,.ea-scan,.ea-motor,.ea-lens-move,.ea-window,.el-flow-transfer){animation-play-state:running}
@keyframes electronic-path-transfer{to{stroke-dashoffset:-23}}
@keyframes electronic-packet-transfer{0%{transform:translate(0,0);opacity:1}78%{transform:translate(var(--ea-dx,0px),var(--ea-dy,0px));opacity:1}100%{transform:translate(var(--ea-dx,0px),var(--ea-dy,0px));opacity:0}}
@keyframes electronic-row-write{from{opacity:.18}to{opacity:1}}
@keyframes electronic-light-transfer{from{stroke-dashoffset:14}to{stroke-dashoffset:-100}}
@keyframes electronic-light-arrival{0%,55%{opacity:.2}80%,100%{opacity:1}}
@keyframes electronic-charge-collection{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@keyframes electronic-signal-write{0%{stroke-dashoffset:100}80%,100%{stroke-dashoffset:0}}
@keyframes electronic-frame-write{from{transform:translateY(0)}to{transform:translateY(var(--ea-dy,88px))}}
@keyframes electronic-motor-turn{from{transform:rotate(0)}to{transform:rotate(150deg)}}
@keyframes electronic-focus-travel{from{transform:translateX(-12px)}to{transform:translateX(10px)}}
@keyframes electronic-exposure-window{from{transform:scaleX(.02)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.electronics-workspace :is(.ea-travel,.ea-row,.ea-ray,.ea-arrival,.ea-accumulate,.ea-result,.ea-signal,.ea-scan,.ea-motor,.ea-lens-move,.ea-window,.el-flow-transfer){animation:none!important}.electronic-stage-animation .ea-ray{stroke-dasharray:none}.el-flow-transfer{display:none}}