/* A notice (src/notice.rs): what something will do before it is done, in the flag's yellow on its
   rim. Square, cut from the shell. */
.notice {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding: var(--space-3);
  border: var(--hairline) solid var(--color-flag-rule);
  background: var(--color-flag);
  color: var(--color-flag-ink);
  font-size: var(--text-sm);
}

.notice-soft {
  background: var(--color-flag-soft);
  color: var(--color-ink);
  font-size: var(--text-quiet);
}

.notice-heading {
  font-weight: var(--weight-display);
}