.electric-study{--study-accent:#16766f;color:#183b50;padding-bottom:64px}.capacitor-study{--study-accent:#6656a8}.study-intro{justify-content:space-between;align-items:end;gap:32px;padding:32px 0 40px;display:flex}.study-intro h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(36px,5vw,68px);line-height:1.2}.study-intro h1 span{color:var(--study-accent)}.study-intro>p{max-width:350px;font-size:21px}.study-intro small{color:#526d80;margin-top:18px;font-size:14px;line-height:1.9;display:block}.study-tools{background:#fff;border:1px solid #cbdce6;border-radius:16px;min-width:0;margin:28px 0;padding:0;overflow:hidden}.study-station{background:#eaf2f7;border-bottom:1px solid #cbdce6;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.study-station h2{margin:0;font-size:18px}.study-station span{font-size:13px}.study-first{background:#f6fafb;grid-template-columns:1fr auto;gap:16px;padding:24px;display:grid}.study-first h3{margin:0;font-size:18px}.study-first p{margin:8px 0;font-size:14px}.study-first>p{border-left:3px solid var(--study-accent);grid-column:1/-1;padding-left:14px}.electric-study button{color:#183b50;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #a9c0ce;border-radius:6px;padding:10px 16px;font-size:14px}.electric-study button:hover{background:#edf4f7}.electric-study button[aria-pressed=true],.electric-study .study-primary{background:var(--study-accent);color:#fff;border-color:var(--study-accent)}.electric-study button:disabled{opacity:.5;cursor:default}.electric-study :focus-visible{outline-offset:4px;outline:3px solid #c17a22}.study-console{grid-template-columns:minmax(0,1fr) 270px;display:grid}.study-visual{min-width:0;padding:20px}.study-visual>svg{width:100%;height:auto;display:block}.study-controls{background:#f2f6f9;border-left:1px solid #d6e3ea;padding:24px}.study-controls header{border-bottom:1px solid #cbdce6;gap:8px;padding-bottom:20px;display:grid}.study-controls header span{font-size:13px}.study-controls strong{color:var(--study-accent);font-family:IBM Plex Mono,monospace;font-size:28px}.study-controls label{margin:24px 0;display:block}.study-controls label span{justify-content:space-between;gap:8px;font-size:14px;display:flex}.study-controls output{font-family:IBM Plex Mono,monospace}.study-controls input{width:100%;min-height:44px;accent-color:var(--study-accent)}.study-controls p{color:#526d80;font-size:13px;line-height:1.8}.study-controls button{width:100%}.study-source-small{fill:#dcecf4;font-size:15px}.study-source-value{fill:#fff;font-family:IBM Plex Mono,monospace;font-size:24px}.study-diagram-label{fill:#284b60;font-size:20px}.study-diagram-unit{fill:#526d80;font-size:17px}.study-diagram-value{fill:var(--study-accent);font-family:IBM Plex Mono,monospace;font-size:34px}.study-dielectric{fill:#6656a8;font-size:14px}.study-positive,.study-negative{fill:#6656a8;font-size:23px}.study-slices{border-radius:5px;height:18px;margin:14px 0;display:flex;overflow:hidden}.study-slices span:first-child{background:#b86531}.study-slices span:last-child{background:#16766f}.study-slice-caption{justify-content:space-between;gap:10px;font-size:12px;display:flex}.study-slice-caption b{margin-top:5px;font-family:IBM Plex Mono,monospace;display:block}.study-live{background:#dce7ed;border:1px solid #dce7ed;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:24px 0 0;display:grid}.study-live div{background:#fafcfd;padding:16px}.study-live dt{color:#526d80;font-size:12px}.study-live dd{color:var(--study-accent);margin:8px 0 0;font-family:IBM Plex Mono,monospace;font-size:20px}.study-note{background:#eaf2f7;margin:0;padding:20px 24px;font-size:14px;line-height:1.9}.study-transfer,.study-notebook,.study-examples,.study-traces{border-top:1px solid #d6e3ea;padding:26px}.study-transfer h2,.study-notebook h2,.study-traces h2{margin:0 0 14px;font-size:21px}.study-transfer p,.study-notebook p,.study-examples p,.study-traces p{color:#526d80;font-size:14px;line-height:1.9}.study-transfer [role=group],.study-notebook>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.study-notebook h2{flex:1;margin:0}.study-notebook #study-records{grid-template-columns:1fr 1fr;gap:12px;display:grid}.study-notebook article{border:1px solid #cbdce6;border-radius:6px;min-width:0;padding:18px}.study-notebook article h3{margin:0}.study-notebook #study-comparison{color:var(--study-accent)}.study-examples summary,.study-ledger summary{cursor:pointer;min-height:44px;padding:12px 0}.study-ledger{border-bottom:1px solid #cbdce6;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0;display:grid}.study-ledger h2{font-size:30px}.study-ledger p{font-size:14px;line-height:1.9}.study-ledger output{color:var(--study-accent);overflow-wrap:anywhere;font-family:IBM Plex Mono,monospace;font-size:clamp(12px,1.6vw,18px);display:block}.study-next{justify-content:space-between;gap:20px;margin-top:26px;font-size:14px;display:flex}.study-switches,.study-playback{flex-wrap:wrap;align-items:center;gap:10px;padding:16px 24px;display:flex}.study-switches{border-bottom:1px solid #d6e3ea}.study-switches button{flex:1}.study-playback p{color:#526d80;margin:0;font-size:12px}.study-traces>div{grid-template-columns:1fr 1fr;gap:20px;display:grid}.study-traces figure{min-width:0;margin:0}.study-traces figcaption{font-size:13px}.study-traces svg{background:#f6f9fc;width:100%;margin-top:12px;display:block}.study-traces svg text{fill:#526d80;font:13px IBM Plex Mono,monospace}.study-noscript{background:#fff2dc;padding:20px;line-height:1.9}@media (width<=760px){.study-intro{padding:20px 0;display:block}.study-intro>p{font-size:18px}.study-console{grid-template-columns:1fr}.study-controls{border-top:1px solid #d6e3ea;border-left:0}.study-visual{padding:12px}.study-live dd{font-size:17px}.study-first{grid-template-columns:1fr;padding:18px}.study-station{flex-direction:column;align-items:start;gap:8px;padding:18px}.study-transfer,.study-notebook,.study-examples,.study-traces{padding:18px}.study-traces>div,.study-ledger,.study-notebook #study-records{grid-template-columns:1fr}.study-ledger{gap:16px;padding:24px 0}.study-slice-caption{font-size:11px}.study-switches,.study-playback{padding:16px}.study-switches button{padding:10px 8px}.study-next{flex-direction:column}.study-notebook h2{flex-basis:100%;margin-bottom:8px}.study-intro h1{font-size:38px}}