/*
 * The owner's notice over every page (`shared/_site_notice`): a line on the
 * paper under a rule in its tone, like a flash but for everybody — green for
 * news, amber for something in the reader's way.
 */
@layer components {
  .site-notice {
    margin-block-end: var(--space-md);
    padding-block: var(--space-sm);
    border-block: 2px solid var(--color-accent);
    border-block-end: var(--rule-hairline);
    color: var(--color-ink);
    font-size: var(--text-ui);
  }

  .site-notice--warning {
    border-block-start-color: var(--color-warn);
    color: var(--color-warn);
  }
}