/* Teachers listing page styles. Shared styling stays in styles.css.
   Card header redesigned: compact light header with a round icon badge (was a tall dark block). */

.teacher-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);margin-top:30px;align-items:stretch}
.teacher-profile-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #e2e8ee;border-radius:22px;box-shadow:0 14px 38px rgba(11,34,57,.09);transition:transform .25s ease,box-shadow .25s ease}
.teacher-profile-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(11,34,57,.15)}
.teacher-profile-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0;height:auto;padding:24px 16px 20px;box-sizing:border-box;text-align:center;color:#0b2239;background:linear-gradient(180deg,#f8f5ec,#efe6d2)}
.teacher-visual-hifz{background:linear-gradient(180deg,#f3f7f4,#e3eee7)}
.teacher-profile-visual::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:linear-gradient(90deg,#c9973a,#f2c879,#c9973a)}
.teacher-profile-visual svg{width:78px;height:78px;padding:16px;box-sizing:border-box;border-radius:50%;background:linear-gradient(145deg,#0b2239,#174b5b);color:#f2c879;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;box-shadow:0 8px 20px rgba(11,34,57,.22)}
.teacher-profile-visual span{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#8a5b0a}
@media (max-width:900px){.teacher-featured-grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}}
@media (prefers-reduced-motion:reduce){.teacher-profile-card{transition:none}.teacher-profile-card:hover{transform:none}}

.teacher-profile-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: clamp(20px, 2.6vw, 28px);
}

.teacher-profile-body .eyebrow {
  margin: 0 0 6px;
}

.teacher-profile-body h3 {
  margin: 0 0 10px;
  color: #0b2239;
  font-size: clamp(1.3rem, 2.2vw, 1.55rem);
  line-height: 1.25;
}

.teacher-profile-body > p:not(.eyebrow) {
  margin: 0 0 16px;
  color: #3b4a5a;
  line-height: 1.7;
}

.teacher-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}

.teacher-tags li {
  margin: 0;
  padding: 6px 13px;
  border-radius: 999px;
  background: #eef3f8;
  border: 1px solid #dbe5ee;
  color: #0b2239;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.3;
}

.teacher-profile-body .btn {
  align-self: flex-start;
  margin-top: auto;
}

.teacher-featured-grid + .teacher-grid {
  margin-top: clamp(28px, 4vw, 44px);
}

@media (max-width: 760px) {
  .teacher-profile-body .btn { align-self: stretch; text-align: center; }
}