/* Delete-account page only: the draft-an-email form. Uses tokens from site.css. */
.request-js { display: none; }
.js .request-js { display: block; }
.request { display: grid; gap: var(--s4); padding: var(--s5); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--fog); }
.request__field { display: grid; gap: var(--s1); }
.request label { font-weight: 600; color: var(--ink); }
.request input,
.request textarea {
  width: 100%;
  font: inherit;
  color: var(--ink);
  background: var(--ground);
  border: 1px solid var(--line-strong);
  border-radius: var(--r-md);
  padding: 12px var(--s3);
  min-height: 48px;
}
.request textarea { min-height: 112px; resize: vertical; }
.request input:focus-visible,
.request textarea:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.request__hint { color: var(--whisper); font-size: .9375rem; }
.request__status { display: none; padding: var(--s2) var(--s3); border-radius: var(--r-md); border: 1px solid var(--line-strong); color: var(--ink); background: var(--ground); }
.request__status.is-visible { display: block; }
.request .btn { justify-self: start; }
@media (max-width: 480px) { .request { padding: var(--s4); } .request .btn { justify-self: stretch; } }