.header-account {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0.65rem 1rem !important;
  border: 1px solid currentColor !important;
  border-radius: 999px;
  font-size: clamp(0.82rem, 1vw, 0.95rem) !important;
  font-weight: 700 !important;
  line-height: 1.2;
  opacity: 1 !important;
  white-space: nowrap;
}

.reference-footer,
.footer {
  font-size: 16px !important;
  line-height: 1.8 !important;
}

.reference-footer a,
.reference-footer p,
.reference-footer span,
.reference-footer small,
.footer a,
.footer p,
.footer span,
.footer small {
  font-size: max(0.9rem, 14px) !important;
  line-height: 1.8 !important;
  opacity: 0.88 !important;
}

.reference-footer b,
.reference-footer strong,
.footer b,
.footer strong {
  font-size: max(1rem, 16px) !important;
  line-height: 1.55 !important;
}

@media (max-width: 760px) {
  .header-account {
    min-height: 38px;
    padding: 0.55rem 0.75rem !important;
    font-size: 0.78rem !important;
  }

  .reference-footer,
  .footer {
    font-size: 15px !important;
  }
}

/* Keep uploaded artwork centered whenever a fixed-ratio frame crops it. */
.course-card-cover img,
.academy-course-cover img,
.course-detail-cover img {
  object-position: center center !important;
}

.course-card-cover img,
.academy-course-cover img,
.course-detail-cover img {
  object-fit: contain !important;
  object-position: center center !important;
}

.course-card-cover,
.academy-course-cover,
.course-detail-cover {
  background: #111 !important;
}

/* Portrait-friendly course artwork frame; the full image remains visible. */
.course-card-cover,
.academy-course-cover {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 5 !important;
}

.course-detail-cover {
  position: relative !important;
  width: min(100%, 640px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 4 / 5 !important;
  margin-inline: auto !important;
}