/* People page styles moved from people.html */
.people-page h4 {
  font-family: 'Gotham Black';
  font-weight: 100;
}

.people-page .fw-bold {
  font-size: 1.15rem;
  margin-bottom: -1px;
}

.people-page .person-card {
  cursor: pointer;
}

.people-page .person-card svg {
  border-radius: 50%;
  outline: 4px solid transparent;
  outline-offset: 6px;
  transition: outline-color 0.2s ease;
}

.people-page .person-card.active svg {
  outline-color: #117DBF;
}

.people-page .person-card.active svg rect {
  fill: #E48751;
}

.people-page .carousel-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.people-page .person-carousel {
  display: flex;
  overflow: hidden;
  width: 100%;
}

.people-page .person-item {
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
  text-align: center;
}

@media (max-width: 992px) {
  .people-page .person-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 576px) {
  .people-page .person-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.people-page .carousel-btn {
  border: none;
  background: none;
  font-size: 2rem;
  color: #777;
  cursor: pointer;
}

.people-page .carousel-btn:hover {
  color: #117DBF;
}

/* Shared utility classes for page templates */
.cover-fit { object-fit: cover !important; }
.w-80 { width: 80% !important; }
.w-50 { width: 50% !important; }
.bg-f4f9ff { background-color: #F4F9FF !important; }
.bg-f3f9ff { background-color: #F3F9FF !important; }
.bg-ededed { background-color: #EDEDED !important; }
.cursor-pointer { cursor: pointer !important; }
.no-text-decoration { text-decoration: none !important; }
.img-height-180 { height: 180px !important; }
.rounded-md { border-radius: 8px !important; }
.pin-marker { color: #d66523 !important; }
.text-blue-dark { color: #034873 !important; }
.text-teal { color: #117DBF !important; }