/* Assinatura interna: uma régua FGV, sem efeito de halo ou promessa de aprovação.
   Folha carregada somente pelo app; a LP não importa este componente. */
.esp-score-scale {
  --score-position: 0%;
  --score-ink: var(--app-ink-reading);
  --score-muted: var(--app-muted-reading);
  --score-rule: var(--app-border-reading);
  --score-cobalt: var(--app-accent-reading);
  --score-cut: var(--app-state-cut);
  min-width: 0;
  color: var(--score-ink);
  font-family: var(--esp-ui, Inter, sans-serif);
  font-variant-numeric: tabular-nums;
}
.esp-score-scale *, .esp-score-scale *::before, .esp-score-scale *::after { box-sizing: border-box; }
.esp-score-scale .esp-score-scale-head > span {
  display: block;
  color: var(--score-muted);
  font-size: var(--esp-type-caption);
  font-weight: var(--esp-weight-medium);
}
.esp-score-scale .esp-score-scale-head > strong {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin-top: 7px;
  color: var(--score-ink);
  font: var(--esp-weight-bold) var(--esp-type-display)/1 var(--esp-title, Manrope, sans-serif);
  letter-spacing: -.04em;
}
.esp-score-scale .esp-score-scale-head small {
  color: var(--score-muted);
  font: var(--esp-weight-medium) var(--esp-type-caption)/1.4 var(--esp-ui, Inter, sans-serif);
  letter-spacing: 0;
}
.esp-score-scale .esp-score-scale-status {
  margin: 10px 0 0;
  color: var(--score-ink);
  font-size: var(--esp-type-caption);
  line-height: 1.5;
}
.esp-score-scale .esp-score-scale-plot { margin-top: 19px; padding-inline: 5px; }
.esp-score-scale .esp-score-scale-track { position: relative; height: 7px; border-radius: 3px; background: var(--score-rule); }
.esp-score-scale .esp-score-scale-track > i { display: block; height: 100%; width: var(--score-position); border-radius: inherit; background: var(--score-cobalt); }
.esp-score-scale .esp-score-scale-track::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), rgba(20, 29, 54, .13) calc(10% - 1px) 10%);
  pointer-events: none;
}
.esp-score-scale .esp-score-scale-cut { position: absolute; z-index: 1; top: -5px; bottom: -5px; left: 60%; width: 2px; background: var(--score-cut); transform: translateX(-50%); }
.esp-score-scale .esp-score-scale-marker { position: absolute; z-index: 2; left: var(--score-position); top: 50%; width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: var(--score-cobalt); outline: 1px solid var(--score-cobalt); transform: translate(-50%, -50%); }
.esp-score-scale .esp-score-scale-axis { display: flex; justify-content: space-between; position: relative; margin-top: 14px; color: var(--score-muted); font-size: var(--esp-type-caption); line-height: 1.3; }
.esp-score-scale .esp-score-scale-axis b { position: absolute; left: 60%; transform: translateX(-50%); white-space: nowrap; color: var(--score-cut); font-weight: var(--esp-weight-bold); }
.esp-score-scale .esp-score-scale-note { margin: 13px 0 0; color: var(--score-muted); font-size: var(--esp-type-caption); line-height: 1.5; }
.esp-score-scale[data-state="unmeasured"] .esp-score-scale-status { color: var(--score-muted); }