.pending {
  border-left:3px solid var(--color-warning);
  padding:1rem 1.25rem;
  background:var(--color-bg-soft);
  margin-top:1.5rem;
  max-width:100%
}
.pending strong {
  display:block;
  color:var(--color-warning);
  font-size:var(--font-size-sm)
}
.pending p {
  margin-top:.35rem;
  color:var(--color-muted)
}
.pending code {
  display:block;
  font-size:.8rem;
  overflow-wrap:anywhere;
  color:var(--color-muted);
  margin-top:.5rem
}
.empty-state {
  border-block:1px solid var(--color-border);
  padding:2rem 0;
  max-width:var(--content-max)
}
.empty-state p {
  color:var(--color-muted);
  margin-top:.7rem
}
.empty-state .pending {
  margin-top:1rem
}
.error-code {
  font-size:clamp(5rem,16vw,9rem);
  line-height:1;
  color:var(--color-border);
  font-weight:700;
  margin-bottom:1rem
}