/* ╔══════════════════════════════════════════════════════════════╗
   ║  programs.css — Styles specific to the PROGRAMS page       ║
   ╚══════════════════════════════════════════════════════════════╝ */
/* programs.css — Programs & Events */
.prog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.prog-c { background: #fff; border-radius: 16px; padding: 32px; box-shadow: var(--shadow); display: flex; align-items: flex-start; gap: 18px; transition: all .3s; }
.prog-c:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(26,107,60,.14); }
.prog-ico { width: 58px; height: 58px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-size: 1.7rem; flex-shrink: 0; }
.prog-c h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 7px; }
.prog-c p  { font-size: .85rem; color: var(--gray); line-height: 1.65; margin-bottom: 12px; }
.prog-c a  { color: var(--green); font-size: .8rem; font-weight: 600; }
.ev-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ev { background: #fff; border-radius: 13px; padding: 22px; box-shadow: 0 2px 12px rgba(0,0,0,.06); display: flex; gap: 14px; transition: all .3s; }
.ev:hover { box-shadow: var(--shadow); transform: translateY(-2px); }
.ev-date { background: var(--green); color: #fff; border-radius: 9px; padding: 9px 13px; text-align: center; min-width: 52px; flex-shrink: 0; }
.ev-date .d { font-size: 1.3rem; font-weight: 800; line-height: 1; }
.ev-date .m { font-size: .65rem; font-weight: 700; margin-top: 2px; }
.ev h4 { font-weight: 700; font-size: .9rem; margin-bottom: 4px; }
.ev p  { font-size: .8rem; color: var(--gray); }
.ev .loc { display: flex; align-items: center; gap: 4px; font-size: .76rem; color: var(--green); margin-top: 6px; font-weight: 600; }
@media (max-width: 768px) { .prog-grid, .ev-grid { grid-template-columns: 1fr; } }