.interest-button,
.script-notice {
  position: fixed;
  bottom: max(24px, env(safe-area-inset-bottom));
  left: 50%;
  transform: translateX(-50%);
}

.interest-button,
#application-dialog button {
  padding: 12px 20px;
  border: 1px solid #392d26;
  border-radius: 6px;
  background: #392d26;
  color: #fff;
  font: 600 16px/1.4 system-ui, sans-serif;
  cursor: pointer;
}

.interest-button { white-space: nowrap; }
.script-notice { background: #eae0d0; padding: 8px; }

#application-dialog {
  box-sizing: border-box;
  width: min(480px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  padding: 24px;
  border: 1px solid #392d26;
  border-radius: 8px;
  background: #faf7f1;
  color: #241b18;
  font: 16px/1.5 system-ui, sans-serif;
  overflow-y: auto;
}

#application-dialog::backdrop { background: rgb(0 0 0 / 45%); }
#application-dialog h1 { margin: 8px 0 20px; font-size: 26px; }
#application-dialog .close-button { float: right; background: transparent; color: #392d26; }
#application-dialog fieldset { border: 0; padding: 0; margin: 0; }
#application-dialog legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#application-dialog label { display: block; margin: 12px 0 4px; }
#application-dialog input {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: 1px solid #817365;
  border-radius: 4px;
  font: inherit;
  background: #fff;
  color: #241b18;
}

#application-dialog :focus-visible,
.interest-button:focus-visible { outline: 3px solid #795931; outline-offset: 3px; }
#submit-application { margin-top: 20px; }
#application-dialog button:disabled { opacity: 0.65; cursor: wait; }
#application-error { color: #8b1c1c; }
