body, button {
  font-family: "Poppins", sans-serif;
}

.buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

button {
  padding: 10px 20px;
  border: none;
  background: blue;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}

.library {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.library .item {
  border: 1px solid blue;
  border-radius: 20px;
  width: 250px;
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.library .item p {
  margin: 4px;
}

.item img, .item img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  margin-top: auto;
}

/* Quick-recipe badge */
.library .item{
  position: relative;
}
.library .item .badge{
  position: absolute;
  top: 12px;
  right: 12px;
  background: #10b981;
  color: #fff;
  padding: 6px 8px;
  font-weight: 700;
  font-size: 0.75rem;
  border-radius: 999px;
  box-shadow: 0 6px 14px rgba(16,24,40,0.08);
}
.library .item.quick{
  border-color: rgba(16,185,129,0.2);
}

/* Summary above the grid */
.summary{
  max-width:1100px;
  margin: 0 auto 12px;
  color: #374151;
  font-weight: 600;
}

.ingredient-count{
  font-size: 0.9rem;
  color: #374151;
}