@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
  font-family: "Montserrat", sans-serif;
}

/* Cards grid and small card sizing */
/* .cards-grid {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.card-small {
  width: 260px;
  max-width: 100%;
}

.card-small img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.card-text {
  font-size: 0.95rem;
  line-height: 1.4;
}

@media (max-width: 480px) {
  .card-small {
    width: 100%;
  }
}


.nested-grid {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.card-nested {
  width: 170px;
  max-width: 100%;
}

@media (max-width: 480px) {
  .card-nested {
    width: 48%;
  }
}

/* Dark mode basics */
.dark-mode {
  background-color: #0f1720;
  color: #e6eef6;
}

.dark-mode .card {
  background-color: #0b1220;
  color: #e6eef6;
  border-color: rgba(255,255,255,0.06);
}

.dark-mode .card a,
.dark-mode p,
.dark-mode .card-text {
  color: #cfe7ff;
}

#toggleDarkMode.active {
  background-color: #0b1220;
  color: #e6eef6;
  border: 1px solid rgba(255,255,255,0.06);
}