/* PHI - Peace Humanitarian Initiative Trust */

* { box-sizing: border-box; }

body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

/* Tabs */
.tab-btn { transition: all 0.3s ease; outline: none; }
.tab-btn.active-tab { font-weight: 600; color: #427E9F; border-bottom-color: #427E9F; }
.tab-pane.hidden { display: none; }

/* Initiative sections */
.initiative-section { border-top: 2px solid #E5E7EB; padding-top: 4rem; margin-top: 4rem; }
.initiative-section:first-child { border-top: none; padding-top: 0; margin-top: 0; }

/* Org chart */
.org-card { border-radius: 0.75rem; padding: 1.5rem; text-align: center; }
.org-connector { width: 2px; height: 2rem; background: #CBD5E1; margin: 0 auto; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Nav active state */
nav a.active { color: #427E9F; }

/* Card hover */
.hover-card { transition: box-shadow 0.3s ease, transform 0.2s ease; }
.hover-card:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.1); transform: translateY(-2px); }

/* Founder photo placeholder */
.founder-avatar { width: 180px; height: 180px; border-radius: 0.5rem; background: #D6EAF4; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.founder-avatar svg { width: 80px; height: 80px; color: #85BFDD; }

/* Outcome grid */
.outcome-card { border: 1px solid #E5E7EB; border-radius: 0.5rem; padding: 1rem 1.25rem; display: flex; align-items: flex-start; gap: 0.75rem; }

/* Responsive hero image */
.hero-img { max-height: 420px; width: 100%; object-fit: cover; border-radius: 0.75rem; }

/* Newsletter input focus */
input:focus, textarea:focus { outline: none; box-shadow: 0 0 0 3px rgba(66, 126, 159, 0.15); }