.calibration {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #f4f8f6;
}
.calibration h4, .calibration p { margin: 0; }
.calibration p { margin-top: 5px; color: var(--muted); }
.calibration .control { min-width: 210px; }
.calibration[hidden] { display: none; }
@media (max-width: 720px) {
  .calibration { align-items: stretch; flex-direction: column; }
  .calibration .control { width: 100%; }
}
.automatic-analysis { margin-top: 18px; }
.automatic-analysis[hidden] { display: none; }
.automatic-analysis h4 { margin: 0 0 8px; }
#realtime-chart { width: 100%; height: 150px; border: 1px solid var(--border); border-radius: 12px; background: #fff; }
.personal-range { min-height: 56px; margin: 8px 0; font-size: 1.2rem; font-weight: 850; white-space: pre-line; }
.quality-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 10px; }
.quality-summary span { padding: 10px; border: 1px solid var(--border); border-radius: 10px; background: #f4f8f6; font-weight: 750; }
@media (max-width: 720px) { .quality-summary { grid-template-columns: 1fr 1fr; } }