/* Keep the buyer readable when the editor actions need another row.
   A separate asset also updates clients with an immutable cached home.css. */
.contracts-editor-modal__head-top {
  flex-wrap: wrap;
}

.contracts-editor-modal__head-title {
  flex: 1 1 20rem;
  min-width: 0;
  max-width: 100%;
}

.contracts-editor-modal__head-meta {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.contracts-editor-modal__head-main {
  flex-wrap: wrap;
  flex: 0 1 auto;
  max-width: 100%;
}

@media (max-width: 560px) {
  .contracts-editor-modal__head-title {
    flex-basis: auto;
  }
}