/* UPH 분석 탭 — results.js의 analysis 탭 전용. 토큰은 ../styles.css :root를 씁니다. */
.uph-analysis { display: grid; gap: 14px; font-size: 13px }
.uph-analysis .kpis { margin-bottom: 0 }
.uph-analysis .uph-stale { margin: 0 }
.uph-analysis .uph-section h3 { margin-bottom: 10px }
.uph-analysis .uph-sub { margin: 18px 0 8px; font-size: 12.5px; font-weight: 650; color: var(--ink-2) }
.uph-analysis .uph-sentence { font-size: 14px; font-weight: 600; line-height: 1.55; margin-bottom: 8px; padding: 10px 12px; border-left: 3px solid var(--attention); background: var(--attention-soft); border-radius: 0 var(--radius) var(--radius) 0; word-break: keep-all }
.uph-analysis .uph-notes, .uph-analysis .uph-explain { margin: 0 0 12px; padding-left: 18px; font-size: 12.5px; color: var(--ink-2); line-height: 1.7; word-break: keep-all }
.uph-analysis .uph-explain { margin-bottom: 4px }
.uph-analysis tr.uph-bottleneck td { background: var(--attention-soft) }
.uph-analysis tr.uph-base td { background: var(--panel-2); font-weight: 600 }
.uph-analysis td { white-space: nowrap }
.uph-analysis td.small { white-space: normal; min-width: 180px; word-break: keep-all }
.uph-analysis .uph-up { color: var(--busy); font-weight: 600 }
.uph-analysis .uph-down { color: var(--danger) }
.uph-analysis .uph-actions { margin-bottom: 10px }
.uph-analysis .uph-grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 14px }
.uph-analysis .uph-target { max-width: 220px; margin-bottom: 10px }
.uph-analysis .uph-line { font: 600 17px var(--font-num); font-variant-numeric: tabular-nums; margin-bottom: 8px }
.uph-analysis .tag { margin-left: 4px }
@media (max-width: 820px) {
  .uph-analysis .uph-grid { grid-template-columns: 1fr }
  .uph-analysis .uph-sentence { font-size: 14px }
}