.system-label{margin-top:20px}
.unit-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(95px,auto);gap:8px;align-items:end}
.unit-field input,.unit-field select{margin-top:7px}
.output dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:20px 0;align-items:center}
.output dt{color:#718177}
.output dd{margin:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;font-weight:600}
.unit-select{width:auto;min-width:90px;max-width:145px;margin:0}
.trajectory-output{grid-column:1 / -1;min-width:0;padding:25px 35px;background:#fbfcf9;border-top:1px solid #e8eee8}
.trajectory-output h4{margin:0;font-size:16px}
.chart-controls{display:flex;gap:12px;margin:15px 0 10px;max-width:440px}
.chart-controls label{flex:1}
.chart-controls select{width:100%;margin-top:7px}
.chart-wrap{overflow-x:auto}
.chart-wrap:focus-visible{outline:2px solid #a4c4ae;outline-offset:2px}
.process-chart{display:block;width:100%;min-width:560px;height:auto;border:1px solid #e6ece5;background:#fff}
.process-chart text{font:12px sans-serif;fill:#425a4b}
.process-chart .axis-title{font-weight:600}
.process-chart .grid-line{stroke:#dbe5dc;stroke-width:1}
.process-chart .chart-frame{fill:none;stroke:#71877a;stroke-width:1}
@media(max-width:600px){.trajectory-output{padding:25px 16px}}