/* ===========================
   Calendar Page (Mobile)
   =========================== */
.page-section.calendar-section {
  min-height: 100vh;              /* fill viewport height */
  padding: 3rem 1.5rem;
  background-color: var(--light-gray, #f5f5f5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

/* Heading */
#calendar h2 {
  font-family: 'Goudos', var(--font-sans-primary), sans-serif;
  font-size: 4.4rem;
  font-weight: 700;
  margin-bottom: 2rem;
  text-align: center;
  color: var(--primary-green);
}
/* Mobile-only hint for Calendar section */
.calendar-section h2::after {
  content: "Note: Due to limitations of our Calendar service (Tockify), this page is best experienced on a desktop.";
  display: block;              /* put the message on its own line */
  margin-top: 0.75rem;
  font-size: 1.4rem;           /* larger for readability */
  font-weight: 400;
  color: var(--text-muted, #666);
  line-height: 1.6;
}