/* ╔══════════════════════════════════════════════════════════════╗
   ║  involved.css — Styles specific to the GET INVOLVED page   ║
   ╚══════════════════════════════════════════════════════════════╝ */
/* involved.css — Get Involved */
.inv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.inv-c { background: #fff; border-radius: 16px; padding: 36px; box-shadow: var(--shadow); }
.inv-c h3 { font-size: 1.15rem; font-weight: 700; color: var(--green); margin-bottom: 18px; display: flex; align-items: center; gap: 8px; }
.inv-c ul { list-style: none; margin-bottom: 26px; }
.inv-c ul li { padding: 9px 0; display: flex; align-items: center; gap: 10px; font-size: .86rem; color: var(--gray); border-bottom: 1px solid #f5f5f5; }
.inv-c ul li:last-child { border: 0; }
.inv-c ul li i { color: var(--green); }
@media (max-width: 768px) { .inv-grid { grid-template-columns: 1fr; } }