:root{color-scheme:light;--bg: #ecebe6;--panel: #faf9f4;--panel-2: #f0eee7;--ink: #222521;--muted: #5d6259;--line: #cac5b8;--line-strong: #7c7c70;--magnetic: #8f3f35;--electrical: #2f6f78;--mechanical: #596a3b;--loss: #7d6b4f;--load: #6a536c;--signal: #325b88;--power: #7a4e2e;--shadow-line: rgba(44, 45, 39, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #425f46;outline-offset:2px}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.nav-panel{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#e2e0d8;padding:28px 20px}.brand-block{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:20px}.brand-kicker,.eyebrow{margin:0 0 6px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-block h1,.page-header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:600;letter-spacing:0}.brand-block h1{max-width:230px;font-size:1.42rem;line-height:1.12}.section-nav{display:grid;gap:8px}.section-nav button,.diagram-controls button,.overview-item button{border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;min-height:40px;padding:8px 12px;text-align:left;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.section-nav button:hover,.section-nav button.active,.diagram-controls button:hover,.diagram-controls button.selected,.overview-item button:hover{background:#f6f5ef;border-color:var(--line-strong)}.section-nav button.active{background:#f8f7f2;border-color:var(--line-strong);box-shadow:inset 4px 0 #5f6f4d;font-weight:700}.content-shell{min-width:0}.page{padding:32px 34px 40px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.page-header h2{font-size:clamp(1.8rem,3vw,2.7rem)}.mechanism-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:14px}.mechanism-hero h2{max-width:1080px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.15rem,3.8vw,4.15rem);font-weight:600;line-height:.98;letter-spacing:0}.technical-abstract{max-width:1060px;margin:14px 0 0;color:#3f443d;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.48}.mechanism-hero .state-readout{justify-self:end}.evaluation-frame{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);background:#f8f7f2;margin:0 0 18px}.evaluation-metric{min-height:76px;border-right:1px solid var(--line);padding:11px 12px}.evaluation-metric:last-child{border-right:0}.evaluation-metric span{display:block;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.evaluation-metric strong{display:block;margin-top:6px;color:#252821;font-size:.88rem;line-height:1.24}.comparison-page .page-header{margin-bottom:16px}.comparison-page .page-header h2{max-width:1100px;font-size:clamp(2.2rem,4vw,4.1rem);line-height:.98}.comparison-deck{max-width:960px;margin:12px 0 0;color:#4b5149;font-size:clamp(1rem,1.4vw,1.15rem)}.comparison-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.comparison-principles div{border:1px solid var(--line);border-left-width:4px;background:#fbfaf6;padding:12px 14px}.comparison-principles div:nth-child(1){border-left-color:var(--mechanical)}.comparison-principles div:nth-child(2){border-left-color:var(--power)}.comparison-principles div:nth-child(3){border-left-color:var(--signal)}.comparison-principles span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.comparison-principles strong{display:block;margin-top:4px;font-size:.95rem;line-height:1.3}.technical-summary,.thesis-block{max-width:1120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;color:#353932;font-size:1.02rem}.state-readout{min-width:190px;border:1px solid var(--line);background:var(--panel);padding:12px 14px}.state-readout span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.state-readout strong{display:block;margin-top:5px;font-size:1rem;line-height:1.25}.mechanism-layout{display:grid;grid-template-columns:minmax(560px,1fr) 360px;gap:20px;align-items:start;margin-top:18px}.diagram-region{min-width:0}.diagram-panel{border:1px solid var(--line);background:#fbfaf6;padding:14px;box-shadow:0 1px 0 var(--shadow-line)}.mechanism-svg{display:block;width:100%;min-height:520px;border:0;background:var(--panel)}.svg-bg{fill:#f8f7f2}.structure-layer *{vector-effect:non-scaling-stroke}.surface,.support{fill:#d7d3c8;stroke:#77746b;stroke-width:1.2}.guide,.frame{fill:#ebe9e1;stroke:#77746b;stroke-width:1.3}.slot{fill:#f8f7f2;stroke:#bbb6aa;stroke-width:1}.pin,.pin-head{fill:#c9c7bd;stroke:#4f514c;stroke-width:1.4}.pin-head{fill:#bfc1ba}.armature{fill:#8e928b;stroke:#454842;stroke-width:1.3}.yoke{fill:#d4d1c7;stroke:#60635d;stroke-width:1.5}.coil{fill:#ead7c8;stroke:var(--power);stroke-width:1.4}.magnet{stroke:#4e4c45;stroke-width:1.2}.magnet.north{fill:#d7b0aa}.magnet.south{fill:#b6c8cd}.flexure,.amplifier,.membrane,.snap{fill:none;stroke:var(--mechanical);stroke-width:4;stroke-linecap:round}.electrode{stroke:#3f6469;stroke-width:1.2}.electrode.fixed{fill:#9bbec1}.electrode.moving{fill:#c6d9da}.dielectric{fill:url(#dielectric-hatch);stroke:#8d8a80}.substrate,.pcb{fill:#d6dbc5;stroke:#687158;stroke-width:1.2}.moving-layer{transition:transform .65s ease-in-out}.flux{fill:none;stroke:#8f3f3580;stroke-width:3;stroke-dasharray:8 8;opacity:.38}.flux.active{stroke-width:4;opacity:1;animation:dash 1.8s linear infinite}.efield{stroke:var(--electrical);stroke-width:2;marker-end:url(#arrow-electrical);opacity:.48;stroke-dasharray:7 6}.field-label,.state-note,.layer-label,.state-badge{fill:var(--muted);font-size:13px}.state-badge{font-weight:700;fill:#30332e}.callout text,.arrow-group text,.energy-inset text,.external-callout text,.number-tag text,.flow-node text{fill:#30332e;font-size:13px}.callout circle{fill:#30332e}.arrow-group line{stroke-width:3;vector-effect:non-scaling-stroke}.signal-overlay .arrow-group line,.power-overlay .arrow-group line{stroke-width:2.4}.arrow-group.magnetic line,.marker.magnetic{stroke:var(--magnetic);fill:var(--magnetic)}.arrow-group.electrical line,.marker.electrical{stroke:var(--electrical);fill:var(--electrical)}.arrow-group.mechanical line,.marker.mechanical{stroke:var(--mechanical);fill:var(--mechanical)}.arrow-group.loss line,.marker.loss{stroke:var(--loss);fill:var(--loss)}.arrow-group.load line,.marker.load{stroke:var(--load);fill:var(--load)}.arrow-group.signal line,.marker.signal{stroke:var(--signal);fill:var(--signal)}.arrow-group.power line,.marker.power{stroke:var(--power);fill:var(--power)}.overlay rect{fill:#f8f7f2e6;stroke:var(--line-strong)}.overlay text{fill:#30332e;font-size:13px}.external-callout path{fill:none;stroke:#8f8b80;stroke-width:1.1;vector-effect:non-scaling-stroke}.external-callout circle{fill:#6f6b62}.external-callout text{font-weight:700}.external-callout.magnetic text{fill:var(--magnetic)}.external-callout.electrical text{fill:var(--electrical)}.external-callout.mechanical text{fill:var(--mechanical)}.external-callout.loss text{fill:var(--loss)}.external-callout.load text{fill:var(--load)}.number-tag circle{fill:#f8f7f2;stroke:#32352f;stroke-width:1.4}.number-tag text{fill:#252823;font-weight:800;text-anchor:middle}.flow-node rect{fill:#f8f7f2f2;stroke:var(--signal);stroke-width:1.3}.flow-node.power rect{stroke:var(--power)}.flow-node text{font-weight:700}.is-highlighted,.is-highlighted *{filter:drop-shadow(0 0 3px rgba(50,91,136,.55))}.structure-layer .is-highlighted rect,.structure-layer .is-highlighted path,.moving-layer .is-highlighted rect,.moving-layer .is-highlighted path{stroke-width:2.8}.external-callout.is-highlighted path,.arrow-group.is-highlighted line{stroke-width:4}.number-tag.is-highlighted circle{fill:#f0eadf;stroke-width:2.5}.layer-view rect{fill:#7070670f;stroke:#7070678c;stroke-dasharray:6 5}.hatch-line{stroke:#aaa69b;stroke-width:1}.barrier{fill:none;stroke-width:2}.barrier.baseline{stroke:var(--magnetic)}.barrier.assisted{stroke:var(--electrical)}.diagram-controls{display:grid;gap:10px;margin-top:12px}.control-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center;border:1px solid var(--line);background:#f8f7f2;padding:8px}.control-row button{text-align:center;min-height:38px;border-color:#b9b4a7;background:#fbfaf6;font-size:.86rem;font-weight:650}.control-row.toggles{background:#efeee8}.control-row.toggles button{min-width:96px}.diagram-controls button.selected{background:#dfe3d6;border-color:#6c765d;box-shadow:inset 0 -2px #5d6b4e}.diagram-legend{border:1px solid var(--line);border-top:0;background:#fbfaf6;padding:14px}.diagram-legend h3{margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:1rem}.diagram-legend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.diagram-legend-item{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:default;min-height:44px;padding:7px 8px;text-align:left}.diagram-legend-item:hover,.diagram-legend-item:focus{border-color:var(--line-strong);background:#f3f1e8}.diagram-legend-item strong{display:block;font-size:.88rem}.diagram-legend-item span{display:block;color:var(--muted);font-size:.78rem}.diagram-legend-item.magnetic strong{color:var(--magnetic)}.diagram-legend-item.electrical strong{color:var(--electrical)}.diagram-legend-item.mechanical strong{color:var(--mechanical)}.diagram-legend-item.loss strong{color:var(--loss)}.diagram-legend-item.load strong{color:var(--load)}.diagram-legend-item.signal strong{color:var(--signal)}.diagram-legend-item.power strong{color:var(--power)}.technical-panel{background:var(--panel);border:1px solid var(--line);padding:16px;box-shadow:0 1px 0 var(--shadow-line)}.technical-panel h3{margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.2}.side-panels,.mechanism-bottom,.bottom-grid,.overview-grid,.plan-grid{display:grid;gap:12px}.side-panels{position:sticky;top:18px;align-self:start;gap:14px}.side-panels .technical-panel{background:#fbfaf6}.side-panels .technical-panel h3{border-bottom:1px solid var(--line);padding-bottom:9px}.flow-panel ol,.sequence-panel ol,.execution-list{margin:0;padding-left:20px}.flow-panel li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dedad0}.flow-panel li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.flow-panel strong{display:block;font-size:.92rem}.flow-panel span,.compact-list,.overview-item p,.plan-grid p{color:var(--muted)}.legend-grid{display:grid;gap:9px}.legend-item{display:grid;grid-template-columns:16px minmax(78px,max-content) 1fr;gap:8px;align-items:start;font-size:.86rem;line-height:1.32}.legend-swatch{width:12px;height:12px;margin-top:4px;border:1px solid rgba(0,0,0,.2)}.legend-swatch.magnetic{background:var(--magnetic)}.legend-swatch.electrical{background:var(--electrical)}.legend-swatch.mechanical{background:var(--mechanical)}.legend-swatch.loss{background:var(--loss)}.legend-swatch.load{background:var(--load)}.mechanism-bottom{grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);align-items:start;margin-top:20px}.sequence-panel li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;margin-bottom:10px;color:var(--muted)}.sequence-panel button{border:1px solid var(--line);background:var(--panel-2);width:30px;height:30px;cursor:pointer;font-weight:700}.sequence-panel li.current button{background:#d8d5cb;border-color:var(--line-strong);font-weight:700}.sequence-panel li.current span{color:var(--ink);font-weight:600}.parameter-table,.comparison-table{width:100%;border-collapse:collapse;font-size:.9rem}.parameter-table th,.parameter-table td{border:1px solid var(--line);padding:10px 11px;text-align:left;vertical-align:top;line-height:1.38}.parameter-table th,.comparison-table th{background:var(--panel-2)}.parameter-table th{color:#252821;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}.parameter-table tbody tr:nth-child(2n) td{background:#f7f6f1}.parameter-table td:first-child{color:#252821;font-weight:700}.comparison-table-wrap{border:1px solid var(--line);overflow-x:auto;background:#fbfaf6}.comparison-table{min-width:1320px;border-collapse:separate;border-spacing:0;font-size:.88rem}.comparison-table th,.comparison-table td{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}.comparison-table thead th{position:sticky;top:0;z-index:2;background:#ecebe5;color:#242822;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.comparison-table thead th:first-child,.comparison-table tbody th{position:sticky;left:0;z-index:3;width:160px}.comparison-table tbody th{background:#f3f2ec;color:#242822;font-size:.92rem;line-height:1.25}.comparison-table tbody tr:nth-child(2n) td{background:#f7f6f1}.comparison-table tbody tr:hover td,.comparison-table tbody tr:hover th{background:#f0eee6}.comparison-basis{width:250px;color:var(--muted);font-size:.82rem;line-height:1.38}.comparison-cell{width:300px;background:#fbfaf6}.comparison-cell strong{display:block;color:#242822;font-size:.93rem;line-height:1.32}.math-line{display:block;width:fit-content;max-width:100%;margin-top:8px;border:1px solid rgba(50,91,136,.24);background:#eef3f4;color:#21343a;padding:5px 7px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.35;white-space:normal}.comparison-cell.magnetic .math-line{border-color:#8f3f3547;background:#f4eeeb}.comparison-cell.electrical .math-line{border-color:#2f6f784d;background:#edf4f4}.comparison-cell.hybrid .math-line{border-color:#596a3b4d;background:#eff3e9}.cell-note{display:block;margin-top:8px;color:var(--muted);font-size:.78rem;line-height:1.4}.bottom-grid{grid-template-columns:repeat(2,minmax(320px,1fr));align-items:start;margin-top:14px}.compact-list{margin:0;padding-left:18px;line-height:1.45}.compact-list li{margin-bottom:9px}.risk-list li{color:#59463f}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.overview-item{border-top:2px solid var(--line-strong);background:var(--panel);padding:16px}.overview-item h3{margin:0 0 8px;font-family:Georgia,Times New Roman,serif}.overview-item button{margin-top:8px;text-align:center}.metric-strip{display:flex;flex-wrap:wrap;gap:8px}.metric-strip span{border:1px solid var(--line);background:var(--panel-2);padding:6px 8px;font-size:.9rem}.table-panel{padding:16px}.measurement-panel{margin-top:0;border-top:0;background:#fbfaf6}.measurement-panel h3{font-size:1.15rem}.measurement-panel .compact-list{columns:2;column-gap:42px}.measurement-panel .compact-list li{break-inside:avoid;margin-bottom:9px}.execution-list li{margin-bottom:8px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 12px}@keyframes dash{to{stroke-dashoffset:-32}}@media(max-width:1180px){.comparison-principles,.mechanism-layout{grid-template-columns:1fr}.side-panels{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.evaluation-frame{grid-template-columns:repeat(4,minmax(0,1fr))}.evaluation-metric:nth-child(4n){border-right:0}.bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-legend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.nav-panel{position:static;height:auto;padding:16px}.brand-block h1{max-width:none}.section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page{padding:18px}.comparison-page .page-header h2{font-size:clamp(2rem,10vw,3.1rem)}.page-header{display:block}.mechanism-hero{grid-template-columns:1fr}.mechanism-hero .state-readout{justify-self:stretch}.evaluation-frame{grid-template-columns:repeat(2,minmax(0,1fr))}.evaluation-metric,.evaluation-metric:nth-child(4n){border-right:1px solid var(--line)}.evaluation-metric:nth-child(2n){border-right:0}.state-readout{margin-top:12px}.side-panels,.mechanism-bottom,.overview-grid,.plan-grid{grid-template-columns:1fr}.mechanism-svg{min-height:360px}.diagram-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.measurement-panel .compact-list{columns:1}}@media(max-width:560px){.section-nav{grid-template-columns:1fr}.page{padding:16px}.diagram-panel{padding:8px}.mechanism-svg{min-height:300px}.evaluation-frame{grid-template-columns:1fr}.evaluation-metric,.evaluation-metric:nth-child(2n),.evaluation-metric:nth-child(4n){border-right:0}.bottom-grid,.diagram-legend-grid{grid-template-columns:1fr}}