/* ==========================================================================
   RankPay — baza wiedzy, archiwa kategorii/tagów/autorów, wyszukiwarka
   ========================================================================== */

.kb-tools { padding-top: 38px; }

.kb-body { padding: 8px 0 78px; }
.kb-block { padding-top: 50px; }
.kb-block .section-head h2 { font-size: clamp(28px, 3.2vw, 38px); }

.art-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 1000px) { .art-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .art-grid-4 { grid-template-columns: 1fr; } }

/* Aktualności na jaśniejszym tle, na pełną szerokość okna. */
.kb-latest {
  margin-top: 50px;
  padding: 42px 0;
  background: var(--paper-alt);
  box-shadow: 0 0 0 100vmax var(--paper-alt);
  clip-path: inset(0 -100vmax);
}

/* --- POLECANY ARTYKUŁ ----------------------------------------------------- */

.featured-article { display: grid; grid-template-columns: 1fr 1fr; }
.featured-article:not(:has(.photo)) { grid-template-columns: 1fr; }
.featured-photo { align-self: center; }
.featured-copy { padding: 32px; align-self: center; }
.featured-copy h2 { font-size: clamp(26px, 3vw, 36px); margin: 10px 0 12px; }
.featured-copy .btn { margin-top: 20px; }

@media (max-width: 760px) {
  .featured-article { grid-template-columns: 1fr; }
  .featured-copy { padding: 24px; }
}

/* --- NEWSLETTER ----------------------------------------------------------- */

.kb-body .newsletter { margin-top: 50px; }

/* --- ARCHIWA I WYNIKI WYSZUKIWANIA ---------------------------------------- */

.archive-body { padding: 38px 0 78px; }
.archive-body .search-box { margin: 0 0 28px; }
.archive-empty { color: var(--muted); padding: 30px 0; }

.filter-empty { padding: 40px 0; text-align: center; color: var(--muted); }