/* lorenz_curve.css — Lorenz curve + Gini lab (see lorenz_curve.js).
   Two economy curves over the shared graph kit; quintile chips below the plot. */

.lorenz-diag { stroke: rgba(203, 213, 225, 0.65); stroke-width: 1.6; stroke-dasharray: 6 4; }
.lorenz-diag-tag { fill: #aebdce; font-style: italic; }
.lorenz-gap { fill: rgba(251, 191, 36, 0.14); stroke: none; }
.lorenz-curve-a { fill: none; stroke: #fbbf24; stroke-width: 2.6; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.5)); }
.lorenz-curve-b { fill: none; stroke: #38bdf8; stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(0 0 4px rgba(56, 189, 248, 0.45)); }
.lorenz-tag-a { fill: #fcd34d; }
.lorenz-tag-b { fill: #7dd3fc; }
.lorenz-dot-a { fill: #fbbf24; }
.lorenz-dot-b { fill: #38bdf8; }

/* quintile chips — the exam-table numbers, derived live */
.lorenz-quint { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; font-size: 0.82rem; color: #9fb0c4; }
.lorenz-quint-lab { font-weight: 600; }
.lorenz-chip {
  padding: 0.14rem 0.55rem; border-radius: 999px;
  border: 1px solid rgba(251, 191, 36, 0.35); background: rgba(251, 191, 36, 0.08);
  color: #cbd5e1; font-variant-numeric: tabular-nums;
}
.lorenz-chip b { color: #fcd34d; }