.concept-lab{--lab-paper:var(--paper-bright,#fbf8f1);--lab-ink:var(--ink,#08111b);--lab-muted:var(--ink-muted,#334351);--lab-line:#b8ab92;--lab-accent:#715526;--lab-selected:#f1e8d7;--lab-button:#172c3a;--lab-button-text:#fff;color:var(--lab-ink);margin:2.5rem 0;scroll-margin-top:8rem;font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.concept-lab *, .concept-lab *::before, .concept-lab *::after{box-sizing:border-box}
.concept-lab .lab-heading{margin:0 0 .8rem;font:600 .875rem/1.5 var(--sans);letter-spacing:.09em;color:var(--lab-accent)}
.lab-subtitle{font:400 clamp(1.6rem,3vw,2rem)/1.3 var(--serif);margin:0 0 1rem}
.lab-intro{color:var(--lab-muted);margin:0 0 1.4rem;font-size:1.0625rem;line-height:1.7}
.lab-card{border:1px solid var(--lab-line);border-radius:4px;padding:clamp(1rem,3vw,1.7rem);background:var(--lab-paper);color:var(--lab-ink);min-width:0}
.lab-card-meta{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:.8rem;font-family:var(--sans)}
.lab-eyebrow,.lab-step{font-size:.875rem;line-height:1.5;color:var(--lab-accent)}
.lab-step{font-variant-numeric:tabular-nums;border-bottom:1px solid var(--lab-line);padding-bottom:.15rem}
.concept-lab .lab-question-title{font:400 1.65rem/1.3 var(--serif);margin:0 0 1rem;scroll-margin-top:8rem}
.lab-situation{font:400 1.125rem/1.7 var(--serif);margin:0 0 1.4rem}
.lab-options{min-inline-size:0;margin:0;padding:0;border:0;font-family:var(--sans)}
.lab-options legend{font-weight:600;font-size:1rem;line-height:1.5;margin:0 0 .9rem;padding:0;max-width:100%}
.lab-option{display:flex;align-items:center;gap:.7rem;position:relative;border:1px solid var(--lab-line);border-radius:3px;padding:.8rem .9rem;min-height:52px;margin:.6rem 0;cursor:pointer;font-size:1rem;line-height:1.5;background:var(--lab-paper);color:var(--lab-ink)}
.lab-option input{appearance:auto;position:static;opacity:1;width:20px;height:20px;margin:0;flex:0 0 20px;accent-color:var(--lab-accent)}
.lab-option-text{min-width:0;flex:1}.lab-selected{display:none;font-size:.75rem;font-weight:600}
.lab-option:has(input:checked){border:2px solid var(--lab-accent);padding:calc(.8rem - 1px) calc(.9rem - 1px);background:var(--lab-selected)}
.lab-option input:checked~.lab-selected{display:inline}
.lab-option:focus-within{outline:3px solid var(--lab-accent);outline-offset:3px}
.lab-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.4rem;margin:1.15rem 0 0}
.lab-button{appearance:none;display:inline-flex;justify-content:center;align-items:center;min-height:48px;max-width:100%;padding:.65rem 1rem;border:1px solid var(--lab-button);border-radius:3px;background:var(--lab-button);color:var(--lab-button-text);font:600 1rem/1.5 var(--sans);text-align:center;white-space:normal;cursor:pointer}
.lab-button:disabled{background:transparent;border-color:var(--lab-line);color:var(--lab-muted);cursor:not-allowed}
.concept-lab :focus-visible{outline:3px solid var(--lab-accent);outline-offset:4px}
.lab-explanation{margin:1.5rem 0;padding:1.3rem 0 0;border-top:1px solid var(--lab-line)}
.lab-explanation h4{font:600 1rem/1.5 var(--sans);margin:0 0 .8rem;scroll-margin-top:8rem}
.lab-explanation p{margin:0 0 1rem}.lab-feedback{font-weight:600}
.lab-answer-summary{display:grid;gap:.25rem;margin:0 0 1.2rem;font-family:var(--sans)}
.lab-answer-summary dt{font-size:.8125rem;color:var(--lab-muted);margin-top:.4rem}.lab-answer-summary dd{margin:0;font-weight:600}
.concept-lab a{color:var(--lab-accent);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.lab-basis{font:400 .875rem/1.6 var(--sans);color:var(--lab-muted)}
.lab-foundation{margin-top:1.3rem;border-top:1px solid var(--lab-line);padding-top:.5rem;font:400 .9375rem/1.7 var(--sans)}
.lab-foundation summary{cursor:pointer;min-height:48px;padding:.65rem 0;font-weight:600;color:var(--lab-ink)}
.lab-foundation p{margin:.65rem 0}.lab-foundation strong{color:var(--lab-ink)}
.lab-footer{margin:1.1rem 0 0;display:flex;gap:.3rem 1.2rem;flex-wrap:wrap;font:400 .875rem/1.6 var(--sans)}
.lab-footer a,.lab-text-link{display:inline-flex;align-items:center;min-height:44px}.lab-language{margin:.6rem 0 0;font:400 .8125rem/1.6 var(--sans);color:var(--lab-muted)}
.entry-door .lab-entry-link{font:400 .875rem/1.5 var(--sans);min-height:44px;margin-top:.5rem;text-decoration:underline;text-underline-offset:4px}
.lab-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.concept-lab{margin:2rem 0}.lab-actions{align-items:stretch;flex-direction:column}.lab-button{width:100%}.lab-option{display:grid;grid-template-columns:20px minmax(0,1fr);gap:.4rem .7rem}.lab-selected{grid-column:2;margin:0}.concept-lab .lab-question-title{font-size:1.5rem}.lab-finish .lab-question-title{font-size:1.4rem}}
@media(prefers-color-scheme:dark){.concept-lab{--lab-paper:#111e2a;--lab-ink:#f4f0e8;--lab-muted:#c3ccd3;--lab-line:#65717b;--lab-accent:#e3c68a;--lab-selected:#273642;--lab-button:#e3c68a;--lab-button-text:#08111b;color-scheme:dark;background:#111e2a;padding:1.1rem;border-radius:4px}.concept-lab .lab-card{background:#111e2a}}
@media(prefers-reduced-motion:reduce){.concept-lab *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.lab-option:has(input:checked){border-color:Highlight}.lab-button{border-color:ButtonText}.lab-option input{forced-color-adjust:auto}}
