/* Demo-only portrait sizing and framing. */
.case-overview-student {
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 24px !important;
}
.case-overview-student .student-photo-wrap {
  width: 240px !important;
  height: 300px !important;
  min-height: 300px !important;
  aspect-ratio: 4 / 5;
  border-radius: 12px !important;
  background: #e8edf3 !important;
  box-shadow: 0 4px 14px rgba(18, 48, 88, .08);
}
.case-overview-student .student-photo-wrap img,
.student-master-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}
.student-master-card {
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 26px !important;
}
.student-master-photo {
  width: 240px !important;
  height: 300px !important;
  min-height: 300px !important;
  border-radius: 12px !important;
}
@media (max-width: 1120px) {
  .case-overview-student {
    grid-template-columns: 210px minmax(0, 1fr) !important;
  }
  .case-overview-student .student-photo-wrap {
    width: 210px !important;
    height: 263px !important;
    min-height: 263px !important;
  }
}
@media (max-width: 700px) {
  .case-overview-student,
  .student-master-card {
    grid-template-columns: 1fr !important;
  }
  .case-overview-student .student-photo-wrap,
  .student-master-photo {
    width: 180px !important;
    height: 225px !important;
    min-height: 225px !important;
  }
}