/* PSY UI compact v2.3: presentation only. Preserve navigation, lessons,
   enrollment enforcement, player, video delivery and account actions. */

/* Desktop profile menu floats above content. Reserve its right-hand area for
   the first heading and its nearby metadata, on every updated page. */
@media (min-width: 1051px) {
  .main .content .psy-top-safe {
    padding-right: 225px;
    box-sizing: border-box;
  }
}

.main .content .psy-catalog-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 19px;
}
.main .content .psy-catalog-header .pagetitle {
  margin: 0;
}
.psy-catalog-header .meta {
  white-space: nowrap;
}

.main .content .psy-course-top {
  margin: 0 0 16px;
}
.main .content .psy-course-top .pagetitle {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
}
.main .content .psy-course-facts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 17px;
  row-gap: 7px;
  margin-top: 11px;
  font-size: 13px;
  line-height: 1.4;
  color: #597466;
}
.main .content .psy-course-facts .pill {
  flex-shrink: 0;
}

.main .content .psy-profile-top {
  margin-bottom: 14px;
}
.main .content .psy-profile-top .pagetitle {
  margin-top: 0;
}
.main .content .psy-profile-top .pagesub {
  margin: 4px 0 0;
}

@media (max-width: 1050px) {
  .main .content .psy-top-safe { padding-right: 0; }
}
@media (max-width: 740px) {
  .main .content .psy-catalog-header { gap: 9px; margin-bottom: 15px; }
  .main .content .psy-course-top { margin-bottom: 13px; }
  .main .content .psy-course-facts { column-gap: 10px; }
}