/* Hub bazy wiedzy. Utworzony 06.09.2026.

   Plik musi istniec, nawet pusty: head.html linia 73 laduje
   `css/pages/${file}.css` dla KAZDEJ strony.

   Wartosci przepisane z ppwr.css i reach.css - ta sama rodzina, bo
   klient przechodzi miedzy tymi stronami odnosnikami. Zadnej nowej
   wartosci; serwis jedzie na `system-ui` i tak zostaje do osobnej
   decyzji o typografii (BACKLOG poz. 4). */

.kb-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #111827;
}

.kb-title i {
  color: #0066FF;
  font-size: 18px;
  width: 22px;
  text-align: center;
}

.kb-lista {
  list-style: none;
  margin: 0;
  padding: 0;
}

.kb-lista li {
  padding: 12px 0;
  border-bottom: 1px solid #E5E7EB;
}

.kb-lista li:last-child { border-bottom: 0; }

.kb-lista a {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-weight: 600;
  color: #0066FF;
  text-decoration: none;
  transition: color .15s ease-in-out;
}

.kb-lista a:hover,
.kb-lista a:focus {
  color: #0a58ca;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Ikona odnosnika zewnetrznego: mniejsza i szara, zeby czytalo sie ja
   jako znak „wychodzisz ze sklepu", a nie jako czesc tytulu. */
.kb-lista a i {
  font-size: 11px;
  color: #6c757d;
  flex: 0 0 auto;
}

.kb-lista a:hover i,
.kb-lista a:focus i { color: #0066FF; }

.kb-desc {
  display: block;
  margin-top: 4px;
  color: #374151;
  font-size: 14px;
}

.kb-note {
  background: #F9FAFB;
  border: 1px solid #E5E7EB !important;
  border-radius: 8px;
}

.kb-note p { color: #374151; }
.kb-note a { color: #0066FF; }

@media (max-width: 575px) {
  .kb-desc { font-size: 13px; }
}