/* ============================================================
   ManaHindu — about.css
   About page styles
   Used by: pages/about/index.html
   ============================================================ */

.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: start; margin: 2rem 0; }
.about-stat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 1.5rem; }
.about-stat { background: var(--cream); border: 1px solid var(--border); border-radius: 8px; padding: 1rem; text-align: center; }
.about-stat-num { font-size: 1.5rem; font-weight: 700; color: var(--maroon); }
.about-stat-label { font-size: 0.72rem; color: var(--text-muted); }

@media (max-width: 768px) {
  .about-grid { grid-template-columns: 1fr; }
}