@media (min-width: 1041px) {
  .category-nav .category-nav-inner {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: clamp(.5rem, 1.5vw, 1.5rem);
  }

  .category-nav a {
    flex: 1 1 auto;
    justify-content: center;
    padding-inline: .72rem;
    font-size: .82rem;
  }

  .category-nav .category-menu {
    flex: 0 0 auto;
  }
}

main.page-shell.section {
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
}

main.page-shell.section > .breadcrumb {
  padding-top: 0;
}

main.page-shell.section > .learning-entry h1 {
  max-width: 760px;
  font-size: clamp(2.6rem, 5.2vw, 4.8rem);
  line-height: 1;
}

@media (max-width: 760px) {
  .header-main {
    gap: .65rem;
  }

  .header-main .brand {
    gap: .55rem;
  }

  .header-main .brand-copy strong {
    overflow: visible;
    font-size: .88rem;
    line-height: 1.05;
    text-overflow: clip;
    white-space: normal;
  }

  .header-main .header-action {
    padding-inline: .65rem;
  }

  main.page-shell.section > .learning-entry h1 {
    font-size: clamp(2.35rem, 12vw, 3.45rem);
  }
}