.error-display {
  background: rgba(155, 74, 38, 0.18);
  border: 1px solid rgba(224, 122, 99, 0.45);
  border-radius: 14px;
  color: var(--cream);
  margin-bottom: var(--space-lg);
  padding: var(--space-md);

  & h2 {
    color: var(--down);
    font-family: var(--font-display);
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 var(--space-sm) 0;
  }

  & ul {
    margin: 0;
    padding-left: 1.1em;
    list-style: disc;
  }

  & li {
    margin: 0 0 var(--space-xs);
    color: var(--cream-dim);
    font-size: 15px;
    line-height: 1.45;

    &:last-child {
      margin-bottom: 0;
    }

    &::marker {
      color: var(--down);
    }
  }
}