.lab-intro{max-width:760px}.lab-surface{margin:36px 0;background:#edf3ef;border:1px solid #d0dfd5;border-radius:22px;padding:32px}.lab-surface h2{margin:0 0 8px}.lab-sub{color:#51665e;line-height:1.65;font-size:15px}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0}.lab-pair{display:flex;align-items:center;justify-content:center;gap:25px;background:#fff;border:1px solid #dce7df;border-radius:14px;padding:20px 12px;position:relative}.lab-pair:before{content:"";position:absolute;width:42px;height:2px;background:#b9cfbf}.lab-node{position:relative;display:grid;place-items:center;border:2px solid #44785d;background:#e6f2e9;color:#244c38;border-radius:50%;width:52px;height:52px;font-size:17px;font-weight:700;cursor:pointer;transition:transform .15s,background .15s}.lab-node:hover{transform:translateY(-3px)}.lab-node.erased{border:2px dashed #b97356;background:#fff1e9;color:#9a5139}.lab-node:focus-visible,.lab-controls button:focus-visible{outline:3px solid #173c6b;outline-offset:3px}.lab-controls{display:flex;flex-wrap:wrap;gap:10px}.lab-controls button{border:1px solid #b9cdc0;background:#fff;border-radius:8px;padding:10px 16px;color:#284b39;font:inherit;cursor:pointer}.lab-results{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.lab-result{background:#fff;border:1px solid #dce7df;border-radius:14px;padding:20px}.lab-result strong{display:block;font-size:30px;color:#376a56}.lab-result h3{font-size:16px;margin:0 0 4px}.lab-result p{font-size:13px;line-height:1.6;color:#51665e;margin:6px 0 0}.lab-status{font-size:13px;margin:16px 0 0;color:#345542}.lab-note{font-size:13px;line-height:1.7;color:#57665e}.lab-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5c7869}.lab-finding{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.lab-finding div{border-top:2px solid #9ab8a5;padding-top:14px}.lab-finding strong{display:block;font-size:26px;color:#376a56}.lab-finding span{font-size:13px;color:#51665e}@media(max-width:650px){.lab-surface{padding:20px}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lab-pair{gap:15px;padding:14px 5px}.lab-node{width:44px;height:44px}.lab-results{grid-template-columns:1fr}.lab-finding{grid-template-columns:1fr}}
