.queal-guide-widget {
  margin-block: 2rem;
  padding-block: 1.5rem;
  border-block: 2px solid #00aeb2;
  color: #10272a;
  font: inherit;
  max-width: 100%;
}
.queal-guide-widget label,
.queal-guide-widget caption { font-weight: 700; color: #004949; }
.queal-guide-country { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.queal-guide-widget select { max-width: 100%; border: 1px solid #536669; border-radius: 0; padding: .7rem; font: inherit; background: #fbfcfa; color: #10272a; }
.queal-guide-widget button { padding: .8rem 1rem; border: 0; border-radius: 0; background: #ff9a2c; color: #10272a; font: inherit; font-weight: 700; cursor: pointer; }
.queal-guide-widget button[hidden] { display: none; }
.queal-guide-widget button:disabled { cursor: wait; opacity: .7; }
.queal-guide-widget :focus-visible { outline: 3px solid #004949; outline-offset: 3px; }
.queal-guide-note { color: #536669; font-size: .9em; line-height: 1.5; margin-block: .75rem; }
.queal-guide-table-wrap { overflow-x: auto; margin-block: 1.25rem; }
.queal-guide-widget table { width: 100%; border-collapse: collapse; font-size: .95em; }
.queal-guide-widget caption { text-align: left; padding-block-end: .75rem; }
.queal-guide-widget th,
.queal-guide-widget td { text-align: left; padding: .8rem .65rem; border: 0; border-bottom: 1px solid #ccd4d9; white-space: nowrap; }
.queal-guide-widget thead { background: #f6f7f4; }
.queal-guide-prompt textarea { display: block; width: 100%; box-sizing: border-box; resize: vertical; margin-block: 1rem; border: 1px solid #536669; border-radius: 0; padding: 1rem; background: #fbfcfa; color: #10272a; font: inherit; font-size: .95em; line-height: 1.6; }
@media (max-width: 40rem) {
  .queal-guide-country { align-items: stretch; }
  .queal-guide-country label { flex-basis: 100%; }
  .queal-guide-country select { flex: 1 1 10rem; min-width: 0; }
}