@font-face{font-family:Manrope;src:url('/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
*{box-sizing:border-box}html{font-size:16px}body{font:400 1rem/1.65 Manrope,Arial,sans-serif}main{max-width:1440px;margin:auto;padding:24px clamp(16px,4vw,56px)}a{color:#1747cf;text-underline-offset:4px}.back-site{display:inline-flex;align-items:center;min-height:44px;font:700 .9rem/1.4 Manrope,Arial,sans-serif}
h1,h2,h3,.mast h1,.science-head h2,.method h2,.breadboard-head h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.04em;line-height:1.15;overflow-wrap:break-word}.mast{gap:32px;padding:24px 0;align-items:start}.mast h1{font-size:clamp(2rem,4.8vw,4rem);max-width:16ch}.mast-copy p,.science-head p,.breadboard-head p{font:400 1rem/1.65 Manrope,Arial,sans-serif}
.kicker,.privacy,.canvas-label,.plot-code,.control label,.readouts span,.status,.explain,.science-card p,.method summary,.plot-actions small,.builder-panel p,.board-caption,.source-note{font-size:.875rem;line-height:1.55;letter-spacing:0;text-transform:none}.kicker{font-weight:700}.privacy{padding:8px 0}button,select,input{font:inherit}button{min-height:44px;padding:10px 14px;touch-action:manipulation}input[type=range]{min-height:36px}button:disabled{opacity:.5;cursor:not-allowed}
.workspace{padding-top:28px;gap:28px;align-items:start}.canvas-label,.plot-code{position:static;display:block;padding:8px 12px;border:0}.readouts strong{font:700 clamp(1.1rem,2vw,1.55rem)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.02em}.readouts div{min-height:96px}.readouts span{margin-top:8px}.explain{color:#45443f}.science-head h2,.breadboard-head h2{font-size:clamp(1.75rem,3.5vw,3rem)}.science-card{min-height:0;padding:24px 18px}.science-card b{margin-bottom:20px}.science-card h3{font:700 1.1rem/1.4 Manrope,Arial,sans-serif}.science-card p{font-size:1rem}.method h2{font-size:2rem}.method summary{font-size:1rem;text-transform:none}.method details p{font-size:1rem}
.beginner-note{max-width:75ch;margin:24px 0;padding:20px 24px;border-left:3px solid #1747cf;background:#eeeee9}.beginner-note p{margin:8px 0}.beginner-note h2{font-size:1.25rem;margin:0}.breadboard-lab{padding-top:32px}.breadboard-lab>summary{font-size:1.1rem;font-weight:700;cursor:pointer;padding:20px 0;border-block:1px solid #aaa}.breadboard-lab[open]>.breadboard-head{padding-top:24px}.board-scroll{max-width:100%;overscroll-behavior-x:contain;background:#e8e9e4;border:1px solid #b7bbb6;border-radius:12px;padding:20px}.chua-board{box-shadow:0 3px 12px #0001;border-radius:8px}.builder-panel{min-width:0}.component-list{font-size:.9rem}.component-list button{font-size:.875rem}
@media(max-width:900px){.mast,.workspace,.science-head,.method,.breadboard-head,.breadboard-layout{grid-template-columns:minmax(0,1fr)}.mast h1{max-width:22ch}.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plot-actions{gap:16px}.plot-actions small{text-align:left}}
@media(max-width:520px){main{padding:16px}.mast{padding-top:16px}.mast-copy p{font-size:1rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button{width:100%;padding:10px 8px}.parameter-grid,.component-grid{grid-template-columns:1fr}.readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.readouts strong{font-size:1.15rem}.presets{display:flex;flex-wrap:wrap}.presets button{flex:1;min-width:80px}.advanced{grid-template-columns:1fr}.beginner-note{padding:16px}.status{flex-direction:column;gap:8px}.status span:first-child{max-width:100%}canvas,#spectrum{min-height:240px;height:320px}#waveform{height:132px;min-height:0}.method{gap:24px}.science-card b{margin-bottom:12px}.board-caption{display:block}.dual-supply{font-size:.875rem;flex-wrap:wrap}}
/* Dense circuit geometry stays inside its own scrollable surface. */
.chua-board{min-width:1040px}.board-hole{width:28px;height:28px;min-height:28px;padding:0}.component-overlay text{font:700 14px Manrope,Arial,sans-serif}.board-label{font:600 13px Manrope,Arial,sans-serif}
.board-column{min-width:0}
/* Same surfaces and type rhythm as Arduino Studio. */
:root{--paper:#f6f7fa;--ink:#18212f;--blue:#234acb;--rule:#dce2ec;--muted:#586477}body{margin:0;background:#f6f7fa;color:#18212f}body::before{display:none}.mast{border-color:#dce2ec}.mast h1{font-weight:600}.workspace{border-color:#dce2ec}.plot,.plot-panel,.scope,.controls,.science-card,.builder-panel{border-color:#dce2ec;border-radius:16px}.science-card{background:white}.beginner-note{background:#eaf0fb;border-left-color:#234acb;border-radius:0 14px 14px 0}.actions button,.presets button{border-radius:9px}.readouts div{border-color:#dce2ec;background:white}.method,.science,.science-grid{border-color:#dce2ec}.back-site{font-size:.8125rem}.board-scroll{background:#edf1f6;border-color:#dce2ec}