/* Lightweight additions to harmonize with social vibe */
:root{
  --brand-deep:#003a5d;
  --brand-surf:#00a7d1;
  --brand-sand:#ffe8bf;
}
.hero-social {
  background: linear-gradient(180deg, rgba(0,167,209,0.12), rgba(0,167,209,0));
  padding: 3rem 1rem;
  text-align: center;
}
.hero-social h1 { margin: 0 0 0.5rem; color: var(--brand-deep); }
.hero-social p { margin: 0.25rem 0; font-size: 1.1rem; }
.hero-badges { margin-top: 1rem; display:flex; gap:0.75rem; justify-content:center; flex-wrap:wrap;}
.badge {
  border: 1px solid var(--brand-surf);
  padding: 0.4rem 0.6rem;
  border-radius: 999px;
  font-size: 0.9rem;
}
.social-links { display:flex; gap:1rem; justify-content:center; margin: 1rem 0 0; }
.social-links a { text-decoration:none; color: var(--brand-surf); font-weight:600; }
#latest-reef { padding:2rem 1rem; background: linear-gradient(180deg, rgba(255,232,191,0.35), rgba(255,232,191,0)); }
#latest-reef h2 { text-align:center; color: var(--brand-deep); margin-bottom: 0.5rem; }
#latest-reef p.lead { text-align:center; margin: 0 auto 1.2rem; max-width: 60ch; }
#reef-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.reef-card {
  background:#fff; border-radius: 10px; overflow:hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.reef-card img { display:block; width:100%; height: 220px; object-fit: cover; }
.reef-cap { padding: 8px 10px; font-size: 0.95rem; color:#333; }
.tour-block h3 { color: var(--brand-deep); }
.tour-block p strong { color: var(--brand-deep); }