/* Strona o zgodnosci opakowan z PPWR. Utworzony 21.08.2026.

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

   Naglowki sekcji i ramka z dokumentami powtarzaja wyglad ze strony
   /dokumenty/ (pages/documents.css) - klient przechodzi miedzy nimi
   odnosnikami na dole i ma widziec ten sam jezyk wizualny. Kolory
   i promienie z palety serwisu, zadnej nowej wartosci. */

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

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

.ppwr-lista {
  padding-left: 1.1rem;
  color: #374151;
}

.ppwr-lista li { margin-bottom: 8px; }
.ppwr-lista li:last-child { margin-bottom: 0; }

/* --- ramka z dokumentami --- */
.ppwr-note {
  background: #F9FAFB;
  border: 1px solid #E5E7EB !important;
  border-radius: 8px;
}

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

.ppwr-table { --bs-table-bg: transparent; }

.ppwr-link {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  color: #111827;
  text-decoration: none;
}

.ppwr-link:hover,
.ppwr-link:focus {
  color: #0066FF;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Ten sam przyciemniony czerwony co `.pdf-link` w main.css: #dc3545
   na bialym daje 4,29 przy wymaganym 4,5 (WCAG AA). */
.ppwr-icon { color: #b02a37; font-size: 18px; flex: 0 0 auto; }

/* Cyfry o stalej szerokosci, zeby kolumna rozmiarow nie robila schodkow. */
.ppwr-size { font-variant-numeric: tabular-nums; color: #6c757d; font-size: 14px; }

@media (max-width: 575px) {
  .ppwr-lista { padding-left: .9rem; }
  .ppwr-size { font-size: 12px; }
}