/* Magnetic Rotor Lab — MICHAEL OS 89 document route. No shared-shell overrides. */
:root{color-scheme:light;--teal:#008080;--navy:#000080;--navy-deep:#00005e;--chrome:#c0c0c0;--paper:#f7f5eb;--ink:#172d37;--muted:#405760;--line:#809198;--north:#4a999c;--south:#bd655a;--gold:#d9a244;--sans:Tahoma,"MS Sans Serif",Arial,sans-serif;--mono:"Courier New",Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;padding-bottom:42px;background:var(--teal);color:var(--ink);font:16px/1.55 var(--sans)}
a{color:inherit}
a:focus-visible{outline:3px solid #ffd45b;outline-offset:3px}
.skip-link{position:absolute;top:-100px;left:16px;z-index:10;padding:10px 16px;background:#fff;color:#000}
.skip-link:focus{top:12px}
.system-bar{height:64px;max-width:1472px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:0 clamp(16px,3vw,40px);color:#fff;font-family:var(--mono);font-size:12px;font-weight:bold;letter-spacing:.045em}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;white-space:nowrap}
.brand-mark{display:inline-grid;place-items:center;width:42px;height:36px;background:#fff;color:var(--navy);box-shadow:2px 2px 0 #062c32;font-size:17px;font-weight:900}
.brand b{color:#a1e5e2}
.system-path{margin-left:auto;opacity:.68;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.system-exit{padding:6px 10px;border:1px solid rgba(255,255,255,.65);text-decoration:none;white-space:nowrap}
.system-exit:hover{background:rgba(255,255,255,.14)}
main{max-width:1472px;margin:0 auto;padding:0 clamp(12px,3vw,40px) 64px}
.window-frame{border:3px solid #dfdfdf;border-right-color:#343d40;border-bottom-color:#343d40;background:var(--chrome);box-shadow:8px 9px 0 rgba(0,28,32,.32)}
.titlebar{min-height:35px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;font:bold 13px/1.25 var(--mono);letter-spacing:.035em}
.title-muted{font-weight:normal;color:#adc7ff}
.window-controls{font-size:18px;line-height:1;letter-spacing:7px;white-space:nowrap}
.content{margin:4px;border:1px solid #869593;background:var(--paper)}
.hero{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(22px,3.5vw,52px);align-items:center;min-height:600px;padding:clamp(26px,4vw,56px);background:linear-gradient(150deg,#edf2ed,#f7f5eb 55%,#eee6d6)}
.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#0a6267;font:700 12px/1.4 var(--mono);letter-spacing:.09em}
.status-led{display:inline-block;width:10px;height:10px;border:2px solid #145d59;background:#72d4bf}
.eyebrow-separator{color:#778b90}
h1{max-width:690px;margin:22px 0 22px;color:#102d3a;font:900 clamp(42px,4.8vw,75px)/1.04 var(--sans);letter-spacing:-.055em}
.hero-lead{max-width:600px;margin:0;color:#334b57;font:400 clamp(18px,1.5vw,22px)/1.5 var(--sans)}
.hero-lead em{font-weight:700;font-style:normal;color:#102d3a}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0 24px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;padding:10px 15px;border:2px solid #fff;border-right-color:#303c40;border-bottom-color:#303c40;background:#d3d3cf;color:#152c34;text-decoration:none;font:bold 13px/1.25 var(--mono);white-space:nowrap;box-shadow:1px 1px 0 #142d34}
.button:hover{background:#e7e5d9;transform:translateY(-1px)}
.button:active{border-color:#303c40;border-right-color:#fff;border-bottom-color:#fff;transform:translateY(1px)}
.button.primary{background:var(--navy);color:#fff;border-color:#8ca9e7;border-right-color:#00003a;border-bottom-color:#00003a}
.button.primary:hover{background:#131397}
.truth-strip{max-width:590px;margin:0;padding:11px 14px;border-left:4px solid #bd7a31;background:#fff4dd;color:#3f4140;font:13px/1.5 var(--mono)}
.truth-strip b{color:#5c3d13}
.hero-art{margin:0;min-width:0}
.image-screen{padding:10px;border:3px solid #fff;border-right-color:#667776;border-bottom-color:#667776;background:#d6d8d1;box-shadow:5px 5px 0 #c5cdc5}
.image-screen img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fdfbe6}
.hero-art figcaption{display:flex;justify-content:space-between;gap:8px;margin-top:14px;color:#52646a;font:700 10px/1.45 var(--mono);letter-spacing:.045em}
.local-nav{display:flex;gap:0;overflow-x:auto;border-top:2px solid #76817f;border-bottom:2px solid #263c42;background:#d6d8cf;scrollbar-width:thin}
.local-nav a{flex:1;min-width:max-content;padding:15px 20px;border-right:1px solid #9fa9a6;color:#1d3c47;text-align:center;text-decoration:none;font:bold 12px/1.2 var(--mono)}
.local-nav a:hover{background:#fff8df}
.section{display:grid;grid-template-columns:minmax(140px,225px) minmax(0,1fr);border-bottom:2px solid #c6c8bd;scroll-margin-top:24px}
.section-label{display:flex;flex-direction:column;gap:8px;padding:clamp(23px,3vw,42px) 22px;border-right:1px solid #ced2c8;color:#0c6570;font:bold 11px/1.35 var(--mono);letter-spacing:.08em}
.section-label span:first-child{color:#113c4b;font:900 40px/1 var(--mono);letter-spacing:-.06em}
.section-content{min-width:0;padding:clamp(26px,3.6vw,52px) clamp(22px,3.7vw,55px)}
h2{margin:0 0 21px;font:900 clamp(26px,3vw,40px)/1.15 var(--sans);letter-spacing:-.04em;color:#132d39}
h3{margin:0 0 14px;font:900 26px/1.2 var(--sans);letter-spacing:-.035em;color:#132d39}
p{margin:0 0 16px}
.section-content>p{max-width:790px;color:#3c5158;font-size:17px}
.question .section-content p{max-width:840px;font-size:18px;line-height:1.63}
.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.design-card{min-width:0;border:2px solid #fff;border-right-color:#747c7c;border-bottom-color:#747c7c;background:#f1f0e7;box-shadow:2px 3px 0 #dae0d6}
.card-top{display:flex;justify-content:space-between;gap:6px;padding:10px 12px;background:#143b48;color:#fff}
.tag{font:bold 11px/1.3 var(--mono);letter-spacing:.045em}
.tag-state{color:#f4c981}
.design-card>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fffde7;border-bottom:1px solid #c6d0ca}
.card-copy{padding:clamp(18px,2vw,28px)}
.card-copy p{min-height:148px;color:#3b535b}
.spec-list{list-style:none;padding:0;margin:20px 0 22px;border-top:1px solid #b9c4c1}
.spec-list li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #b9c4c1;font:13px/1.35 var(--mono)}
.spec-list b{color:#223f47}
.spec-list span{text-align:right;color:#3b595e}
.inline-link{color:#000080;font:bold 14px/1.3 var(--mono);text-underline-offset:4px}
.inline-link:hover{color:#0a646c}
.field-section{background:#eeefe6}
.field-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:clamp(20px,4vw,50px);align-items:start}
.field-layout p{max-width:670px;font-size:17px}
.field-layout .model-note{border-left:4px solid #1a7374;padding:10px 14px;background:#e0eae5;font:13px/1.55 var(--mono)}
.field-figure{margin:0;padding:12px;border:1px solid #aebdba;background:#fffdf0}
.field-figure img{display:block;width:100%;height:auto}
.field-figure figcaption{padding:8px 4px 0;text-align:center;font:bold 12px/1.35 var(--mono)}
.north-key{color:var(--north)}.south-key{color:var(--south)}
.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.note{padding:20px;border:1px solid #c0c5b9;border-left:4px solid #1a7374;background:#f0f2e9}
.note b{font:700 14px/1.4 var(--mono);color:#123f4b}
.note p{margin:8px 0 0;font-size:15px}
.inventory-line{max-width:none!important;margin-top:19px;padding:14px;border:1px solid #d0b56f;background:#fff7dc;font-size:14px!important}
.downloads{background:#e9eee9}
.download-list{display:grid;gap:10px;margin:26px 0}
.download-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px;background:#f9f8ef;border:1px solid #b6c3bf;scroll-margin-top:20px}
.download-row>div{display:flex;align-items:center;gap:14px;min-width:0}
.file-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border:2px solid #d9dfe0;border-right-color:#305067;border-bottom-color:#305067;background:#123d4c;color:#fff;font:900 19px/1 var(--mono)}
.download-row b{display:block;color:#163341}
.download-row small{display:block;color:#47616b;font:12px/1.45 var(--mono)}
.download-button{flex:none;background:#cbd4d1}
.download-fineprint{font:13px/1.55 var(--mono)!important;color:#3e535b!important}
.window-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:4px;padding:8px 14px;border-top:2px solid #fff;color:#24363b;font:bold 11px/1.25 var(--mono)}
.window-footer a{color:#000080}
.taskbar{position:fixed;bottom:0;left:0;right:0;z-index:20;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 14px;border-top:2px solid #fff;background:#c0c0c0;box-shadow:0 -2px #595959;color:#152c34;font:bold 11px/1.25 var(--mono)}
@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:740px}.hero-art{max-width:840px}.section{grid-template-columns:140px minmax(0,1fr)}.design-grid{grid-template-columns:1fr}.design-card>img{max-height:460px;object-fit:contain}.card-copy p{min-height:0}}
@media(max-width:700px){body{padding-bottom:48px}.system-bar{height:54px;padding:0 14px;font-size:11px}.system-path{display:none}.system-exit{margin-left:auto}.brand-mark{height:32px;width:38px}.window-frame{box-shadow:4px 5px 0 rgba(0,28,32,.32)}main{padding:0 8px 40px}.titlebar{font-size:11px}.title-muted{display:none}.window-controls{font-size:14px;letter-spacing:4px}.hero{padding:30px 19px 24px;gap:24px}h1{font-size:clamp(39px,11vw,64px);line-height:1.04;margin:16px 0}.hero-lead{font-size:17px}.hero-actions{margin:24px 0;gap:9px}.button{min-height:44px;font-size:12px}.truth-strip{font-size:12px}.hero-art figcaption{font-size:9px}.local-nav a{flex:none;padding:13px 16px}.section{display:block}.section-label{flex-direction:row;align-items:center;gap:12px;padding:17px 19px;border-right:0;border-bottom:1px solid #ced2c8}.section-label span:first-child{font-size:25px}.section-content{padding:27px 19px 35px}h2{font-size:30px}.question .section-content p,.field-layout p{font-size:16px}.field-layout{grid-template-columns:1fr}.field-figure{max-width:540px}.note-grid{grid-template-columns:1fr}.download-row{align-items:stretch;flex-direction:column}.download-button{justify-content:space-between}.window-footer,.taskbar{font-size:10px}}
@media(max-width:390px){.hero-actions .button{width:100%}.hero-art figcaption span:last-child{display:none}.download-row small{font-size:11px}.window-footer span{display:none}.window-footer{justify-content:flex-end}.taskbar span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover,.button:active{transform:none}}