/* A flash message is one title-block cell: a label over its value. */
@layer components {
  .flash {
    padding: calc(var(--block-space) * 0.5) calc(var(--inline-space) * 2);
    border-block-end: var(--rule-width) solid var(--color-rule);
  }

  .flash__value {
    font-weight: var(--weight-bold);
  }
}