.fizz-layout-one-col-title-bar {
  > [data-grid-area="title-bar"] {
    grid-area: title-bar;
    background-color: $color-background-brand-secondary;
    color: $color-text-inverse;
    > .fizz-container {
      padding: $spacing-4 $spacing-16 $spacing-24 $spacing-16;
    }
  }
  > [data-grid-area="main"]  {
    grid-area: main;
    margin-top: -#{$spacing-32};
  }
}

@media (min-width: $breakpoint-m) {
  .fizz-layout-one-col-title-bar {
    > [data-grid-area="main"] > .fizz-container {
      grid-template-columns: 3fr 2fr;
      gap: $spacing-16;
    }
  }
}