/* ===========================================================
   Discoveries hub + archive pages (loaded on /discoveries and
   /discoveries/archive/<month>). Kept in its own file so it reaches
   every visitor even when an old styles.css is cached.
   =========================================================== */
.hub-section { margin-bottom: 44px; }

.hub-heading {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--rose-deep);
  text-align: center;
  margin-bottom: 18px;
}

.hub-more {
  text-align: center;
  margin-top: 24px;
}

/* Month tabs: ONE row that scrolls/swipes sideways once there are many months.
   The first/last auto margins keep a short row centered (a plain
   justify-content:center would cut off the first tabs when it overflows). */
.month-tabs {
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  padding-bottom: 12px;
}
.month-tabs .month-tab {
  flex: 0 0 auto;
  white-space: nowrap;
}
.month-tabs .month-tab:first-child { margin-left: auto; }
.month-tabs .month-tab:last-child { margin-right: auto; }