.base-lab{max-width:1160px;margin:0 auto;padding:clamp(1rem,3vw,2.4rem);color:#19332f}
.base-lab-intro{margin-bottom:1.5rem}
.base-lab-kicker{color:#a34e2d;font-size:.82rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.base-lab-intro h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;color:#21382f}
.base-lab-intro p{max-width:780px;font-size:1.07rem;line-height:1.6}
.base-lab-intro a{color:#126969;font-weight:750;text-underline-offset:.2em}
.base-lab-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}
.base-lab-tabs button,.base-lab-actions button,.base-lab-primary{border:1px solid #9abbb4;border-radius:.8rem;background:#fff;color:#183d36;padding:.72rem 1rem;font-weight:750;cursor:pointer}
.base-lab-tabs button[aria-selected="true"],.base-lab-primary{background:#176b72;border-color:#176b72;color:#fff}
.base-lab-tabs button:hover,.base-lab-actions button:hover{background:#e9f5f0}
.base-lab-primary:hover{background:#11535a}
.base-lab button:focus-visible,.base-lab input:focus-visible,.base-lab select:focus-visible{outline:3px solid #bd703e;outline-offset:3px}
.base-lab button:disabled{opacity:.5;cursor:not-allowed}
.base-lab-panel{background:#fff;border:1px solid #cfded5;border-radius:1.25rem;padding:clamp(1.1rem,3vw,2rem);box-shadow:0 18px 40px rgba(26,56,50,.06)}
.base-lab-panel[hidden],.base-lab-panel [hidden]{display:none!important}
.base-lab-panel h2{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2rem);color:#244238}
.base-lab-panel h3{font-size:1.15rem;margin-top:1.4rem}
.base-lab-panel>p{line-height:1.6}
.base-lab-fields{display:grid;grid-template-columns:minmax(12rem,1.5fr) repeat(2,minmax(7rem,1fr));gap:.85rem;margin:1.2rem 0}
.base-lab label{display:flex;flex-direction:column;gap:.45rem;font-weight:700}
.base-lab input,.base-lab select{width:100%;min-height:2.9rem;border:1px solid #9dbab0;border-radius:.65rem;padding:.5rem .7rem;background:#fff;color:#12342d;font:inherit}
.base-lab form>.base-lab-primary{margin-top:.3rem}
.base-lab-feedback{min-height:1.7rem;margin:1rem 0;color:#99501f;font-weight:700}
.base-lab-result{font-size:1.12rem;font-weight:750;color:#195d51;overflow-wrap:anywhere}
.base-lab-progress{font-weight:750;color:#586d61}
.base-lab-card{border:2px solid #2b7068;border-radius:1rem;background:#f0f7f1;padding:1rem;max-width:850px}
.base-lab-card>p{font-weight:750}
.base-lab-card-numbers{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.35rem}
.base-lab-card-numbers span{display:grid;place-items:center;min-height:2.35rem;background:#fff;border:1px solid #b8d0c4;border-radius:.45rem;font-variant-numeric:tabular-nums;font-weight:700}
.base-lab-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
.base-lab-target{display:flex;gap:.6rem;align-items:baseline;font-size:1.2rem;font-weight:650;overflow-wrap:anywhere}
.base-lab-target strong{font-size:2.3rem;color:#a54d2e}
.base-lab-bits{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.55rem;margin:1.3rem 0}
.base-lab-bits button{min-height:4.2rem;border:2px solid #98b9ae;border-radius:.8rem;background:#f0f4f3;color:#173c37;font-size:1rem;font-weight:800;cursor:pointer}
.base-lab-bits button[aria-pressed="true"]{background:#f6c868;border-color:#996b14;box-shadow:inset 0 -5px 0 rgba(98,68,18,.15)}
.base-lab-bits button:hover{border-color:#146968}
.base-lab-panel ol{padding-left:1.5rem;line-height:1.7;overflow-wrap:anywhere}
.base-lab-panel li+li{margin-top:.45rem}
@media(max-width:700px){.base-lab-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.base-lab-fields label:first-child{grid-column:1/-1}.base-lab-card-numbers{grid-template-columns:repeat(4,minmax(0,1fr))}.base-lab-bits{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:400px){.base-lab-tabs button{flex:1 1 45%}.base-lab-bits{gap:.35rem}.base-lab-bits button{min-height:3.6rem}}