/* For holiday cards*/
      /* Season palettes: very light backgrounds and a slightly stronger badge color */
      .season-winter { background: #f0f9ff; } /* light cool blue */
      .season-winter .month-badge { background: #cfeefe; color: #024e76; }

      .season-spring { background: #f0fff9; } /* minty */
      .season-spring .month-badge { background: #d1fae5; color: #065f46; }

      .season-summer { background: #fffaf0; } /* warm pale */
      .season-summer .month-badge { background: #ffedd5; color: #92400e; }

      .season-fall { background: #fff7ed; } /* soft amber */
      .season-fall .month-badge { background: #ffe8cc; color: #7c2d12; }

      /* card padding override to keep text readable on tinted backgrounds */
      .upcoming-card { padding: 1rem; border-radius: 0.5rem; border: 1px solid rgba(2,6,23,0.04); }

      /* month badge */
      .month-badge { display:inline-block; font-size:0.75rem; font-weight:700; padding:6px 8px; border-radius:999px; }

      /* larger emoji (~2x) */
      .emoji-big { font-size: 1.8rem; line-height:1; margin-right:8px; vertical-align:middle; }

      /* ensure small screens wrap nicely */
      @media (max-width: 640px) {
        .upcoming-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
        .upcoming-card { display:flex; gap:0.75rem; align-items:flex-start; }
        .upcoming-emoji { font-size:1.6rem; }
      }

      @media (min-width: 641px) {
        .upcoming-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      }
	  
	  /* for footer */
.footer-link {
  color: #475569; text-decoration: none;
}

.footer-link:hover {
  color: #0369a1; text-decoration: underline;
}