.lista-wpisow-bloga {
  color: var(--kolor-tekstu);
  background: var(--kolor-tla);
}

.lista-wpisow-bloga__wewnatrz {
  width: 100%;
  max-width: calc(var(--szerokosc-kontenera) + 2 * var(--odstep-kontenera));
  margin-inline: auto;
  padding: var(--odstep-sekcji) var(--odstep-kontenera);
}

.lista-wpisow-bloga__naglowek {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--odstep-4);
  margin-bottom: var(--odstep-7);
}

.lista-wpisow-bloga__tytul {
  margin: 0;
  color: var(--kolor-tekstu);
  font: var(--waga-naglowka) var(--rozmiar-h2)/var(--interlinia-naglowka) var(--font-wyrozniajacy);
}

.lista-wpisow-bloga__akcja {
  display: inline-flex;
  align-items: center;
  min-height: var(--minimalny-cel-dotykowy);
  padding-inline: var(--odstep-4);
  border: var(--grubosc-linii) solid var(--kolor-tekstu);
  border-radius: var(--promien-pelny);
  color: var(--kolor-tekstu);
  background: var(--kolor-przezroczysty);
  font-weight: var(--waga-mocna);
  text-decoration: none;
}

.lista-wpisow-bloga__akcja:hover {
  background: var(--kolor-tla-alternatywnego);
}

.lista-wpisow-bloga__lista {
  display: grid;
  gap: var(--odstep-7);
}

.lista-wpisow-bloga--pierwszy-wyrozniony
  .lista-wpisow-bloga__lista
  > .karta-wpisu:first-child {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  width: 100%;
}

.lista-wpisow-bloga--pierwszy-wyrozniony
  .lista-wpisow-bloga__lista
  > .karta-wpisu:first-child
  .karta-wpisu__obraz {
  width: 100%;
  max-width: none;
}

.lista-wpisow-bloga__pusto {
  margin: 0;
  color: var(--kolor-tekstu-wtornego);
}

.lista-wpisow-bloga__paginacja .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--minimalny-cel-dotykowy);
  min-height: var(--minimalny-cel-dotykowy);
  margin: var(--odstep-6) var(--odstep-1) 0 0;
  padding: var(--odstep-2);
  border: var(--grubosc-linii) solid var(--kolor-linii);
  border-radius: var(--promien-maly);
  color: var(--kolor-tekstu);
  text-decoration: none;
}

.lista-wpisow-bloga__paginacja .current {
  background: var(--kolor-akcentu);
}

@media (min-width: 56.25rem) {
  .lista-wpisow-bloga--pierwszy-wyrozniony
    .lista-wpisow-bloga__lista {
    grid-template-columns: repeat(
      auto-fit,
      minmax(var(--szerokosc-kolumny-siatki-wpisow), 1fr)
    );
  }

  .lista-wpisow-bloga--pierwszy-wyrozniony
    .lista-wpisow-bloga__lista
    > .karta-wpisu {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .lista-wpisow-bloga--pierwszy-wyrozniony
    .lista-wpisow-bloga__lista
    > .karta-wpisu:first-child:not(.karta-wpisu--bez-obrazu) {
    display: grid;
    grid-template-columns: minmax(var(--szerokosc-karty-wpisu-min), var(--szerokosc-karty-wpisu-max)) minmax(0, 1fr);
    align-items: stretch;
  }

  .lista-wpisow-bloga--pierwszy-wyrozniony
    .lista-wpisow-bloga__lista
    > .karta-wpisu:not(:first-child) {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .lista-wpisow-bloga--pierwszy-wyrozniony
    .lista-wpisow-bloga__lista
    > .karta-wpisu:not(:first-child)
    .karta-wpisu__obraz {
    width: 100%;
    max-width: none;
  }
}