/* ╔══════════════════════════════════════════════════════════════╗
   ║  community-empowerment.css — Community Empowerment page    ║
   ╚══════════════════════════════════════════════════════════════╝ */
.emp-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.emp-c { background: #fff; border-radius: 14px; padding: 26px 22px; display: flex; align-items: flex-start; gap: 16px; box-shadow: 0 2px 12px rgba(0,0,0,.06); transition: all .3s; }
.emp-c:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.emp-ico { width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.35rem; flex-shrink: 0; }
.emp-c h4 { font-size: .95rem; font-weight: 700; margin-bottom: 6px; }
.emp-c p  { font-size: .83rem; color: var(--gray); line-height: 1.65; }
@media (max-width: 768px) { .emp-grid { grid-template-columns: 1fr; } }