/* Ile zarabiasz na tle Polski: tylko to, czego nie ma we wspólnych arkuszach (shared/public/css/). */

/* Siatka „100 pracowników”: kwadrat to 1% grupy. Zarabiający mniej w kolorze akcentu, ta pensja w kolorze tekstu,
   reszta w kolorze linii; kolory jak w legendzie (.legend .less, .you, .more) */
.people { display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; max-width: 372px; margin: 16px auto; padding: 0 16px; box-sizing: border-box; }
.people i { display: block; aspect-ratio: 1; border-radius: 3px; background: var(--line); }
.people .less { background: var(--accent); }
.people .you { background: var(--ink); }
.legend .less { --sw: var(--accent); }
.legend .you { --sw: var(--ink); }
.legend .more { --sw: var(--line); }