/* v3.7.3: fix analysis two-column proportions.
   Training quality needs more usable width; joint health is a compact summary card. */

:root {
  --ft-analysis-pair-gap: var(--ft-pair-gap, 16px);
}

/* Only affect the first analysis pair: 训练质量判断 / 健身 + 健康联合分析 */
.professional-analysis-grid {
  grid-template-columns: minmax(380px, 1.12fr) minmax(320px, .88fr) !important;
  gap: var(--ft-analysis-pair-gap) !important;
  align-items: stretch !important;
}

.professional-analysis-grid > .training-quality-card,
.professional-analysis-grid > .analysis-joint-card {
  min-width: 0 !important;
  height: 100% !important;
}

.training-quality-card {
  padding-right: 22px !important;
}

.analysis-joint-card {
  padding-left: 22px !important;
}

/* Keep the left card readable now that it owns the larger column. */
.training-quality-card .quality-card-list {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.training-quality-card .quality-card-list > div {
  min-height: 74px !important;
  padding: 14px 16px !important;
  align-content: center !important;
}

/* The joint health card is a compact side summary, not the dominant panel. */
.analysis-joint-card .analysis-chart-note,
.analysis-joint-card .training-advice-text {
  font-size: 14px !important;
  line-height: 1.58 !important;
}

.analysis-joint-card .joint-health-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.analysis-joint-card .joint-health-grid > div {
  min-height: 82px !important;
  padding: 12px !important;
}

.analysis-joint-card .joint-health-grid strong {
  font-size: 20px !important;
}

/* Medium desktop / tablet: still keep the pair close, but avoid squeezing content. */
@media (max-width: 1080px) {
  .professional-analysis-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .analysis-joint-card .joint-health-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .professional-analysis-grid {
    gap: 12px !important;
  }
  .training-quality-card,
  .analysis-joint-card {
    padding: 18px !important;
  }
  .analysis-joint-card .joint-health-grid {
    grid-template-columns: 1fr !important;
  }
}