/* contact.css — page-specific styles moved out of contact.html (was an inline <style> block) */

.doc-wrap { max-width: 820px; margin: 0 auto; padding: 40px 24px 80px; }
.doc-card { background:#fff; border-radius:18px; padding:40px 44px; box-shadow:0 12px 48px rgba(26,107,90,0.10); }
.doc-card h1 { font-family:'Fraunces',serif; font-size:2rem; font-weight:900; color:var(--text-dark); margin-bottom:6px; }
.doc-updated { color:var(--text-mid); font-size:0.9rem; margin-bottom:28px; }
.team-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin-top:8px; }
.team-card { border:1px solid rgba(0,0,0,0.07); border-radius:14px; padding:20px; display:flex; gap:14px; align-items:center; }
.team-avatar { width:48px; height:48px; border-radius:50%; background:var(--teal-dark); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.1rem; flex-shrink:0; }
.team-name { font-weight:700; color:var(--text-dark); font-size:0.95rem; }
.team-role { font-size:0.78rem; color:var(--text-mid); margin:2px 0 4px; }
.team-email { font-size:0.82rem; color:var(--teal-dark); text-decoration:none; word-break:break-all; }
.team-email:hover { text-decoration:underline; }
.contact-intro { background:#f0f9f6; border-radius:12px; padding:18px 20px; margin-bottom:26px; }
.contact-intro p { font-size:0.9rem; color:var(--text-mid); line-height:1.6; margin:0; }
@media (max-width:600px){ .doc-card{padding:26px 18px;} .doc-card h1{font-size:1.6rem;} }