.public-active-course .learner-main {
  width: min(1320px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 1rem 0 2rem;
}
.public-active-course .approved-course__hero h1 { max-width: 23ch; }
.public-active-course .public-active-course__access { font-size: .9rem; }
.public-active-course .public-active-course__complete-time { font-size: .85rem; }
.public-active-unlock { margin: 1.5rem 0; }
.public-active-unlock .pilot-action {
  display: inline-flex; align-items: center; min-height: 44px;
  margin: .5rem 1rem .5rem 0; padding: .65rem 1rem;
  border-radius: .65rem; background: #19396a; color: #fff;
  font-weight: 700; text-decoration: none;
}
.public-active-unlock .pilot-action:hover { background: #112b53; }
.public-active-unlock .pilot-action:focus-visible { outline: 3px solid #b76800; outline-offset: 3px; }
.public-active-unlock__login { display: inline-block; margin: .5rem 0; }
.public-active-unlock p { max-width: 75ch; line-height: 1.7; }
@media (max-width: 600px) {
  .public-active-course .learner-main { width: calc(100% - 1.25rem); }
  .public-active-course .header-nav { gap: .6rem; flex-wrap: wrap; }
  .public-active-course .site-header__inner { gap: .75rem; flex-wrap: wrap; }
  .public-active-course .approved-course__hero h1 { font-size: clamp(1.85rem, 7.5vw, 2.4rem); }
}