/* Lista artykułów Bazy wiedzy — K43, task03.55 (styl per komponent — docs/podejscie-css.md). Bez projektu — z elementów
   serwisu: nagłówek grupy jak nagłówek grupy produktów (H2 32/44.8 ExtraBold, poniżej 1024 — 28/39.2), grupy co 80
   (jak na stronie kategorii), pozycje jak lista tekstowa Aktualności (tytuł H4 20/28 Bold, lead 16/22.4) rozdzielone
   24 · linia · 24; tagi — atom A45 bez ikony. Link nagłówka i tytułu: w hoverze kolor marki i strzałka ↗ (32 z wektorem
   18, jak w kaflach), bez hovera strzałka niewidoczna (miejsce zostaje — tekst nie skacze). */

.lista-artykulow {
  max-width: 90rem;                         /* stop skali z task01.06 — jak inne sekcje */
  margin-inline: auto;
  padding-block: var(--odstep-8) var(--odstep-10);

  & ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  & a {
    color: inherit;
    text-decoration: none;
  }

  & a:is(:hover, :focus-visible) { color: var(--kolor-marki); }
}

/* Odstępy liczone od poprzedniej widocznej grupy / pozycji — wyszukiwarka Bazy wiedzy ukrywa je atrybutem hidden (task03.56). */
.lista-artykulow-grupa:not([hidden]) ~ .lista-artykulow-grupa { margin-top: var(--odstep-10); }

.lista-artykulow-naglowek {
  margin: 0 0 var(--odstep-3);
  font-size: var(--tekst-32);
  line-height: var(--interlinia-32);
  font-weight: var(--waga-najgrubsza);
}

/* Liczba artykułów grupy: mniejsza, szara, zwykła (w hoverze linku — kolor marki jak cały nagłówek). */
.lista-artykulow-liczba {
  font-size: 0.7em;
  font-weight: var(--waga-zwykla);
  color: var(--kolor-tekstu-pomocniczy);
}

.lista-artykulow a:is(:hover, :focus-visible) .lista-artykulow-liczba { color: inherit; }

.lista-artykulow-pozycja:not([hidden]) ~ .lista-artykulow-pozycja {
  margin-top: var(--odstep-3);
  padding-top: var(--odstep-3);
  border-top: 1px solid var(--kolor-linii);
}

.lista-artykulow-tytul {
  margin: 0;
  font-size: var(--tekst-20);
  line-height: var(--interlinia-20);
  font-weight: var(--waga-gruba);
}

.lista-artykulow-koniec { white-space: nowrap; }

.lista-artykulow-strzalka {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 1em;
  vertical-align: -0.0625rem;
  visibility: hidden;

  & svg {
    width: 1.125rem;
    height: 1.125rem;
  }
}

.lista-artykulow a:is(:hover, :focus-visible) .lista-artykulow-strzalka { visibility: visible; }

/* Lead: najwyżej 2 wiersze, dalej „…" — pełny tekst zostaje w HTML. */
.lista-artykulow-lead {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  margin: var(--odstep-1) 0 0;
  font-size: var(--tekst-16);
  line-height: var(--interlinia-16);
}

.lista-artykulow-tagi {
  display: flex;
  flex-wrap: wrap;
  gap: var(--odstep-1);
  margin-top: var(--odstep-2);
}

.lista-artykulow-tagi .tag { background: var(--kolor-tla-wyroznionego); }

@media (max-width: 1023px) {
  .lista-artykulow-naglowek {
    font-size: var(--tekst-28);
    line-height: var(--interlinia-28);
  }
}