@layer components {
  .c-composition-header--editorial-spacing, .c-composition-header--editorial-bar { --gutter: clamp(1rem, 3vw, 2rem); }
  .c-composition-header--editorial-bar.c-composition-container { padding-block: 0; max-inline-size: calc(var(--wa-content-width) + var(--gutter) * 2); }
  .c-composition-header--editorial-bar { display: grid; grid-template-columns: minmax(10rem, auto) minmax(0, 1fr) auto; align-items: center; gap: clamp(1rem, 2.5vw, 2rem); }
  .c-composition-header--editorial-bar > * { min-inline-size: 0; }
  .c-composition-header--editorial-bar > .c-composition-navigation { padding-block: 0; justify-self: end; }
  .c-composition-header--editorial-bar > .c-composition-navigation > .c-composition-navigation__items { --cluster-gap: clamp(.7rem, 1.6vw, 1.5rem); justify-content: flex-end; }
  .c-composition-header--editorial-bar > :last-child:not(.c-composition-navigation) { --cluster-gap: 1rem; align-items: center; }
  .c-composition-header--editorial-bar .c-component-link--gradient-navigation { display: inline-flex; align-items: center; min-block-size: 2.8rem; padding-block: 0; }
  @media (max-width: 68rem) {
    .c-composition-header--editorial-bar { grid-template-columns: minmax(0, 1fr) auto auto; }
    .c-composition-header--editorial-bar > .c-composition-navigation--wide-tray { position: static; }
    .c-composition-header--editorial-bar .c-composition-navigation--wide-tray.is-enhanced > .c-composition-navigation__items { justify-content: flex-start; }
  }
  @media (max-width: 50rem) {
    .c-composition-header--editorial-bar.c-composition-header--roomy { min-block-size: 5.2rem; }
  }
  @media (max-width: 38rem) {
    .c-composition-header--editorial-bar.c-composition-container { grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 1rem; padding-block: .5rem; }
    .c-composition-header--editorial-bar > :last-child:not(.c-composition-navigation) { grid-column: 1 / -1; justify-content: space-between; }
    .c-composition-header--editorial-bar .c-composition-navigation--wide-tray.is-enhanced > .c-composition-navigation__items { max-block-size: calc(100dvh - 8rem); }
  }
}