<div class="error-banner" role="alert">
  <slot />
</div>

<style>
  .error-banner {
    padding: 10px 12px;
    border: 1px solid var(--color-danger);
    background: rgba(220,38,38,0.08);
    color: var(--color-text);
    border-radius: var(--radius-md);
  }
  @media (prefers-color-scheme: dark) {
    .error-banner { background: rgba(248,113,113,0.12); }
  }
</style>
