/* Dağılım panel on İstatistikler. Loaded after panels.css, whose theme
   variables (--surface-raised, --line, --ink, --muted) it uses. The percentile
   colours run from the site's amber (low) through a neutral to its radar indigo
   (high); every one has a dark-theme value, and the scale stays readable for
   the common forms of colour blindness, unlike a red-to-green one. */
:root {
  --dist-0: #c2562a; --dist-25: #e0a260; --dist-50: #cfc8b8; --dist-75: #8896d6; --dist-100: #3d4ea3;
}
:root[data-theme="dark"] {
  --dist-0: #ff8a5c; --dist-25: #f0b46a; --dist-50: #7d7590; --dist-75: #8f9df0; --dist-100: #b8adff;
}
.statistics-distribution { min-width: 0; margin: 0 16px 16px; border: 1px solid var(--line); border-top: 2px solid #8896d6; border-radius: 8px; padding: 12px; background: var(--surface-raised); }
:root[data-theme="dark"] .statistics-distribution { border-top-color: #8f9df0; }
.statistics-distribution .builder-rating-note { padding: 8px 0 0; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }