.trade-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,75px)}
.trade-hero h1{max-width:20ch;font-size:clamp(2.45rem,4.6vw,4.8rem)}
.trade-plate{margin:0;max-width:560px}.trade-plate img{display:block;width:100%;height:auto;border-radius:10px}
.trade-plate figcaption{padding:.65rem 0;color:var(--muted);font-size:.94rem;line-height:1.5}
.trade-requests details{border-bottom:1px solid var(--rule);padding:.2rem 0}
.trade-requests summary{display:list-item;cursor:pointer;font-weight:690;font-size:clamp(1.1rem,2vw,1.4rem);padding:1rem .25rem}
.trade-requests summary:focus-visible{outline:3px solid #087a60;outline-offset:2px}
.trade-requests blockquote{margin:0;padding:1rem 1.2rem;border-left:3px solid #248263;background:#e5f3ed;color:#183e31}
.trade-requests dt{margin-top:.85rem;font-weight:680}.trade-requests dd{margin:.1rem 0;color:var(--muted)}#work-sample{scroll-margin-top:5rem}
@media(max-width:720px){.trade-hero{grid-template-columns:1fr}.trade-plate{max-width:420px}}
.lab{background:#e9eee9;color:#172e2c}
.lab-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:2rem;margin-bottom:1.7rem}
.lab-heading h2{margin:0}.lab-heading p{max-width:54ch;line-height:1.6;margin:0}
.lab-console{border:1px solid #80958a;background:#f9faf5;border-radius:12px;overflow:hidden}
.lab-controls{display:flex;gap:clamp(1rem,5vw,4rem);flex-wrap:wrap;padding:1.25rem clamp(1rem,4vw,3rem);border-bottom:1px solid #a9b8ad}
.lab-controls fieldset{border:0;padding:0;margin:0;min-width:0;display:flex;gap:.4rem;flex-wrap:wrap}
.lab-controls legend{font-size:.95rem;font-weight:700;margin-bottom:.4rem}
.lab-controls label{position:relative;cursor:pointer}
.lab-controls input{position:absolute;opacity:0;width:1px;height:1px}
.lab-controls label span{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .85rem;border:1px solid #83968b;border-radius:.4rem;font-size:.94rem}
.lab-controls input:checked+span{background:#203e36;color:white;border-color:#203e36;box-shadow:inset 0 -3px #aac5ac}
.lab-controls input:focus-visible+span{outline:3px solid #156cba;outline-offset:2px}
.lab-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:clamp(1.5rem,6vw,5rem);max-width:930px;margin:auto;padding:clamp(1rem,4vw,3rem)}
.lab-phone{margin:0;min-width:0}.lab-phone figcaption,.lab-ticket-title{font-size:.9rem;font-weight:700;margin:0 0 .65rem}
.lab-screen{border:3px solid #25443b;background:white;border-radius:1.15rem;overflow:hidden;box-shadow:5px 5px 0 #bdcbbc}
.lab-screen img{display:block;width:100%;height:auto}.lab-copy{padding:1rem 1.25rem 1.3rem}.lab-copy h3{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.12;margin:0}
.lab-copy p,.lab-ticket dd{line-height:1.5;font-size:1rem;margin:.65rem 0}
.lab-button{display:block;padding:.65rem .85rem;margin-top:1rem;background:#24473b;color:#fff;border-radius:.35rem;font-weight:650}
.lab-ticket{padding:1.25rem;border:1px solid #a5b2a6;border-top:5px solid #526e5e;background:#fffdf4;transform:rotate(.4deg)}
.lab-ticket-title{border-bottom:1px dashed #83968b;padding-bottom:.65rem}.lab-ticket dl{margin:0}.lab-ticket dt{font-size:.82rem;font-weight:750;color:#365549}.lab-ticket dd{margin:.12rem 0 .8rem}.lab-ticket dd:last-child{margin-bottom:0}
.lab .job-1,.lab .shift-1{display:none}
.lab:has(input[name=lab-job][value="1"]:checked) .job-0,.lab:has(input[name=lab-shift][value="1"]:checked) .shift-0{display:none}
.lab:has(input[name=lab-job][value="1"]:checked) .job-1{display:grid}
.lab:has(input[name=lab-shift][value="1"]:checked) .shift-1{display:inline}
.lab:has(input[name=lab-shift][value="1"]:checked) p.shift-1{display:block}
@media(max-width:720px){.lab-heading,.lab-view{grid-template-columns:1fr}.lab-heading{gap:.75rem}.lab-controls{gap:.85rem}.lab-ticket{transform:none}.lab-view{gap:1.25rem}}
