.measurement-lab{--ink:#19324c;--muted:#596c7f;--teal:#197b71;max-width:1320px;color:var(--ink);margin:auto;padding:24px;font-size:1rem;line-height:1.6}.measurement-lab *{box-sizing:border-box}.measurement-lab nav{border-bottom:1px solid #d8e2eb;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-bottom:18px;display:flex}.measurement-lab a{color:#14665e}.measurement-lab header{margin:32px 0 24px}.measurement-lab h1{color:var(--ink);margin:8px 0;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.measurement-lab h2{margin:0 0 14px;font-size:1.35rem}.measurement-lab h3{font-size:1.1rem}.measurement-lab p{color:var(--muted);margin:12px 0}.measurement-lab .eyebrow{letter-spacing:.14em;color:var(--teal);font-size:.8rem;font-weight:700}.measurement-lab .mode-tabs{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.measurement-lab button{color:var(--ink);cursor:pointer;min-height:44px;font:inherit;white-space:normal;background:#fff;border:1px solid #c6d5df;border-radius:8px;padding:10px 16px;font-weight:600}.measurement-lab button:hover{border-color:var(--teal)}.measurement-lab button[aria-pressed=true]{border-color:var(--teal);color:#14665e;background:#e4f2ee}.measurement-lab button:disabled{opacity:.5;cursor:not-allowed}:is(.measurement-lab button:focus-visible,.measurement-lab input:focus-visible,.measurement-lab select:focus-visible,.measurement-lab textarea:focus-visible,.measurement-lab summary:focus-visible){outline-offset:3px;outline:3px solid #a8601c}.measurement-lab small{color:var(--teal);font-size:.7rem;display:block}.measurement-lab .mode-tabs button{text-align:left;min-width:160px;font-size:1.2rem}.measurement-lab section{background:#fff;border:1px solid #d5e0e9;border-radius:14px;min-width:0;margin:20px 0;padding:24px}.measurement-lab .lab-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;display:grid}.measurement-lab .lab-grid section{margin:10px 0}.measurement-lab label{color:var(--ink);margin:14px 0;font-weight:600;display:block}.measurement-lab input:not([type=checkbox]):not([type=range]),.measurement-lab select,.measurement-lab textarea{width:100%;max-width:100%;color:var(--ink);font:inherit;background:#f7fafc;border:1px solid #becfda;border-radius:7px;min-height:44px;margin-top:6px;padding:10px;display:block}.measurement-lab input[type=range]{width:100%;accent-color:var(--teal);min-height:40px;display:block}.measurement-lab input[type=checkbox]{accent-color:var(--teal);vertical-align:middle;width:20px;height:20px;margin-right:10px}.measurement-lab textarea{min-height:80px}.measurement-lab .subnav{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.measurement-lab .prediction,.measurement-lab details{background:#f7fafc;border:1px solid #d5e0e9;border-radius:10px;margin:16px 0;padding:14px 18px}.measurement-lab summary{cursor:pointer;min-height:28px;font-weight:600}.measurement-lab .measurement-scene{background:#eaf1f8;border-radius:10px;min-width:0;height:350px;position:relative;overflow:hidden}.measurement-lab .measurement-scene canvas{width:100%;height:100%;display:block}.measurement-lab .measurement-scene p{padding:24px}.measurement-lab .readout{background:#f7fafc;border:1px solid #dce5ec;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:16px;display:flex}.measurement-lab .readout strong{font-variant-numeric:tabular-nums;color:#14665e;font-size:1.7rem}.measurement-lab .answer{border-top:1px solid #dce5ec;margin:16px 0;padding:10px 0}.measurement-lab .answer label{vertical-align:top;width:calc(65% - 12px);margin-right:12px;display:inline-block}.measurement-lab .answer label+label{width:30%;margin-right:0}.measurement-lab .answer button{background:var(--teal);color:#fff;display:block}.measurement-lab .control-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end;gap:14px;display:grid}.measurement-lab .dotplot,.measurement-lab .experiment-graph{background:#fff;width:100%;height:auto;display:block;overflow:visible}.measurement-lab svg text{fill:var(--ink);font-family:inherit;font-size:14px}.measurement-lab .experiment-graph{touch-action:pan-y}.measurement-lab .experiment-graph circle{touch-action:none;cursor:ew-resize}.measurement-lab .table-scroll{overflow-x:auto}.measurement-lab table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.measurement-lab th,.measurement-lab td{text-align:left;white-space:nowrap;border-bottom:1px solid #dce5ec;padding:12px}.measurement-lab th{background:#f0f6f8}.measurement-lab .checklist{background:#e4f2ee;border-radius:8px;flex-wrap:wrap;gap:16px;padding:12px;list-style:none;display:flex}.measurement-lab footer{color:var(--muted);border-top:1px solid #d8e2eb;margin-top:30px;padding:24px 0;font-size:.9rem;display:block}.measurement-lab [hidden]{display:none!important}@media (max-width:800px){.measurement-lab{padding:16px}.measurement-lab .lab-grid{grid-template-columns:minmax(0,1fr)}.measurement-lab section{padding:16px}.measurement-lab .mode-tabs button{flex:1;min-width:0;padding:10px;font-size:1rem}.measurement-lab .measurement-scene{height:300px}.measurement-lab nav span{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.measurement-lab *{scroll-behavior:auto!important;transition:none!important}}