/* /instytucje i /instytucja/<klucz>. Kolory neutralne: wynik dla instytucji to nie ocena. */
.inst-table td small, .inst-page td small, table td.n small { display: block; color: var(--fg-muted); font-size: .8125rem; }
.inst-table tbody th { font-weight: 500; }
.inst-outcomes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; margin: 1rem 0 1.5rem; }
.inst-card h3 { margin: 0 0 .25rem; font-size: 1.0625rem; }
.inst-bar { display: flex; height: 12px; border-radius: 999px; overflow: hidden; background: var(--border); margin: .75rem 0; }
.inst-seg { display: block; height: 100%; }
.inst-korzystny { background: var(--data); }
.inst-czesciowo { background: color-mix(in oklch, var(--data) 45%, var(--bg)); }
.inst-niekorzystny { background: var(--border-strong); }
.inst-uchylony { background: var(--fg-faint); }
.inst-legend { list-style: none; padding: 0; margin: .5rem 0; }
.inst-legend li { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem; padding: .3rem 0; border-bottom: 1px solid var(--border); }
.inst-legend li:last-child { border-bottom: 0; }
.inst-legend strong { font-variant-numeric: tabular-nums; }
.inst-key { display: inline-block; width: .75rem; height: .75rem; border-radius: 3px; flex: none; align-self: center; }
.inst-plain { font-size: .875rem; color: var(--fg-muted); }
.inst-patterns li { margin: .4rem 0; }