/* Style bloku kwadraty: wydzielone ze wspólnego arkusza serwisu (css/serwis.css) w fazie 1 standardu WordPressa. */
.kw { display: grid; gap: 18px; }
.kw-tytul { font: 650 13px var(--text); color: var(--muted); margin-bottom: 8px; }
.kw-kwadraty { display: flex; flex-wrap: wrap; gap: 6px; }
.kw-k { width: 30px; height: 30px; border-radius: 8px; }
.kw-legenda { grid-template-columns: 1fr 1fr; gap: 6px 22px; margin-top: 0; }
.kw-legenda i, .kw-lista-tytul i { border-radius: 4px; }
@media (max-width: 520px) { .kw-legenda { grid-template-columns: 1fr; } }
.kw-lista summary { padding-left: 0; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.kw-lista-grupa { margin: 12px 0 4px; }
.kw-lista-tytul { display: flex; align-items: center; gap: 8px; font: 750 14px var(--text); }
.kw-lista-tytul i { width: 12px; height: 12px; flex: none; }
.kw-lista ul { margin: 4px 0 0; padding-left: 20px; font-size: 14px; color: var(--ink2); }
.kw-lista li b { font-weight: 650; color: var(--ink); }