:root{--navy:#073b4c;--teal:#087f8c;--green:#22c55e;--red:#e63946;--bg:#f4f8fb;--ink:#17202a;--muted:#607080;--card:#fff;--line:#dce6eb}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}.hero{background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;padding:28px 20px;text-align:center}.hero h1{margin:0;font-size:clamp(28px,5vw,44px)}.hero p{margin:6px 0}.nav{background:#052d39;color:#fff;padding:10px 20px}.nav-inner{max-width:1180px;margin:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav a:hover{text-decoration:underline}.container{max-width:1180px;margin:auto;padding:28px 20px}.badge{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--green);color:#fff;font-weight:700;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background:var(--card);border-radius:14px;padding:20px;box-shadow:0 4px 16px rgba(0,0,0,.07);border:1px solid #edf2f4}.card h2,.card h3{color:var(--teal);margin-top:0}.lab-card{display:flex;flex-direction:column;min-height:290px}.lab-card .icon{font-size:44px}.lab-card .launch{margin-top:auto}.btn{display:inline-block;border:0;border-radius:8px;padding:11px 16px;background:var(--teal);color:#fff;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(.9)}.btn.red{background:var(--red)}.btn.green{background:#168f45}.btn.gray{background:#596a73}.lab-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px}.canvas-wrap{background:#eef7fa;border-radius:12px;padding:10px;overflow:hidden}canvas{width:100%;height:auto;display:block}.controls{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.control-group{margin:12px 0}.control-group label{font-weight:700;display:block;margin-bottom:5px}input[type=range]{width:100%}.readout{background:#071e26;color:#64ff9b;border-radius:9px;padding:14px;font-family:Consolas,monospace;line-height:1.8}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th{background:var(--teal);color:#fff}th,td{border:1px solid var(--line);padding:9px;text-align:center}.result{margin-top:14px;padding:14px;border-left:5px solid var(--green);background:#eaf9ef;border-radius:5px}.note{background:#fff8dc;border-left:5px solid #e0aa16;padding:12px;border-radius:5px}.equation{text-align:center;font-size:1.25rem;font-family:Georgia,serif}.footer{margin-top:35px;background:#052d39;color:#dce8ec;text-align:center;padding:22px}.small{font-size:.9rem;color:var(--muted)}.pill{display:inline-block;background:#e7f4f6;color:#075f68;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;margin-right:5px}.meter{font-family:Consolas,monospace;background:#151b1e;color:#77ff9c;border:4px solid #3d464b;border-radius:8px;padding:12px;text-align:center;font-size:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:800px){.lab-grid,.two-col{grid-template-columns:1fr}.container{padding:20px 14px}.hero{padding:22px 14px}}