.learning-lab{box-sizing:border-box;margin:24px 0;padding:clamp(14px,3vw,24px);border:2px solid #84b9a5;border-radius:18px;background:#f5faf7;color:#1d4053;line-height:1.7;overflow-wrap:anywhere}.learning-lab h2{color:#205f4d;font-size:1.2em;line-height:1.4;margin:0 0 12px}.learning-lab-controls{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0}.learning-lab-controls label{display:grid;flex:1;gap:8px;min-width:min(100%,180px);font-weight:700}.learning-lab-controls input{width:100%;accent-color:#2d8567;min-height:32px}.learning-lab-controls select,.learning-lab-controls button{min-height:44px;max-width:100%;border:1px solid #86acb3;background:white;color:#1d4053;border-radius:10px;padding:10px;font:inherit}.learning-lab-controls button{cursor:pointer}.learning-lab :focus-visible{outline:3px solid #397dc2;outline-offset:3px}.learning-lab svg{display:block;width:100%;height:auto;max-width:620px;margin:auto;background:#eef6f9;border-radius:12px}.learning-lab-answer{font-size:1.1em;font-weight:800;background:#dfefe6;padding:12px;border-radius:10px}.learning-lab li+li{margin-top:10px}.learning-lab-steps{display:flex;gap:10px;flex-wrap:wrap}.learning-lab [aria-pressed=true]{border:2px solid #2d8567;background:#dfefe6}.learning-lab output{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.learning-lab *{animation:none!important;transition:none!important}}