:root{color-scheme:dark;--navy:#071a2f;--panel:#0b2748;--orange:#ff962f;--text:#f7fbff;--muted:#bed0df;--line:#345571;--accent:#90d9cd;--page:#061526;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans TC",sans-serif;line-height:1.7;color:var(--text);background:var(--page)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:radial-gradient(ellipse at 90% 0,#123252 0,transparent 42rem),var(--page)}a{color:#ffd4ad;text-underline-offset:.22em}a:hover{color:#fff}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}button:disabled{opacity:.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;text-wrap:balance}h1{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.035em;margin-bottom:1.25rem}h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:1rem}h3{font-size:1.15rem;margin-bottom:.8rem}p{margin-bottom:1rem}p:last-child{margin-bottom:0}small{font-size:.8rem}code{font-family:ui-monospace,monospace;color:#ffd4ad}strong{font-weight:750}img,svg{max-width:100%}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-weight:750;margin-bottom:.7rem}input[type=checkbox],input[type=radio]{width:1.2rem;height:1.2rem;accent-color:var(--orange);flex:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffe0a3;outline-offset:4px}button,a,input,summary{-webkit-tap-highlight-color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:-80px;left:1rem;z-index:5;background:#fff;color:#071a2f;padding:.8rem 1rem;border-radius:8px}.skip-link:focus{top:1rem}
.site-header{max-width:1440px;margin:auto;padding:1.25rem clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #34557177}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text)}.brand img{width:52px;height:52px;flex:none}.brand span{display:grid}.brand strong{font-size:1.1rem;letter-spacing:.045em}.brand small{color:var(--muted)}.preview-label{font-size:.8rem;padding:.35rem .8rem;border:1px solid var(--line);border-radius:100px;color:var(--muted)}main{max-width:1280px;margin:auto;padding:0 clamp(1rem,4vw,3rem) 4rem}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.45fr);gap:3rem;align-items:center;padding:4.8rem 0 3rem}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#ffb66f;margin-bottom:.9rem}.hero-lead{max-width:44rem;color:var(--muted);font-size:1.1rem}.hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:1.8rem}.text-link{font-weight:700}.mission-note{padding:2rem;background:linear-gradient(135deg,#113253,#0a223d);border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:16px}.mission-note h2{font-size:1.8rem;margin-top:1.2rem}.note-index{font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.mission-note p{color:var(--muted);font-size:.95rem}.mission-note .note-small{font-size:.8rem;padding-top:1rem;border-top:1px solid var(--line)}.scope-note{display:flex;align-items:start;gap:1.2rem;padding:1rem 1.2rem;background:#132b40;border:1px solid #6e6243;border-left:4px solid var(--orange);border-radius:8px}.scope-note strong{white-space:nowrap;color:#ffd4ad}.scope-note p{color:var(--muted);font-size:.88rem}.module-status{margin-top:1rem;font-size:.8rem;color:var(--muted)}.module-status[data-ready=true]{color:var(--accent)}.section{margin-top:3.8rem;scroll-margin-top:1.5rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1.2rem;margin-bottom:1.3rem}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:.85rem;max-width:21rem;margin:0}.section-heading .eyebrow{margin-bottom:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.7rem 1rem;border:1px solid transparent;border-radius:9px;font-size:.9rem;font-weight:750;line-height:1.45;text-decoration:none;text-align:center;transition:background .15s}.primary{background:var(--orange);color:#101a25}.primary:hover{background:#ffb263;color:#101a25}.secondary{background:#143759;border-color:#5681a4;color:var(--text)}.secondary:hover{background:#204564}.quiet{background:transparent;border-color:var(--line);color:var(--muted)}.quiet:hover{background:#15334f;color:var(--text)}
.challenge-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.challenge-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.35rem .65rem;padding:1.35rem;border:1px solid var(--line);border-radius:12px;background:#0a223c;cursor:pointer}.challenge-card input{position:absolute;top:1.2rem;right:1rem}.challenge-card .card-number{grid-column:1;grid-row:1/3;align-self:start;font-size:.8rem;display:grid;place-items:center;border:1px solid var(--line);width:1.7rem;height:1.7rem;border-radius:5px;color:#ffb66f}.challenge-card strong{grid-column:2;padding-right:1.4rem;font-size:1rem}.challenge-card>span:not(.card-number){grid-column:2;color:var(--muted);font-size:.88rem}.challenge-card small{grid-column:1/-1;color:var(--muted);font-size:.75rem;margin-top:.8rem;border-top:1px solid var(--line);padding-top:.75rem}.challenge-card:has(input:checked){border-color:var(--orange);background:#163149;box-shadow:inset 0 0 0 1px #ff962f33}.challenge-card:has(input:focus-visible){outline:3px solid #ffe0a3;outline-offset:4px}.preferences{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;margin-top:1.5rem}.preferences legend{font-size:.9rem}.choice-row{display:flex;flex-wrap:wrap;gap:.5rem}.choice-row label{display:flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:8px;padding:.45rem .75rem;min-height:44px;cursor:pointer}.choice-row label:has(input:checked){background:#163149;border-color:#ffb66f}.preferences p{font-size:.8rem;color:var(--muted);margin:.7rem 0 0}.motion-choice>label{display:flex;align-items:center;gap:.5rem;min-height:44px}.status-pill{border-radius:100px;padding:.35rem .8rem;background:#15334f;border:1px solid var(--line);font-size:.75rem;color:var(--muted);white-space:nowrap}.lab-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:1.2rem}.panel{padding:1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:13px;min-width:0}.lab-sidebar{display:grid;align-content:start;gap:1rem}.display-heading{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.display-heading strong{font-size:.95rem}.display-heading>span{font-size:.75rem;color:var(--muted);white-space:nowrap}.goal-instruction{font-size:.9rem;color:var(--muted);margin:1rem 0 1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.scan-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;list-style:none;padding:0;margin:0}.scan-stages li{display:grid;grid-template-columns:1.5rem 1fr;gap:0 .4rem;padding:.6rem .5rem;background:#071c33;border-radius:7px;border:1px solid var(--line)}.scan-stages li>span{grid-row:1/3;align-self:start;border:1px solid var(--line);font-size:.75rem;width:1.35rem;height:1.35rem;border-radius:50%;text-align:center}.scan-stages strong{font-size:.85rem}.scan-stages small{font-size:.63rem;color:var(--muted);grid-column:2;line-height:1.55}.scan-stages li[aria-current=step]{border-color:var(--orange);background:#453426}.scan-stages li[aria-current=step]>span{background:var(--orange);color:#071a2f;border-color:var(--orange)}.next-phase{font-size:.75rem;color:#ffd4ad;margin:.7rem 0 0}.factory-diagram{display:block;width:100%;margin:1rem 0 .6rem;background:#071b30;border-radius:10px;overflow:visible}.factory-diagram text{fill:var(--text);font-family:system-ui,sans-serif;font-size:13px;font-weight:700}.factory-diagram .diagram-small{font-size:10px;font-weight:500;fill:var(--muted)}.diagram-box{fill:#143759;stroke:#5681a4;stroke-width:1.5}.plc-box{stroke:var(--orange)}.signal-line,.feedback-line,.safety-line{fill:none;stroke:#82a8c8;stroke-width:2}.feedback-line{stroke:var(--accent);stroke-dasharray:6 5}.safety-line{stroke:var(--orange);stroke-dasharray:3 4}.factory-diagram marker path{fill:#82a8c8}.motor-shell{fill:#15334f;stroke:#5681a4;stroke-width:2}#motor-rotor path{stroke:#bed0df;stroke-width:5;stroke-linecap:round}#motor-rotor{transform-origin:580px 95px}.factory-diagram.is-running.animation-playing #motor-rotor{animation:rotate-motor 3s linear infinite}.factory-diagram.is-running .motor-shell{stroke:var(--accent)}.factory-diagram.is-running #motor-rotor path{stroke:var(--accent)}.factory-diagram.is-safety-latched .safety-box{fill:#4b302b;stroke:#ffb66f}.safety-box{fill:#132b40;stroke:#6e6243;stroke-width:1.5}.diagram-caption{font-size:.75rem;color:var(--muted);margin-bottom:1.3rem}.signal-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.signal-dashboard>div{display:grid;gap:.2rem;border:1px solid var(--line);padding:.7rem;border-radius:8px;background:#071c33}.signal-dashboard span{font-size:.67rem;color:var(--muted)}.signal-dashboard strong{font-size:1.3rem;font-variant-numeric:tabular-nums}.signal-dashboard strong[data-on=true]{color:var(--accent)}.signal-dashboard small{font-size:.62rem;color:var(--muted)}.causal-feedback{margin:1.2rem 0;padding:1rem;border-left:3px solid var(--orange);background:#142f49;border-radius:0 8px 8px 0}.causal-feedback strong{font-size:.9rem}.causal-feedback p{font-size:.8rem;color:var(--muted);margin:.45rem 0 0}.causal-feedback #alarm-message[data-alarm=true]{color:#ffcc9c}.action-controls{display:flex;flex-wrap:wrap;gap:.5rem}.action-controls .button{font-size:.8rem;flex:1 1 auto}.control-note{font-size:.75rem;color:var(--muted);margin-top:.8rem}.mini-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.mini-heading h3{margin-bottom:0}.mini-heading span{font-size:.7rem;color:var(--muted)}.input-controls>label{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;border-bottom:1px solid var(--line);padding:.7rem 0;cursor:pointer}.input-controls>label>span{display:grid}.input-controls strong{font-size:.85rem}.input-controls small{font-size:.7rem;color:var(--muted)}.input-controls .button{width:100%;margin-top:1rem}.io-table{width:100%;border-collapse:collapse;font-size:.75rem;table-layout:fixed}.io-table caption{text-align:left;color:var(--muted);font-size:.7rem;margin-bottom:.7rem}.io-table th,.io-table td{border-bottom:1px solid var(--line);padding:.5rem .3rem;overflow-wrap:anywhere}.io-table thead{color:var(--muted)}.io-table th{text-align:left;font-weight:700}.io-table th:first-child{width:42%}.io-table td{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.io-table td[data-on=true]{color:var(--accent)}.io-table td[data-mismatch=true]{background:#453426;color:#ffd4ad}.memory-values{padding-top:.8rem}.memory-values p{font-size:.75rem;margin:.3rem 0;color:var(--muted)}.memory-values strong{color:var(--text)}.trace-panel{padding:1rem 1.5rem}.trace-panel summary{font-size:.8rem;font-weight:750;cursor:pointer;min-height:36px;display:list-item}.trace-panel ol{padding-left:1.4rem;color:var(--muted);font-size:.7rem;max-height:18rem;overflow:auto}.trace-panel li{margin-bottom:.4rem}
.question-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:1.2rem}.question-context{font-size:.75rem;color:#ffb66f}.question-grid legend{font-size:1.05rem;line-height:1.6}.answer-choice{display:flex;align-items:start;gap:.7rem;border:1px solid var(--line);padding:.8rem;margin-bottom:.65rem;border-radius:9px;cursor:pointer;font-size:.88rem}.answer-choice input{margin-top:.22rem}.answer-choice:has(input:checked){border-color:#ffb66f;background:#163149}.question-grid form .button{margin-top:.4rem}.answer-feedback{margin-top:1rem;background:#071c33;border-radius:8px;padding:1rem;color:var(--muted);font-size:.88rem;border:1px solid var(--line)}.answer-feedback[data-result=correct]{border-color:var(--accent)}.answer-feedback[data-result=try-again]{border-color:#ffb66f}.hint-panel p{color:var(--muted);font-size:.88rem}.hint-list{padding-left:1.3rem;font-size:.88rem;color:var(--muted)}.hint-list li{margin-top:1rem}.principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.principle-grid p,.case-article p,.case-article li{font-size:.88rem;color:var(--muted)}.principle-grid strong,.case-article strong{color:var(--text)}.logic-equation{padding:.9rem 1rem;background:#071c33;border-radius:8px;border:1px solid var(--line);margin-bottom:1rem;overflow-wrap:anywhere}.logic-equation p{font-size:.8rem;color:#d6e9f5;margin-bottom:.5rem}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem}.case-tag{font-size:.7rem;color:#ffb66f}.case-article h3{margin-top:.5rem}.case-article ol{padding-left:1.2rem}.case-article li{margin-bottom:.7rem}.skill-list{list-style:none;padding:0;margin:1.1rem 0}.skill-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.82rem}.skill-list strong{font-size:.72rem;background:#071c33;padding:.2rem .5rem;border:1px solid var(--line);border-radius:100px;white-space:nowrap}.skill-list strong[data-level=observed]{color:#ffd4ad;border-color:#8d734e}.skill-list strong[data-level=mastered]{color:var(--accent);border-color:#539789}.mastery-panel>p{font-size:.85rem;color:var(--muted)}.mastery-panel .control-note{font-size:.75rem}.sources-section{border-top:1px solid var(--line);padding-top:2.3rem}.sources-section>p,.source-list{font-size:.85rem;color:var(--muted)}.source-list{padding-left:1.2rem}.source-list li{margin-bottom:1rem}.source-list a{font-weight:700}.site-footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:1.5rem clamp(1rem,4vw,4rem);display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem}.site-footer p{margin:0}.site-footer strong{color:var(--text)}
.text-link,.site-footer a,.source-list a{display:inline-flex;align-items:center;min-height:44px}.trace-panel summary,.quick-exercise summary{min-height:44px;padding:.45rem 0;cursor:pointer;font-weight:750}.quick-exercise{margin-bottom:1rem}.quick-exercise p,.quick-exercise li{font-size:.84rem;color:var(--muted)}.quick-exercise li{margin-bottom:.75rem}.quick-exercise strong{color:var(--text)}.power-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1.2rem;margin-bottom:1.2rem;align-items:center;background:#0a223c}.power-panel strong{font-size:.9rem}.power-panel #power-state{font-size:.82rem;color:var(--muted);margin:.4rem 0 0}.power-panel>.control-note{grid-column:1/-1;margin:0}.power-panel #power-state[data-powered=false]{color:#ffce9d}
.ladder-section{margin-top:1.2rem;padding:1.1rem .9rem;border:1px solid #52748d;border-top:3px solid var(--orange);border-radius:10px;background:#081e35;scroll-margin-top:1.5rem}.ladder-section .display-heading{align-items:start;flex-wrap:wrap}.ladder-section h3{font-size:1rem;margin:0}.ladder-section #ladder-stage{font-size:.7rem;white-space:normal;color:#ffce9d}.ladder-instruction{font-size:.78rem;color:var(--muted);margin:.85rem 0 1rem}.ladder-instruction strong{color:#dcebf5}.ladder-diagram{position:relative;display:grid;grid-template-columns:minmax(0,4.3fr) minmax(0,1.6fr) minmax(0,1.2fr);gap:.35rem;align-items:center;border-left:3px solid #7797ad;border-right:3px solid #7797ad;padding:1rem .3rem;background:#05182b;border-radius:4px}.ladder-diagram::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#52748d;pointer-events:none}.ladder-diagram[data-path-active=true]{border-color:var(--accent)}.ladder-diagram[data-path-active=true]::before{background:var(--accent)}.ladder-series{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;min-width:0}.ladder-contact{position:relative;display:grid;align-content:center;gap:.45rem;background:#071c33;border:1px solid #52748d;border-radius:5px;color:var(--text);padding:.7rem .15rem;min-width:44px;min-height:110px;font:inherit;cursor:pointer;text-align:center;overflow-wrap:anywhere;line-height:1.4}.contact-symbol{font-family:ui-monospace,monospace;font-size:clamp(.8rem,1.7vw,1.15rem);font-weight:800;color:#a9c4d7;white-space:nowrap}.contact-name{font-size:.65rem;font-weight:650}.contact-truth{font-size:.66rem;color:var(--muted)}.ladder-contact[data-truth=true] .contact-truth{color:var(--accent)}.ladder-contact[data-truth=false] .contact-truth{color:#ffce9d}.ladder-contact[data-active=true]{border-color:var(--accent);background:#123a3d;box-shadow:inset 0 0 0 1px #90d9cd55}.ladder-contact[data-active=true] .contact-symbol{color:var(--accent)}.ladder-contact[aria-pressed=true]{outline:2px solid var(--orange);outline-offset:2px}.ladder-contact:focus-visible{outline:3px solid #ffe0a3;outline-offset:3px;z-index:1}.ladder-branches{position:relative;display:grid;grid-template-columns:1fr;gap:.9rem;border-left:2px solid #52748d;border-right:2px solid #52748d;padding:0 .2rem;min-width:0}.ladder-branches[data-active=true]{border-left-color:var(--accent)}.ladder-diagram[data-path-active=true] .ladder-branches{border-right-color:var(--accent)}.ladder-branch{min-height:85px}.ladder-coil{min-height:120px}.ladder-coil[data-evaluated=true][data-pending=true] .contact-truth{color:var(--accent)}.ladder-legend{font-size:.69rem;color:var(--muted);margin:.7rem 0 1rem;line-height:1.75}.ladder-channel-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:.5rem}.ladder-channel-grid>div{display:grid;gap:.35rem;padding:.7rem;background:#071c33;border:1px solid var(--line);border-radius:6px;min-width:0}.ladder-channel-grid span{font-size:.65rem;color:var(--muted)}.ladder-channel-grid strong{font-size:.82rem}.ladder-channel-grid strong[data-on=true]{color:var(--accent)}.ladder-explanation{padding:.9rem;margin-top:1rem;background:#102d47;border-left:3px solid var(--orange);border-radius:0 6px 6px 0}.ladder-explanation h4{font-size:.87rem;line-height:1.6;margin:0 0 .55rem}.ladder-explanation p{font-size:.76rem;color:var(--muted);line-height:1.8}.ladder-explanation .button{font-size:.73rem;width:100%;min-width:44px}.io-table caption #image-status{display:block;margin-top:.4rem;color:#ffd4ad}.memory-values strong{overflow-wrap:anywhere}.factory-diagram:not(.animation-playing) #motor-rotor{animation:none}
@media(max-width:1050px){.ladder-diagram{grid-template-columns:minmax(0,1fr);gap:.7rem;border-color:#52748d}.ladder-diagram::before{top:0;bottom:0;left:50%;right:auto;width:2px;height:auto}.ladder-series{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem}.ladder-branches{grid-template-columns:1fr 1fr;border:2px solid #52748d;padding:.35rem}.ladder-contact{min-height:90px}.ladder-coil{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;min-height:65px;padding:.7rem}.contact-symbol{font-size:1rem}.power-panel{grid-template-columns:1fr}.power-panel>.button{justify-self:start}}
@media(max-width:520px){.ladder-section{padding:.9rem .7rem}.ladder-series{grid-template-columns:1fr}.ladder-series .ladder-contact{grid-template-columns:1fr 2fr 1fr;align-items:center;min-height:58px;padding:.6rem}.ladder-contact .contact-name{font-size:.72rem}.ladder-contact .contact-truth{font-size:.7rem}.ladder-contact .contact-symbol{font-size:1.1rem}.ladder-branches .ladder-contact{min-height:100px;padding:.6rem .4rem}.ladder-channel-grid{grid-template-columns:1fr}.ladder-channel-grid span{font-size:.7rem}.ladder-channel-grid strong{font-size:.87rem}.ladder-instruction{font-size:.76rem}.ladder-explanation p{font-size:.77rem}.power-panel>.button{width:100%}.power-panel #power-state{font-size:.79rem}.hero-links .text-link{font-size:.84rem}.ladder-diagram{padding:.7rem .3rem}.quick-exercise p,.quick-exercise li{font-size:.8rem}}
@keyframes rotate-motor{to{transform:rotate(360deg)}}body.reduced-motion *,body.reduced-motion *::before,body.reduced-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1050px){.hero{grid-template-columns:minmax(0,1fr) minmax(220px,.5fr);gap:1.7rem}.mission-note{padding:1.5rem}.challenge-card{padding:1rem}.challenge-card strong{font-size:.9rem}.lab-grid{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}.panel{padding:1.2rem}.case-grid{grid-template-columns:1fr}.case-article ol{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1.5rem}.scan-stages{gap:.25rem}.scan-stages li{grid-template-columns:1fr}.scan-stages li>span{display:none}.scan-stages small{grid-column:1}.question-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}}
@media(max-width:800px){.hero{padding-top:3rem;grid-template-columns:1fr;gap:1.5rem}.mission-note{display:none}.hero-lead{font-size:1rem}.section-heading{align-items:start;flex-wrap:wrap}.section-heading>p{max-width:none}.lab-grid,.question-grid{grid-template-columns:1fr}.lab-sidebar{grid-template-columns:1fr 1fr}.trace-panel{grid-column:1/-1}.challenge-choices{grid-template-columns:1fr}.challenge-card{grid-template-columns:auto 1fr;gap:.1rem .8rem}.challenge-card small{grid-column:2;margin-top:.5rem;padding-top:.4rem}.challenge-card strong{font-size:1rem}.preferences{grid-template-columns:1.4fr 1fr;gap:1rem}.principle-grid{grid-template-columns:1fr}.lab-display{padding:1.3rem}.scan-stages li{grid-template-columns:1.5rem 1fr}.scan-stages li>span{display:block}.scan-stages small{grid-column:2}.site-header{padding:1rem}.preview-label{font-size:.65rem}.brand strong{font-size:.9rem}.brand small{font-size:.7rem}.brand img{width:44px;height:44px}}
@media(max-width:520px){.site-header{align-items:start}.brand{gap:.5rem}.preview-label{max-width:5.8rem;text-align:center;line-height:1.5;padding:.35rem .55rem;border-radius:8px}.hero{padding-top:2.4rem;padding-bottom:2rem}h1{font-size:2.2rem}.hero-links{gap:1rem}.hero-links .button{font-size:.85rem}.scope-note{display:block;padding:.8rem 1rem}.scope-note strong{display:block;margin-bottom:.4rem}.scope-note p{font-size:.8rem}.section{margin-top:2.8rem}.preferences,.lab-sidebar{grid-template-columns:1fr}.preferences{gap:1.2rem}.trace-panel{grid-column:auto}.display-heading{align-items:start}.display-heading strong{font-size:.85rem}.display-heading>span{font-size:.68rem}.panel,.lab-display{padding:1rem}.scan-stages li{grid-template-columns:1fr;padding:.5rem .4rem}.scan-stages li>span{display:none}.scan-stages small{grid-column:1;font-size:.6rem}.scan-stages strong{font-size:.8rem}.signal-dashboard{gap:.35rem}.signal-dashboard>div{padding:.5rem}.signal-dashboard span{font-size:.61rem}.signal-dashboard strong{font-size:1.15rem}.signal-dashboard small{font-size:.58rem}.action-controls .button{flex-basis:45%}.question-grid legend{font-size:.95rem}.answer-choice{font-size:.8rem}.case-article ol{display:block}.case-article li{margin-bottom:.8rem}.skill-list li{font-size:.75rem}.site-footer{display:block}.site-footer p{margin-bottom:.5rem}.status-pill{white-space:normal}.motion-choice>label{font-size:.9rem}}