/* Dodatkowe style specyficzne dla resources.html — wersja z jednostkami względnymi */

.category {
  margin-bottom: 1rem; /* 16px */
}

.category-title {
  font-weight: 600;
  color: var(--accent-2);
  margin: 0.625rem 0 0.375rem; /* 10px 0 6px */
  cursor: pointer;
  transition: color 0.2s;
}

.category-title:hover {
  color: var(--accent);
}

.resource-list {
  list-style: none;
  padding-left: 1.125rem; /* 18px */
  margin: 0;
}

.resource-item {
  margin: 0.375rem 0; /* 6px */
}

.resource-item a {
  text-decoration: none;
  color: var(--accent);
  transition: opacity 0.2s;
}

.resource-item a:hover {
  opacity: 0.8;
}

.hidden {
  display: none;
}

/* Nagłówki kategorii z animowaną strzałką */
.category-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0.25rem 0; /* 4px 0 */
}

.arrow {
  font-size: 1.2rem;
  color: var(--accent);
  transition: transform 0.3s ease;
}

.arrow.rotated {
  transform: rotate(90deg);
}

/* Animacja rozwijania listy */
.list-wrapper {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease;
}

.list-wrapper:not(.collapsed) {
  max-height: clamp(10rem, 60vh, 40rem);
}