.lunchmenu {
  display: grid;
  gap: 1rem;
}

.lunchmenu-day {
  display: grid;
  gap: 0.5rem;
}

.lunchmenu-day-title {
  font-weight: 700;
}

.lunchmenu-meal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  gap: 0.75rem;
  align-items: baseline;
  padding: 0.45rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.lunchmenu-meal-name {
  font-weight: 600;
}

.lunchmenu-meal-weight,
.lunchmenu-meal-allergens,
.lunchmenu-meal-price {
  color: #555;
  font-size: 0.925em;
  white-space: nowrap;
}

.lunchmenu-meal-price {
  font-weight: 700;
}

.lunchmenu-note {
  color: #555;
}

.lunchmenu-closed-reason,
.lunchmenu-empty {
  color: #777;
  font-style: italic;
}

@media (max-width: 640px) {
  .lunchmenu-meal {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
}