/* strefa-wiedzy.css - dopasowane do base/layout/components */
.sw-cat-item {
  display: block;
  width: 100%;
  text-align: left;
  padding: .6rem .75rem;
  border-radius: 10px;
  background: transparent;
  border: 1px solid transparent;
  font-weight: 600;
  color: var(--muted);
  transition: background .14s, transform .12s, border-color .12s;
}
.sw-cat-item:hover { background: #f8fafc; transform: translateY(-2px); color: var(--teal-500); }
.sw-cat-item.active { background: linear-gradient(180deg,#ffffff,#fbfffd); box-shadow: 0 10px 30px rgba(2,6,23,0.06); border-color: rgba(15,23,36,0.04); color: var(--teal-500); }

#sw-list .card { transition: transform .12s, box-shadow .12s; }
#sw-list .card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(2,6,23,0.06); }

#sw-list img { border-radius: 8px; object-fit: cover; }

#sw-article-modal { align-items: center; padding-top: 4rem; }
#sw-article-modal .prose p { margin-bottom: .9rem; color: var(--muted); line-height: 1.6; }

@media (max-width: 1023px) {
  /* kategorie jako pozioma lista na mobilu */
  #sw-categories { display: flex; gap: 8px; overflow: auto; padding-bottom: 6px; }
  .sw-cat-item { min-width: 140px; flex: 0 0 auto; border-radius: 12px; }
  #sw-article-modal { padding: 1.5rem; align-items: flex-start; }
}