/* ==========================================================================
   Chapter pages (British Columbia, Caribbean, Indian Ocean, Jordan)
   Loaded after inner.css and get-involved.css (contact panel).
   ========================================================================== */

/* Intro: text beside an "at a glance" panel */
.ch-glance { background: linear-gradient(150deg, var(--ip-navy-dark) 0%, var(--ip-navy) 60%, #0b5f9e 100%); color: #fff; border-radius: 20px; padding: 32px; box-shadow: var(--ip-shadow-lg); }
.ch-glance h3 { color: #fff; font-size: 22px; font-weight: 700; margin: 0 0 6px; }
.ch-glance .ip-facts li { border-top-color: rgba(255, 255, 255, .16); grid-template-columns: 110px 1fr; color: rgba(255, 255, 255, .92); }
.ch-glance .ip-facts b { color: var(--ip-amber); }
.ch-glance .ip-btns { margin-top: 22px; }

.ch-photo { margin: 0; }
.ch-photo img { display: block; width: 100%; height: auto; border-radius: var(--ip-radius); box-shadow: var(--ip-shadow-lg); }
.ch-photo--natural img { width: auto; max-width: 100%; margin: 0 auto; }
.ch-photo--natural figcaption { text-align: center; }
.ch-photo figcaption { font-size: 14px; color: var(--ip-muted); margin-top: 10px; line-height: 1.5; }

/* Leader card inside the contact panel (no email published) */
.ch-leader { display: flex; align-items: center; gap: 16px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); border-radius: 16px; padding: 18px 20px; }
.ch-leader strong { display: block; color: #fff; font-size: 18px; }
.ch-leader span:not(.gi-avatar) { display: block; color: rgba(255, 255, 255, .8); font-size: 14px; }

@media (max-width: 767px) {
  .ch-glance { padding: 24px; }
  .ch-glance .ip-facts li { grid-template-columns: 1fr; }
}