/* Scoped styles for private correction requests. */
.edf-artwork-host {
  box-sizing: border-box;
  width: min(1120px, calc(100% - 32px));
  margin: 2rem auto;
  padding: 0 20px;
  border: 1px solid #c9c4b9;
  border-radius: 8px;
  background: #f7f4ed;
  color: #24332f;
}
.edf-artwork-host .edf-feedback { margin: 0; border-top: 0; }
.edf-feedback {
  margin: 2.5rem 0 1rem;
  border-top: 1px solid #ded9cf;
  color: #24332f;
  font: inherit;
}
.edf-feedback [hidden] { display: none !important; }
.edf-feedback .edf-summary {
  min-height: 44px;
  padding: .8rem .25rem;
  cursor: pointer;
  font-size: .95rem;
  font-weight: 600;
  color: #5d665f;
}
.edf-feedback[open] .edf-summary { color: #24332f; }
.edf-feedback .edf-surface {
  max-width: 48rem;
  padding: .5rem 0 1.25rem;
}
.edf-feedback .edf-intro,
.edf-feedback .edf-gate p { line-height: 1.65; }
.edf-feedback .edf-target {
  font-size: .9rem;
  overflow-wrap: anywhere;
  color: #5d665f;
}
.edf-feedback .edf-fields {
  display: grid;
  gap: .65rem;
  margin: 1rem 0 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.edf-feedback .edf-label { display: grid; gap: .5rem; font-weight: 600; }
.edf-feedback .edf-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 8rem;
  padding: .85rem;
  border: 1px solid #b6bdb7;
  border-radius: .35rem;
  background: #fff;
  color: #24332f;
  font: inherit;
  font-weight: 400;
  line-height: 1.6;
  resize: vertical;
}
.edf-feedback .edf-input[aria-invalid="true"] { border-color: #9a322b; }
.edf-feedback .edf-hint,
.edf-feedback .edf-counter { color: #5d665f; font-size: .85rem; line-height: 1.5; }
.edf-feedback .edf-counter { text-align: right; }
.edf-feedback .edf-button {
  justify-self: start;
  min-height: 44px;
  padding: .65rem 1rem;
  border: 1px solid #24332f;
  border-radius: .35rem;
  background: #24332f;
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.edf-feedback .edf-button:disabled,
.edf-feedback fieldset:disabled .edf-button { cursor: wait; opacity: .65; }
.edf-feedback .edf-account-links { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.edf-feedback .edf-link { display: inline-flex; align-items: center; min-height: 44px; color: #68442c; text-underline-offset: .2em; }
.edf-feedback .edf-status { line-height: 1.6; overflow-wrap: anywhere; }
.edf-feedback .edf-status:empty { margin: 0; }
.edf-feedback .edf-status[data-tone="error"] { color: #9a322b; }
.edf-feedback .edf-status[data-tone="success"] { color: #275943; }
.edf-feedback .edf-status .edf-button { margin: .5rem 0 0 .5rem; }
.edf-feedback :is(summary, a, button, textarea):focus-visible { outline: 3px solid #9c6e31; outline-offset: 3px; }
@media (max-width: 560px) {
  .edf-feedback { margin-top: 2rem; }
  .edf-feedback .edf-button { width: 100%; }
  .edf-feedback .edf-status .edf-button { margin-left: 0; }
}