
/* MyTrainer interactive studios, isolated from legacy demos */
.lab-studio{max-width:1190px;margin:0 auto 2.8rem;padding:0 1.2rem}.lab-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:1.4rem;align-items:center;padding:2.1rem 2.5rem;border-radius:25px;background:linear-gradient(125deg,#0b344f,#075c7e 62%,#118d9e);color:#fff;box-shadow:0 18px 38px #164c6a22}.lab-kicker{font-size:.77rem;letter-spacing:.14em;font-weight:800;color:#a6e5f3}.lab-hero h2{color:#fff;font-size:clamp(1.65rem,3vw,2.5rem);margin:.6rem 0;line-height:1.13}.lab-hero p{color:#d5edf6;margin:0}.lab-symbol{display:grid;place-items:center;font-size:clamp(4rem,7vw,7rem);font-weight:800;color:#b8f0f9;text-shadow:0 8px 22px #002b4466}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.2rem}.lab-card{border:1px solid #d4e3ec;border-radius:20px;background:white;padding:1.65rem;box-shadow:0 9px 28px #0e3a5310}.lab-card h3{font-size:1.22rem;color:#103e58;margin:0 0 1rem}.lab-control{margin:1.4rem 0}.lab-control-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.lab-control-head label{font-weight:700}.lab-control-head output{font-weight:750;color:#08648b}.lab-control input[type=range]{width:100%;accent-color:#0579a3;margin:.7rem 0}.lab-control input[type=number]{border:1px solid #b4cedb;border-radius:9px;padding:.5rem;width:145px;font:inherit}.lab-metric{font-size:clamp(2rem,4vw,3.4rem);font-weight:850;letter-spacing:-.045em;color:#076187;line-height:1.2}.lab-formula{font-size:.95rem;color:#486d82}.lab-bars{display:grid;gap:.9rem;margin:1.3rem 0}.lab-bars .lab-bar-label{font-size:.82rem;font-weight:700;margin-bottom:.3rem}.lab-bar-track{height:16px;border-radius:9px;background:#e8f0f4;overflow:hidden}.lab-bar-fill{height:100%;border-radius:9px;background:#4b98ca;transition:width .15s}.lab-bars>div:nth-child(2) .lab-bar-fill{background:#8e9fb4}.lab-bars>div:nth-child(3) .lab-bar-fill{background:#13a596}.lab-insight{padding:1.1rem 1.3rem;border-left:4px solid #0c91a5;background:#eaf7f9;border-radius:0 12px 12px 0;margin:1.1rem 0;color:#19495b}.lab-insight p{margin:.3rem 0}.lab-warning{color:#aa411c!important}.lab-quiz{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.lab-quiz input{width:170px;max-width:100%;border:1px solid #a8c5d3;border-radius:10px;padding:.7rem;font:inherit}.lab-btn{border:0;border-radius:10px;background:#08688e;color:white;padding:.8rem 1.1rem;font:inherit;font-weight:700;cursor:pointer}.lab-btn.secondary{background:#e5f1f6;color:#16506a}.lab-btn:hover{filter:brightness(1.1)}.lab-link{display:inline-block;margin-top:1.3rem;color:#08678c;font-weight:750}.lab-legacy{margin-top:2rem;padding:1.4rem 1.8rem;background:#e9f3f8;border-radius:17px;border:1px solid #d2e5ed}.lab-legacy h3{margin:.2rem 0;color:#143f59}.lab-legacy p{margin:.5rem 0}.lab-studio :focus-visible{outline:3px solid #e2a536;outline-offset:3px}@media(max-width:760px){.lab-hero,.lab-grid{grid-template-columns:1fr}.lab-hero{padding:1.5rem}.lab-symbol{display:none}.lab-card{padding:1.2rem}}@media(prefers-color-scheme:dark){.lab-card{background:#14364b;border-color:#315a6f;color:#edf8fd}.lab-card h3{color:#eefbff}.lab-control-head output,.lab-metric{color:#83e1f0}.lab-formula{color:#bfd9e5}.lab-insight{background:#20495a;color:#eafaff}.lab-legacy{background:#16394d;border-color:#35596b}.lab-legacy h3{color:#e7f7ff}}
