@import url("/vendor/fonts/fonts.css");
:root{color-scheme:light;--navy:#16344c;--navy2:#0f2638;--yellow:#f3c84b;--paper:#f3efe6;--card:#fffdf7;--line:#d8d0c2;--ink:#17212b;--muted:#56636d;--accent:#2463eb;--bad:#b3392a;--ok:#1a7f37;--shadow:#d7cebf}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
button,input,select,textarea{font:inherit}button{cursor:pointer}
.lab-skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:9}.lab-skip:focus{left:8px;top:8px}
.lab-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 22px;background:var(--navy);color:#fff}
.lab-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.lab-logo{width:38px;height:38px;border-radius:9px;background:var(--navy2);box-shadow:3px 3px 0 var(--yellow);display:grid;place-items:center;font:900 13px system-ui}
.lab-brand b{display:block;font-size:14px}.lab-brand small{display:block;font-size:11px;color:#c3d6e6}
.lab-nav{display:flex;gap:8px;flex-wrap:wrap}
.lab-nav a{color:#fff;text-decoration:none;font-size:13px;font-weight:700;border:1px solid #4d7391;border-radius:8px;padding:7px 11px}
.lab-nav a:hover,.lab-nav a[aria-current=page]{background:#245577}
.lab-wrap{max-width:1360px;margin:0 auto;padding:22px 18px 44px}
.lab-hero{margin-bottom:16px}
.lab-kicker{font:700 11px "JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.lab-hero h1{margin:6px 0 8px;font:900 clamp(30px,4.6vw,48px)/1.05 Inter,system-ui;letter-spacing:-.035em;color:var(--navy)}
.lab-hero p{margin:0;max-width:760px;color:var(--muted)}
.lab-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}
.lab-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:5px 5px 0 var(--shadow);min-width:0}
.lab-panel h2{margin:0 0 10px;font:800 12px system-ui;text-transform:uppercase;letter-spacing:.09em;color:var(--navy)}
.lab-panel h2:not(:first-child){margin-top:18px}
.lab-f{display:grid;gap:3px;margin:9px 0;font-size:12px;font-weight:700;color:var(--navy)}
.lab-f>span{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.lab-f output{font:700 12px "JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;color:var(--accent)}
.lab-f input[type=range]{width:100%;accent-color:var(--navy);margin:0}
.lab-f select,.lab-f input[type=text],.lab-f input[type=number]{border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#fff;font-weight:600;color:var(--ink);width:100%}
.lab-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--navy);margin:8px 0}.lab-check input{width:17px;height:17px;accent-color:var(--navy)}
.lab-row{display:flex;gap:7px;flex-wrap:wrap}
.lab-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700;color:var(--navy);text-decoration:none;display:inline-block}
.lab-btn:hover:not([disabled]){border-color:var(--accent)}
.lab-btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.lab-btn[aria-pressed=true]{background:var(--yellow);border-color:#cf9f1c;color:#2a2200}
.lab-btn:focus-visible,.lab-f input:focus-visible,.lab-f select:focus-visible,.lab-check input:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.lab-stage{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}
.lab-stage svg{display:block;width:100%;height:auto}
.lab-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}
.lab-stat{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#f6f9fb}
.lab-stat small{display:block;font:700 10px system-ui;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lab-stat b{display:block;font:800 17px "JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;color:var(--navy)}
.lab-stat.ok{border-color:#9fd2ae;background:#eef9f1}.lab-stat.warn{border-color:#e6b0a8;background:#fdf1ef}.lab-stat.warn b{color:var(--bad)}
.lab-hint{font-size:12px;color:var(--muted);margin:8px 0 0}
.lab-task{border-left:4px solid var(--yellow);background:#fffbea;padding:10px 12px;border-radius:0 10px 10px 0;font-size:13px;margin:10px 0}
.lab-dl{display:grid;gap:8px;margin-top:10px}.lab-dl b{font-size:12px;color:var(--navy)}
.lab-live{min-height:1.3em;font-size:12px;font-weight:700;color:var(--ok)}
.lab-foot{max-width:1360px;margin:0 auto;padding:0 18px 30px;color:var(--muted);font-size:12px}
.lab-foot a{color:var(--accent)}
.lab-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
@media(max-width:900px){.lab-grid{grid-template-columns:1fr}}
@media print{.lab-top,.lab-grid>.lab-panel:first-child,.lab-foot,.lab-hero,.lab-dl,.lab-tabs,.lab-stats{display:none!important}.lab-wrap{padding:0}.lab-grid{display:block}.lab-panel{box-shadow:none;border:0;padding:0}}
.lab-signoff{border-top:1px dashed var(--line);margin-top:14px;padding-top:4px}.lab-status{font-size:12px;font-weight:800;border-radius:9px;padding:8px 10px;margin:8px 0}.lab-status.bad{background:#fdf1ef;color:var(--bad);border:1px solid #e6b0a8}.lab-status.good{background:#eef9f1;color:var(--ok);border:1px solid #9fd2ae}

.lab-pass{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.lab-pass li{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#f6f9fb;display:grid;gap:2px}.lab-pass li[data-level="3"]{border-color:#9fd2ae;background:#eef9f1}.lab-pass b{font-size:12px;color:var(--navy)}.lab-pass span{font-size:11px;color:var(--muted)}.lab-pass i{font-style:normal;letter-spacing:3px;color:var(--accent)}

.embed .dtu-chip,.embed .dtux-btn,.embed #dta-open,.embed .dtu-float,.embed #dtux-search{display:none!important}

/* lab-kit header */
.lab-top{background:var(--paper);color:var(--navy);border-bottom:1px solid var(--line)}.lab-brand{color:var(--navy)}.lab-logo{background:var(--navy);color:#fff}.lab-brand small{color:var(--muted)}
.lab-nav a,.bd-back{color:var(--navy);border-color:var(--line);background:#fff}.lab-nav a:hover,.lab-nav a[aria-current=page]{background:#e8f0f4}
.lab-top .dtu-chip{color:#16202e;background:#fff;border-color:var(--line)}