/* Shared portraits: a small frame and a consistent crop of Angelika's photo. */
.instructor-photo {
  display: block;
  flex: 0 0 auto;
  width: 64px;
  height: 80px;
  overflow: hidden;
  border-radius: 8px;
}
.instructor-photo .instructor-photo-picture {
  display: block;
  width: 100%;
  height: 100%;
}
.instructor-photo img,
.instructor-photo .instructor-photo-picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 56% center;
}
.footer-instructor {
  display: flex;
  align-items: center;
  gap: 16px;
  width: fit-content;
  max-width: 100%;
  margin-top: 24px;
}
.instructor-caption { min-width: 0; }
.footer-instructor strong,
.footer-instructor small { display: block; }
.footer-instructor strong { color: #f4f6fb; font-size: 15px; line-height: 1.4; }
.footer-instructor small { margin-top: 5px; color: #aab5ca; font-size: 12px; line-height: 1.5; }
.auth-page .footer-instructor strong { color: var(--auth-ink, #17302e); }
.auth-page .footer-instructor small { color: #4c625f; }
.lesson-instructor {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  color: var(--player-text);
}
.lesson-instructor .instructor-photo { width: 48px; height: 60px; }
.lesson-instructor strong,
.lesson-instructor small { display: block; }
.lesson-instructor strong { font-size: 13px; }
.lesson-instructor small { color: var(--player-muted); font-size: 12px; }