.lagWorkbench{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:12px}.lagControls,.lagOutput{display:grid;align-content:start;gap:12px}.lagCard{padding:20px}.lagCard h3{font-size:27px}.lagCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.lagCardHead p{margin:4px 0 0;color:var(--muted);font-size:11px}.lagCardHead button,.lagPresetRow button{border:1px solid #3b5360;background:#102630;color:#c1e7f5;border-radius:3px;padding:8px 11px;cursor:pointer;font-size:11px}.lagInputGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.lagInputGrid.schedule{grid-template-columns:repeat(4,1fr)}.lagInputGrid label{display:grid;gap:6px;color:#9db2bc;font-size:10px;text-transform:uppercase;letter-spacing:.045em}.lagInputGrid input,.lagInputGrid select{min-width:0;width:100%;border:1px solid #36505d;background:#061017;color:#fff;border-radius:3px;padding:9px}.lagTableWrap{overflow:auto;border:1px solid #223944}.lagGeometryTable,.lagResultsTable{border-collapse:collapse;width:100%;font-size:10px;font-variant-numeric:tabular-nums}.lagGeometryTable th,.lagResultsTable th{padding:8px 6px;text-align:right;color:#87a0ac;background:#10212a;white-space:nowrap}.lagGeometryTable th:first-child,.lagGeometryTable td:first-child,.lagResultsTable th:first-child,.lagResultsTable td:first-child{text-align:left}.lagGeometryTable td,.lagResultsTable td{padding:6px;border-top:1px solid #1d313b;text-align:right;color:#c4d3da;white-space:nowrap}.lagGeometryTable input,.lagGeometryTable select{width:82px;background:#061017;border:1px solid #2c4653;color:#fff;padding:7px;border-radius:2px;text-align:right}.lagGeometryTable select{width:78px;text-align:left}.lagGeometryTable .lagName{width:118px;text-align:left}.lagGeometryTable button{border:1px solid #513d42;background:#26171b;color:#ef9a9a;border-radius:3px;cursor:pointer;padding:6px 9px}.lagPresetRow{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.lagResults{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.lagMetric{background:#071119;padding:15px}.lagMetric small{display:block;color:#7894a1;text-transform:uppercase;font-size:9px;letter-spacing:.06em}.lagMetric strong{font:600 24px "Barlow Condensed",sans-serif}.lagMetric em{display:block;color:#7e98a4;font-style:normal;font-size:9px}.lagWarnings{padding:13px 17px;color:#aabdc6;font-size:11px}.lagWarnings.good{border-left:3px solid #45d082}.lagWarnings.warn{border-left:3px solid var(--gold)}.lagWarnings ul{margin:0;padding-left:18px}.lagWarnings p{margin:0}.scheduleTableWrap{max-height:390px}.lagDisclaimer{color:#738a95;font-size:10px;margin:0 4px}.lagOutput .lagCard{min-width:0}#lagSectionResults .velocityLow{color:#f4bd35}#lagSectionResults .velocityHigh{color:#ff9186}.lagCard output.invalid{color:#ff9186}@media(max-width:1080px){.lagWorkbench{grid-template-columns:1fr}.lagInputGrid.schedule{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.lagInputGrid,.lagInputGrid.schedule{grid-template-columns:repeat(2,1fr)}.lagResults{grid-template-columns:repeat(2,1fr)}.lagCardHead{flex-direction:column}.lagGeometryTable input,.lagGeometryTable select{width:74px}}@media(max-width:430px){.lagInputGrid,.lagInputGrid.schedule{grid-template-columns:1fr}.lagResults{grid-template-columns:1fr}}
/* Attached unit controls: each entry retains its own explicit dimensional basis. */
.lagUnitControl{display:flex;align-items:stretch;min-width:0;width:100%}.lagInputGrid .lagUnitControl input{flex:1;width:0;min-width:65px;border-radius:4px 0 0 4px}.lagInputGrid .lagUnitControl select{width:auto;max-width:125px;border-left:0;border-radius:0 4px 4px 0;padding:8px 4px;background:#142b3a;font-size:12px}.lagGeometryTable .lagUnitControl input{width:90px;border-radius:4px 0 0 4px}.lagGeometryTable .lagUnitControl select{width:auto;min-width:58px;border-left:0;border-radius:0 4px 4px 0;font-size:12px;background:#142b3a}.lagInputGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.lagInputGrid.schedule{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.lagInputGrid label{font-size:12px;text-transform:none;letter-spacing:0}.lagInputGrid input{font-size:14px}.lagUnitControl :focus-visible{outline:2px solid #4bd7ff;outline-offset:2px}.lagGeometryTable input,.lagGeometryTable select{font-size:12px}.lagMetric small,.lagMetric em,.lagDisclaimer{font-size:12px}.lagWarnings{font-size:13px}@media(max-width:500px){.lagInputGrid,.lagInputGrid.schedule{grid-template-columns:1fr}.lagUnitControl select{max-width:45%}}

/* Keep longer displacement/rate units readable and attached on small screens. */
.lagInputGrid .lagUnitControl select{flex:0 0 auto;max-width:55%;font-size:14px;padding:9px 7px;min-height:44px}
.lagInputGrid .lagUnitControl input{min-height:44px}
.lagGeometryTable .lagUnitControl input,.lagGeometryTable .lagUnitControl select{min-height:44px}
.lagGeometryTable .lagUnitControl select{flex:0 0 auto;min-width:76px;padding:7px}