@layer overrides {
  .skip-link {
    background: var(--color-text);
    color: var(--color-surface);
    left: var(--space-gutter);
    padding: var(--space-2) var(--space-3);
    position: absolute;
    top: 0;
    transform: translateY(-150%);
    z-index: 10;
  }

  .skip-link:focus {
    transform: translateY(0);
  }

  .empty-state {
    border-bottom: var(--border-default);
    padding: var(--space-9) 0;
    text-align: center;
  }

  .flash {
    background: var(--color-text);
    color: var(--color-surface);
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    margin: 0;
    padding: 10px var(--space-gutter);
    text-align: center;
  }

  .flash--alert {
    background: var(--color-danger);
  }
}