.steward-feedback {
  position: fixed;
  inset-block-end: 1rem;
  inset-inline-end: 1rem;
  z-index: 2147483647;
  padding: 0.6rem 1rem;
  border: 2px solid #161514;
  border-radius: 0;
  background: #b8330a;
  color: #ffffff;
  font: 600 1rem/1.2 ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    sans-serif;
  text-decoration: none;
  box-shadow: 3px 3px 0 #161514;
}

.steward-feedback:hover,
.steward-feedback:focus-visible {
  background: #161514;
  outline: 2px solid #b8330a;
  outline-offset: 2px;
}

@media print {
  .steward-feedback {
    display: none;
  }
}

.steward-dialog {
  max-inline-size: 32rem;
  inline-size: calc(100% - 2rem);
  padding: 1.5rem;
  border: 2px solid #161514;
  background: #f6f3ec;
  color: #161514;
}

.steward-dialog::backdrop {
  background: rgb(22 21 20 / 0.4);
}

.steward-dialog__title {
  margin-block-start: 0;
}

.steward-dialog__actions {
  display: flex;
  gap: 1rem;
  align-items: baseline;
}

.steward-dialog__close {
  background: transparent;
  color: #161514;
}