/* The calendar reuses the .campaigns styling (hero, cards, dropdown, FAQs).
   These rules cover the month-grouped layout that's unique to the calendar. */

.calendar .calendar_months {
  display: block;
}

.calendar .calendar_month_group {
  margin-bottom: 32px;
}

.calendar .calendar_month_group .table_week_label {
  font-size: 15px;
  font-weight: 700;
  color: var(--soft-black);
  padding-left: 4px;
  margin-bottom: 4px;
}

.calendar .calendar_month_group .campaigns_list_inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.calendar .brands a.brand {
  text-decoration: none;
  font-size:12px;
  font-family: "Matter SemiMono", monospace;
  border-radius:11px;
  padding:5px 7px;
  color:var(--magic);
  border:1px solid var(--magic);
  display:inline-block;
  margin-bottom:3px;
}

.campaigns.calendar .hero {
  background-image:linear-gradient(-45deg, #ff289c, #f61472, #f733b0, #ff39ea);
}

.calendar .article_summary {
  border-bottom:0;
}

.calendar .sources {
  margin-bottom:22px;
}