.info-dialog {
  width: min(620px, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  padding: 0;
  overflow: hidden;
  border: 3px solid #b96600;
  border-radius: var(--radius);
  background: var(--orange);
}

.info-header {
  padding: 0.8rem 1rem;
  background: #b96600;
}

.info-content {
  max-height: calc(100vh - 12rem);
  overflow: auto;
  padding: 0.8rem 1rem;
}

.info-content p {
  margin: 0.65rem 0;
  font-size: 1.05rem;
}

.info-footer {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background: #c66f05;
}