/* Saving help is an interface dialog, separate from the draft and Welcome text. */
.generator-saving-dialog {
  box-sizing: border-box;
  position: fixed;
  inset: 5vh 0 auto;
  width: calc(100% - 32px);
  max-width: 560px;
  max-height: 90vh;
  max-height: 90dvh;
  margin: 0 auto;
  padding: 28px;
  overflow-y: auto;
  color: #243746;
  background: #fff;
  border: 1px solid #c9d2dc;
  border-radius: 12px;
  box-shadow: 0 18px 55px #172f4f40;
  font: 18px/1.6 Georgia, "Times New Roman", serif;
}
.generator-saving-dialog::backdrop { background: rgb(23 47 79 / 58%); }
.generator-saving-dialog h2 { margin: 0 44px 18px 0; color: #1f3a5f; font: 700 25px/1.25 Arial, sans-serif; }
.generator-saving-dialog p { margin: 0 0 18px; }
.generator-saving-dialog details { margin: 0 0 22px; }
.generator-saving-dialog summary { cursor: pointer; color: #1f3a5f; font: 600 16px/1.45 Arial, sans-serif; padding: 8px 0; }
.generator-saving-dialog details p { margin: 10px 0 0; }
.generator-saving-dialog button { cursor: pointer; min-height: 44px; border: 1px solid #718397; border-radius: 6px; padding: 10px 15px; color: #1f3a5f; background: #fff; font: 600 15px/1.35 Arial, sans-serif; }
.generator-saving-dialog .generator-saving-dialog-close { position: absolute; right: 14px; top: 14px; width: 44px; padding: 0; border: 0; font-size: 28px; line-height: 1; }
.generator-saving-dialog-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.generator-saving-dialog .generator-saving-dialog-primary { color: #fff; background: #1f3a5f; border-color: #1f3a5f; }
.generator-saving-dialog button:hover { border-color: #1f3a5f; background: #e8eef6; }
.generator-saving-dialog .generator-saving-dialog-primary:hover { background: #172f4f; }
.generator-saving-dialog :is(button, summary, h2):focus-visible { outline: 3px solid #8b4c12; outline-offset: 3px; }
@media (max-width: 600px) {
  .generator-saving-dialog { padding: 22px 20px; }
  .generator-saving-dialog h2 { font-size: 23px; }
  .generator-saving-dialog-actions { flex-direction: column; align-items: stretch; }
}

/* Keep initial title focus available to assistive technology without a visual box.
   Interactive keyboard focus continues to use the existing :focus-visible ring. */
.generator-saving-dialog h2:focus:not(:focus-visible),
.generator-saving-dialog h2[data-programmatic-focus]:focus {outline:none;}