:root{--accent:#0d6efd;--muted:#6c757d}
 .hero{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('../images/best-time-to-visit-munnar.jpg') center/cover no-repeat;min-height:52vh;display:flex;align-items:center;color:#fff}
 .chip{background:#eef5ff;color:var(--accent);padding:.25rem .75rem;border-radius:20px;font-weight:600}
 .table-responsive{box-shadow:0 8px 30px rgba(2,6,23,0.06);border-radius:.5rem}
 .card-ghost{border:1px solid rgba(13,110,253,0.06)}
 .stat{font-size:1.15rem;font-weight:700}
 .event-badge{background:#fff6e6;color:#a65a00;padding:.25rem .5rem;border-radius:6px;font-weight:600}
 @media (max-width:575px){.hero{min-height:36vh}}

 .card{background:var(--card);padding:16px;border-radius:12px;box-shadow:0 8px 20px rgba(10,10,10,0.04)}
 .section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
 .pill{background:#eaf8f0;color:var(--accent);padding:6px 10px;border-radius:999px;font-weight:700}
 ul{padding-left:1.05rem}
 .month-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
 @media(min-width:700px){.month-grid{grid-template-columns:repeat(3,1fr)}}
 .month{padding:10px;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfffb);border:1px solid #f0f6f2}
 .btn{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700}