/* Chart tooltip — hover detail for SVG chart points.
 * ---------------------------------------------------------------------- */

@layer components {
  .chart-tooltip {
    background-color: var(--color-ink);
    border-radius: var(--border-radius-m);
    color: var(--color-surface);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    line-height: 1.5;
    max-inline-size: 14rem;
    padding: 0.375rem 0.625rem;
    pointer-events: none;
    position: absolute;
    white-space: pre-line;
    z-index: 5;
  }
}