@layer components {
  @media (max-width: 68rem) {
    .c-composition-navigation--wide-tray { position: static; }
    .c-composition-navigation--wide-tray.is-enhanced .c-composition-navigation__items {
      position: absolute; inset-block-start: 100%; inset-inline: 0; z-index: 20; inline-size: auto;
      max-block-size: 70dvh; overflow-y: auto; flex-direction: column; align-items: stretch;
      padding: var(--space-4) var(--gutter); background: var(--wa-color-surface); color: var(--wa-color-text);
      border: var(--wa-border-width) solid var(--wa-color-border); border-radius: 0; box-shadow: var(--wa-shadow-level);
    }
    .c-composition-navigation--wide-tray.is-enhanced .c-composition-navigation__items a { white-space: normal; }
  }
}