.applications-overview {
  $gap-groups: 0;
  $gap-applications: -3;
  $gap-applications-medium: -1;
  $gap-group-header: -2;

  &.tabbed-content > .nav {
    @include breakpoint("medium") {
      margin-left: 0;
      margin-right: 0;
    }
  }

  @include breakpoint("wide") {
    display: grid;
    grid-template-columns: auto clamp(10%, 35%, 30rem);
    grid-template-areas: "applications profile";
    grid-column-gap: spacing(-1);
    align-items: start;
  }

  &__applications {
    grid-area: applications;

    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: spacing($gap-groups);


    &__group {
      display: grid;
      grid-template-columns: 1fr;
      grid-row-gap: spacing($gap-applications);
      align-items: start;

      @include breakpoint("medium") {
        grid-row-gap: spacing($gap-applications-medium);
      }

      &__header {
        @include content-container;
        margin: 0 spacing($page-padding-side) spacing($gap-applications, $times: -1, $add: spacing($gap-group-header)) spacing($page-padding-side);

        @include breakpoint("medium") {
          margin: 0 0 spacing($gap-applications-medium, $times: -1, $add: spacing($gap-group-header)) 0;
        }

        p {
          line-height: line-height("single");
        }
      }
    }
  }

  &__profile {
    grid-area: profile;
  }
}