/* The audit door. Reading someone's existing head is a detour from writing a new
   one, so it happens over the workbench rather than in it: the form stays exactly
   where it was, and one Escape puts the user back. */
.import-dialog {
  width: min(580px, calc(100% - 28px));
  max-block-size: min(88dvh, 780px);
  padding: 0;
  overflow: auto;
  color: var(--ink);
  background: var(--paper-light);
  border: 1px solid var(--ink);
  box-shadow: 9px 9px 0 var(--ink);
}

/* Dark enough that the workbench reads as parked, not as still editable. */
.import-dialog::backdrop {
  background: rgba(23, 23, 20, 0.52);
}

.import-dialog form {
  padding: 26px;
}

.import-dialog .section-number {
  margin-bottom: 9px;
}

.import-dialog h2 {
  margin: 0 0 12px;
  font: 700 clamp(24px, 4vw, 30px)/1.12 var(--display);
  letter-spacing: -0.032em;
}

.import-hint {
  max-width: 48ch;
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

/* Mono, because what goes in here is markup and should look like markup. */
.import-dialog textarea {
  min-height: 188px;
  font: 12px/1.65 var(--mono);
}

.import-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 18px;
}

.import-actions .copy-button {
  min-width: 0;
  justify-content: center;
}

/* What the paste could not carry, said once and left on the page. The score below
   reports what is missing; this reports what was already wrong before we read it. */
.import-notes {
  display: grid;
  gap: 8px;
  margin: 0 0 22px;
  padding: 15px 17px;
  background: rgba(255, 90, 54, 0.09);
  border-left: 3px solid var(--orange);
  font-size: 12px;
  line-height: 1.5;
  list-style: none;
}

.import-notes[hidden] {
  display: none;
}

.import-notes:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 3px;
}

@media (max-width: 680px) {
  .import-dialog form {
    padding: 20px 17px;
  }

  .import-dialog textarea {
    min-height: 150px;
  }

  .import-notes {
    margin-bottom: 18px;
    padding: 13px 14px;
    font-size: 11.5px;
  }
}