.quota-two-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(35%, 45%, 30rem);
    grid-template-areas: "status dates";
    grid-column-gap: spacing(-1);
    align-items: start;
  }

  &__status {
    grid-area: status;

    @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");
      }
    }
  }
  

  &__dates {
    grid-area: dates;
  }
}