.circuit-lab{--circuit-ink:#153b56;--circuit-copper:#b86531;--circuit-green:#16766f;color:var(--circuit-ink);padding-block:30px 64px}.circuit-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:40px;margin:30px 0;display:grid}.circuit-intro h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(32px,4.4vw,58px);font-weight:600;line-height:1.35}.circuit-intro h1 span{color:var(--circuit-copper)}.circuit-intro>p{margin:0 0 10px;font-size:19px;line-height:1.8}.circuit-intro small{color:#526c7d;margin-top:12px;font-size:12px;line-height:1.9;display:block}.circuit-lab button{font:inherit;min-height:44px;color:var(--circuit-ink);cursor:pointer;background:#fff;border:1px solid #b7cbd8;border-radius:6px;padding:10px 14px;font-size:12px}.circuit-lab button:hover{background:#edf6fa;border-color:#52788c}.circuit-lab button:disabled{opacity:.45;cursor:default}.circuit-lab :is(button,input,summary,a):focus-visible{outline:3px solid var(--circuit-copper);outline-offset:3px}.circuit-lab .circuit-primary{background:var(--circuit-ink);color:#fff;border-color:var(--circuit-ink)}.circuit-tools{background:#fff;border:1px solid #baceda;border-radius:12px;min-width:0;margin:0;padding:0;overflow:hidden}.circuit-station{border-bottom:1px solid #d5e3ec;justify-content:space-between;align-items:center;gap:15px;padding:16px 24px;display:flex}.circuit-station h2{margin:0;font-size:16px}.circuit-station>span{color:#526c7d;font-size:10px}.circuit-first{background:#edf6fa;padding:18px 24px}.circuit-first strong{font-size:14px}.circuit-first p{margin:5px 0 0;font-size:12px;line-height:1.8}.circuit-first p[role]{color:var(--circuit-green)}.circuit-console{grid-template-columns:minmax(0,1fr) 290px;display:grid}.circuit-apparatus{background:#f4f9fc;min-width:0}.circuit-board{isolation:isolate;position:relative}.circuit-board svg{width:100%;display:block;overflow:visible}.circuit-battery-text{fill:#cadce9;font:14px Noto Sans SC Variable,sans-serif}.circuit-battery-value{fill:#fff;font:22px IBM Plex Mono,monospace}.circuit-battery-small{fill:#cadce9;font:11px IBM Plex Mono,monospace}.circuit-lamp-label{fill:#153b56;font:16px Noto Sans SC Variable,sans-serif}.circuit-direction{fill:#16766f;font:13px Noto Sans SC Variable,sans-serif}.circuit-board-caption{text-align:center;color:#526c7d;margin:0;padding:8px 16px;font-size:10px;line-height:1.8}.circuit-lab .circuit-port{color:#623414;z-index:1;background:#f8e9db;border:2px solid #b86531;border-radius:50%;width:44px;min-height:44px;padding:0;font:12px IBM Plex Mono,monospace;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 4px #fff}.circuit-lab .circuit-port[aria-pressed=true]{color:#fff;background:#153b56;border-color:#153b56;box-shadow:0 0 0 5px #b8653133}.circuit-lab .circuit-port:hover{background:#f5d5b5}.circuit-wiring-toolbar{border-top:1px solid #d5e3ec;flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.circuit-wiring-toolbar p{flex-basis:100%;min-height:22px;margin:0;font-size:12px;line-height:1.8}.circuit-wire-list{flex-wrap:wrap;gap:8px;min-height:30px;padding:0 20px 16px;display:flex}.circuit-wire-list button{background:0 0;border-color:#d7b9a2;font-size:11px}.circuit-meter{border-left:1px solid #d5e3ec;padding:22px}.circuit-meter-heading>span,.circuit-meter-heading p{color:#526c7d;margin:0;font-size:11px}.circuit-meter-heading>strong{color:var(--circuit-green);margin-top:12px;font:38px IBM Plex Mono,monospace;display:block}.circuit-meter-heading small{font-size:16px}.circuit-meter dl{margin:15px 0}.circuit-meter dl>div{justify-content:space-between;gap:10px;margin:9px 0;display:flex}.circuit-meter dt{color:#526c7d;font-size:11px}.circuit-meter dd{margin:0;font:12px IBM Plex Mono,Noto Sans SC Variable,sans-serif}.circuit-lamp-card{border-top:1px solid #d5e3ec;margin-top:16px;padding-top:14px}.circuit-lamp-card>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.circuit-lamp-card h3{margin:0;font-size:14px}.circuit-lamp-card span{color:var(--circuit-green);font-size:11px}.circuit-lamp-card button{width:100%}.circuit-meter-note{color:#526c7d;margin:16px 0 0;font-size:10px;line-height:1.9}.circuit-diagnosis{color:#215d51;background:#eaf4f1;border-block:1px solid #c9dfd8;margin:0;padding:14px 24px;font-size:12px;line-height:1.9}.circuit-diagnosis[data-kind=short]{color:#8b421d;background:#fff0e5;border-color:#ecc8af}.circuit-parameters,.circuit-examples{border-bottom:1px solid #d5e3ec;padding:18px 24px}.circuit-lab summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.9}.circuit-parameters>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:20px;display:grid}.circuit-parameters label>span{justify-content:space-between;gap:12px;font-size:12px;display:flex}.circuit-parameters output{font:12px IBM Plex Mono,monospace}.circuit-parameters input{accent-color:#b86531;width:100%;min-height:30px;margin-top:18px}.circuit-parameters p,.circuit-examples p{color:#526c7d;font-size:11px;line-height:1.9}.circuit-examples>div{flex-wrap:wrap;gap:10px;margin-block:12px;display:flex}.circuit-challenge{background:#edf6fa;grid-template-columns:1fr 1fr;gap:36px;padding:30px 24px;display:grid}.circuit-challenge h2{margin:7px 0 14px;font-size:27px;line-height:1.5}.circuit-challenge p{font-size:12px;line-height:1.9}.circuit-challenge>div:last-child{align-self:center}#circuit-challenge-evidence{color:#16766f;font:12px/2 IBM Plex Mono,Noto Sans SC Variable,sans-serif}.circuit-notebook{border-bottom:1px solid #d5e3ec;padding:26px 24px}.circuit-notebook>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.circuit-notebook h2{margin:0 auto 0 0;font-size:21px}.circuit-notebook p{overflow-wrap:anywhere;font-size:12px;line-height:1.9}.circuit-record{border-top:1px solid #d5e3ec;align-items:center;gap:14px;padding:14px 0;display:flex}.circuit-record p{flex:1;margin:0}.circuit-transfer{padding:26px 24px}.circuit-transfer h2{margin:0 0 12px;font-size:21px}.circuit-transfer p{font-size:12px;line-height:1.9}.circuit-transfer [role=group]{flex-wrap:wrap;gap:10px;display:flex}.circuit-transfer [aria-pressed=true]{border-color:var(--circuit-green);box-shadow:0 0 0 2px #16766f}.circuit-ledger{grid-template-columns:1fr 1fr;gap:50px;margin:38px 0;display:grid}.circuit-ledger h2{margin:10px 0;font-size:28px;line-height:1.5}.circuit-ledger p{color:#526c7d;font-size:12px;line-height:1.9}.circuit-ledger output{color:var(--circuit-green);overflow-wrap:anywhere;font:14px/1.8 IBM Plex Mono,monospace;display:block}.circuit-ledger details{background:#eaf2f7;align-self:center;padding:20px}.circuit-noscript{background:#fff0e5;padding:18px 24px;font-size:12px;line-height:1.9}.circuit-next{flex-wrap:wrap;gap:24px;font-size:12px;display:flex}.circuit-next p{flex-basis:100%;margin-bottom:0}.circuit-next a{color:#216184}@media (width<=900px){.circuit-console{grid-template-columns:minmax(0,1fr)}.circuit-meter{border-top:1px solid #d5e3ec;border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;display:grid}.circuit-meter dl{margin:12px 0}.circuit-meter-heading>strong{font-size:30px}.circuit-lamp-card{margin:0}.circuit-meter-note{grid-column:1/-1;margin:0}.circuit-ledger{gap:25px}}@media (width<=640px){.circuit-lab{padding-top:22px}.circuit-intro{grid-template-columns:1fr;gap:10px;margin:22px 0}.circuit-intro>p{font-size:15px}.circuit-intro small{margin-top:8px;font-size:11px}.circuit-station{flex-direction:column;align-items:start;gap:5px;padding:14px 16px}.circuit-first,.circuit-wiring-toolbar,.circuit-parameters,.circuit-examples,.circuit-notebook,.circuit-transfer{padding:16px}.circuit-wire-list{padding-inline:16px}.circuit-meter{gap:14px;padding:16px}.circuit-meter dd{font-size:11px}.circuit-meter-heading>strong{font-size:27px}.circuit-parameters>div{grid-template-columns:1fr;gap:16px}.circuit-challenge{grid-template-columns:1fr;gap:12px;padding:22px 16px}.circuit-challenge h2{font-size:24px}.circuit-notebook h2{flex-basis:100%;margin-bottom:8px}.circuit-notebook button{font-size:11px}.circuit-record{gap:8px}.circuit-diagnosis{padding:14px 16px}.circuit-ledger{grid-template-columns:1fr;gap:18px}.circuit-ledger output{font-size:12px}.circuit-lab .circuit-port,.circuit-meter-note{font-size:10px}}
