/* Opt-in skin derived from lab-home-20261004.css's final editorial rules.
   Layout and semantic validation remain owned by each tool. */
body.lab-aligned{font-synthesis:weight style;--paper:#f3f0e8;--ink:#191919;--muted:#494944;--coral:#ed5a50;--yellow:#ffe372;--purple:#e4d8fb;--lilac:#e4d8fb;--white:#fff;--line:#bcb8ae;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
.lab-aligned :is(.header,.topbar){background:var(--coral);border:2px solid var(--ink);border-radius:5px;box-shadow:5px 5px 0 var(--ink)}
.lab-aligned :is(.header,.topbar) nav>a{color:var(--ink)}
.lab-aligned .brand{color:#fff;font-weight:750;letter-spacing:-.5px}
.lab-aligned :is(.brand-mark,.brand>b:first-child){background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:4px}
.lab-aligned .languages{background:#fff4;border:0;border-radius:5px;padding:3px}
.lab-aligned .languages a{color:var(--ink);border-radius:3px}
.lab-aligned .languages a[aria-current=page]{background:var(--yellow);color:var(--ink)}
.lab-aligned .languages a:hover{background:#fff;color:var(--ink)}
.lab-aligned :is(.hero h1,.hero h1 span){color:var(--ink)}
.lab-aligned .hero h1{font-weight:850}
.lab-aligned :is(.intro,.help,.hint,.note){color:var(--muted)}
.lab-aligned :is(.panel,.privacy,.process-card,.result-card){border:2px solid var(--ink);border-radius:5px;box-shadow:4px 4px 0 var(--ink)}
.lab-aligned .panel{background:#fff}
.lab-aligned :is(.privacy,.process-card,.export-panel,.review){background:#e4d8fb}
.lab-aligned .result-card{background:#ffe372}
.lab-aligned .result-card.stress{background:#e4d8fb}
.lab-aligned :is(.summary-card,.scenario,.stage-card,.export){border:2px solid var(--ink);border-radius:5px;box-shadow:3px 3px 0 var(--ink)}
.lab-aligned .summary-card{background:#fff}
.lab-aligned .scenario{background:#fff9dd}
.lab-aligned .scenario.stress{background:#e4d8fb}
.lab-aligned :is(button,.button,.file-button){border:2px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);box-shadow:2px 2px 0 var(--ink);transform:none}
.lab-aligned :is(button,.button,.file-button):hover:not(:disabled){background:#fff9dd;box-shadow:3px 3px 0 var(--ink)}
.lab-aligned :is(button.primary,button.yellow){background:#6234d8;color:#fff}
.lab-aligned :is(button.primary,button.yellow):hover:not(:disabled){background:#43219c}
.lab-aligned button.secondary{background:#e4d8fb}
.lab-aligned :is(input:where(:not([type=checkbox]):not([type=file])),select,textarea){border:2px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink)}
.lab-aligned :is(input,select,textarea):focus-visible{border-color:#6234d8;box-shadow:3px 3px 0 #6234d8}
.lab-aligned :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible,.lab-aligned .file-label:focus-within{outline:3px solid #6234d8;outline-offset:4px}
.lab-aligned :is(input,select,textarea)[aria-invalid=true]{border-color:#9e2f24;background:#fff0eb}
.lab-aligned :is(input,select,textarea):disabled{background:#efede6;color:#666}
.lab-aligned input[type=checkbox]{accent-color:#6234d8}
.lab-aligned :is(.step,.panel-number){border:2px solid var(--ink);background:var(--yellow);border-radius:4px}
.lab-aligned :is(.chips span,.tags span,.badge){border-radius:3px}
.lab-aligned :is(.stage-header,thead){background:#ffe372}
.lab-aligned :is(.references a,.faq a,.finding a){color:#43219c}
.lab-aligned .error-link{color:#8f2e22;background:transparent;border:0;box-shadow:none}
.lab-aligned ::selection{background:#ffe372;color:#191919}
/* Monitor worksheet uses semantic fieldsets rather than the panel component. */
.lab-aligned[data-tool=monitor-light-fit] :is(header,main,footer){width:min(1256px,calc(100% - 64px))}
.lab-aligned[data-tool=monitor-light-fit] header{margin-top:26px;padding:16px 20px;background:var(--coral);border:2px solid var(--ink);border-radius:5px;box-shadow:5px 5px 0 var(--ink)}
.lab-aligned[data-tool=monitor-light-fit] .brand{display:flex;gap:9px;align-items:center}
.lab-aligned[data-tool=monitor-light-fit] .brand-mark{display:grid;place-items:center;width:32px;height:32px;font-size:24px;line-height:1}
.lab-aligned[data-tool=monitor-light-fit] nav{gap:12px}
.lab-aligned[data-tool=monitor-light-fit] nav a{color:var(--ink);font-weight:700;font-size:12px}
.lab-aligned[data-tool=monitor-light-fit] nav a[data-language]{padding:5px 9px;border-radius:3px;background:#fff4}
.lab-aligned[data-tool=monitor-light-fit] nav a[aria-current=page]{background:var(--yellow);color:var(--ink);text-decoration:none}
.lab-aligned[data-tool=monitor-light-fit] h1{font-size:clamp(34px,4.6vw,59px);letter-spacing:-2px}
.lab-aligned[data-tool=monitor-light-fit] .hero{padding:48px 0 38px;gap:42px}
.lab-aligned[data-tool=monitor-light-fit] .hero aside{background:#e4d8fb;border:2px solid var(--ink);border-radius:5px;box-shadow:4px 4px 0 var(--ink)}
.lab-aligned[data-tool=monitor-light-fit] .hero svg text{fill:var(--ink)}
.lab-aligned[data-tool=monitor-light-fit] .hero svg path[stroke]{stroke:var(--ink)}
.lab-aligned[data-tool=monitor-light-fit] .hero svg path[stroke="#c16b42"]{stroke:var(--coral)}
.lab-aligned[data-tool=monitor-light-fit] .hero svg path[fill="#dde4df"]{fill:#ffe372}
.lab-aligned[data-tool=monitor-light-fit] :is(.hero aside p,.detail,.footnotes p,.footnotes li,.unitbar p,small,.unit-suffix,#status){color:#494944}
.lab-aligned[data-tool=monitor-light-fit] fieldset{background:#fff;border:2px solid var(--ink);border-radius:5px;box-shadow:4px 4px 0 var(--ink)}
.lab-aligned[data-tool=monitor-light-fit] legend{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:3px;padding:3px 9px}
.lab-aligned[data-tool=monitor-light-fit] #results{background:#e4d8fb;border:2px solid var(--ink);border-radius:5px;box-shadow:4px 4px 0 var(--ink)}
.lab-aligned[data-tool=monitor-light-fit] .check{background:#fff;border:2px solid var(--ink);border-radius:5px;box-shadow:3px 3px 0 var(--ink)}
.lab-aligned[data-tool=monitor-light-fit] .badge{border:1px solid var(--ink)}
.lab-aligned[data-tool=monitor-light-fit] .notice{border:2px solid var(--ink);border-radius:4px;background:#ffe372}
@media(max-width:760px){.lab-aligned[data-tool=monitor-light-fit] :is(header,main,footer){width:calc(100% - 40px)}.lab-aligned[data-tool=monitor-light-fit] header{margin-top:18px;padding:12px;gap:12px}.lab-aligned[data-tool=monitor-light-fit] .brand{font-size:17px}.lab-aligned[data-tool=monitor-light-fit] .hero{padding:34px 0;gap:25px}.lab-aligned[data-tool=monitor-light-fit] .hero h1{font-size:40px}.lab-aligned[data-tool=monitor-light-fit] nav{gap:10px}}
@media(max-width:480px){.lab-aligned[data-tool=monitor-light-fit] nav{width:100%;justify-content:flex-end}.lab-aligned[data-tool=monitor-light-fit] nav>a:first-child{margin-right:auto}}
@media print{body.lab-aligned{background:#fff}.lab-aligned :is(.panel,.privacy,.process-card,.result-card,.summary-card,.scenario,.stage-card,.export){box-shadow:none}}

/* Small navigation text keeps AA contrast on the homepage coral. */
@media(max-width:760px){.lab-aligned .brand{color:var(--ink)}}
.lab-aligned button.error-link:hover:not(:disabled){background:transparent;box-shadow:none}
@media print{.lab-aligned[data-tool=monitor-light-fit] :is(header,.hero aside,fieldset,#results,.check){box-shadow:none}}