.lab-shell{max-width:1080px}
.lab-intro{max-width:72ch;color:var(--muted);font-size:1.08rem}
.lab-index{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 34px}
.lab-index a{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#eaf4ef;color:#12665f;text-decoration:none;font-weight:750}
.lab-card{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper,#fffdf8);scroll-margin-top:20px}
.lab-heading{display:flex;gap:16px;align-items:start}
.lab-heading>span{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#e0f0ea;color:#12665f;font-weight:850}
.lab-heading h2{margin:0;padding:0;border:0;font-size:1.5rem}
.lab-heading p{margin:5px 0 0;color:var(--muted)}
.lab-question{margin:22px 0 15px;font-size:1.18rem;font-weight:800}
.lab-inputs{display:flex;flex-wrap:wrap;gap:16px}
.lab-field{min-width:180px}
.lab-field label{display:block;margin-bottom:7px;font-weight:750}
.lab-field input,.lab-field select{width:100%;min-height:46px;padding:8px 12px;border:1px solid #9bb7b0;border-radius:10px;background:var(--paper,#fffdf8);color:var(--ink);font:inherit}
.lab-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
.lab-actions button{min-height:46px;padding:9px 16px;border:1px solid var(--teal);border-radius:10px;font:inherit;font-weight:800;cursor:pointer}
.lab-submit{background:var(--teal);color:#fff}
.lab-next{background:var(--paper);color:var(--teal)}
.lab-feedback:not(:empty){margin-top:18px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:#f4f8f5}
.lab-feedback p{margin:6px 0}
.lab-correct{color:#11664a;font-weight:850}
.lab-try,.lab-error{color:#9a3c20;font-weight:800}
.lab-answer{font-weight:850}
.lab-related{margin:17px 0 0}
.lab-index a:focus-visible,.lab-actions button:focus-visible,.lab-field input:focus-visible,.lab-field select:focus-visible,.lab-related a:focus-visible{outline:3px solid #b87724;outline-offset:3px}
html[data-theme=dark] .lab-index a{background:#42615a;color:#dcffed;border-color:#73958b}
html[data-theme=dark] .lab-card{background:var(--paper)}
html[data-theme=dark] .lab-heading>span{background:#48655d;color:#d7ffef}
html[data-theme=dark] .lab-field input,html[data-theme=dark] .lab-field select{background:#283f46;color:var(--ink);border-color:#8aa8a5}
html[data-theme=dark] .lab-submit{background:#b0eedd;color:#1c3d3a}
html[data-theme=dark] .lab-next{background:#283f46;color:#b0eedd;border-color:#b0eedd}
html[data-theme=dark] .lab-feedback:not(:empty){background:#3c5557}
html[data-theme=dark] .lab-correct{color:#b5f2cf}
html[data-theme=dark] .lab-try,html[data-theme=dark] .lab-error{color:#ffb8a9}
@media(max-width:620px){.lab-card{padding:17px;margin:18px 0}.lab-heading{gap:10px}.lab-heading h2{font-size:1.28rem}.lab-field{flex:1 1 100%}.lab-actions button{flex:1 1 100%}}