@layer components { .c-component-page__header:empty, .c-component-page__footer:empty { display: none; } }

@layer components {
  .c-component-page__skip { position: fixed; z-index: calc(var(--z-modal) + 1); inset-inline-start: var(--gutter); inset-block-start: var(--space-3); padding: var(--space-3) var(--space-4); background: var(--wa-color-inverse); color: var(--wa-color-on-inverse); border-radius: var(--wa-radius-control); transform: translateY(-200%); }
  .c-component-page__skip:empty { display: none; }
  .c-component-page__skip:focus-visible { transform: translateY(0); color: var(--wa-color-on-inverse); }
}