/* Canonical receiver fitting-range audiogram.
   Shared by the public receiver-detail page and receiver admin editor. */
.receiver-audiogram-canvas,
#audiogram,
#fittingRangeGraph {
  display: block;
  width: min(100%, 690px);
  height: auto;
  justify-self: center;
  overflow: visible;
}
.receiver-audiogram-background { fill: #fff; }
.receiver-audiogram-grid { stroke: #162333; }
.receiver-audiogram-grid--vertical.is-intermediate { opacity: 0.38; }
.receiver-audiogram-grid--vertical.is-octave { opacity: 0.55; }
.receiver-audiogram-border {
  fill: none;
  stroke: #162333;
  stroke-width: 1.35;
}
.receiver-audiogram-db-label,
.receiver-audiogram-frequency-label,
.receiver-audiogram-axis-title,
.receiver-audiogram-empty {
  fill: #23303f;
  font-family: Inter, system-ui, sans-serif;
}
.receiver-audiogram-db-label {
  font-size: 13px;
  font-weight: 560;
}
.receiver-audiogram-db-label.is-zero { font-weight: 820; }
.receiver-audiogram-frequency-label.is-major {
  font-size: 14px;
  font-weight: 760;
}
.receiver-audiogram-frequency-label.is-minor {
  fill: #7e8996;
  font-size: 10.5px;
  font-weight: 650;
}
.receiver-audiogram-axis-title {
  font-size: 13px;
  font-weight: 760;
}
.receiver-audiogram-empty {
  fill: #8994a0;
  font-size: 13px;
  font-weight: 650;
}
.receiver-audiogram-range {
  stroke: #315d89;
  stroke-width: 1.35;
  opacity: 0;
  animation: receiver-range-in 420ms var(--ease-out) forwards;
}
.receiver-audiogram-range-edge {
  fill: none;
  stroke: #315d89;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
@keyframes receiver-range-in { to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .receiver-audiogram-range {
    animation: none !important;
    transition: none !important;
    opacity: 1;
  }
}