/* Henry PTA — teacher directory.
   Inherits the theme's black/gold vars when present; falls back otherwise. */

.henry-teachers {
  --_gold: var(--henry-gold, #f4b41c);
  --_black: var(--henry-black, #141414);
  --_line: var(--henry-line, #e7e2d6);
  --_cream: var(--henry-cream, #fbf6ec);
  max-width: 1120px;
  margin: 0 auto;
}

.henry-teachers-count {
  text-align: center;
  color: var(--henry-gray, #6b6b6b);
  font-size: 0.95rem;
  margin: 0 0 28px;
}

.henry-teachers-empty {
  text-align: center;
  color: var(--henry-gray, #6b6b6b);
  font-size: 1.1rem;
  padding: 40px 0;
}

.henry-teacher-group {
  margin: 0 0 40px;
}

.henry-teacher-group-title {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--_black);
  border-bottom: 3px solid var(--_gold);
  padding-bottom: 8px;
  margin: 0 0 20px;
}

.henry-teacher-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}

.henry-teacher-card {
  background: #fff;
  border: 1px solid var(--_line);
  border-top: 4px solid var(--_gold);
  border-radius: 10px;
  padding: 18px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  transition: box-shadow 0.15s ease, transform 0.08s ease;
}
.henry-teacher-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.henry-teacher-photo-wrap {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 8px;
  background: var(--_cream);
  border: 2px solid var(--_gold);
}
.henry-teacher-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.henry-teacher-name {
  font-weight: 800;
  color: var(--_black);
  font-size: 1.02rem;
  line-height: 1.2;
}

.henry-teacher-position {
  color: var(--henry-gray, #6b6b6b);
  font-size: 0.88rem;
}