/* The live composer of the door hero (DoorHero.astro): a real field where the reference had
 * a placeholder paragraph, and a submit button where it had a span. A static file, linked
 * by the layouts, so the shared bundle every page links stays byte-identical (see
 * campaign.css for why that matters). */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
/* the card is white (lab.css): the field takes the card's colours, not the dark hero's */
.door-composer-input {
  display: block; width: 100%; box-sizing: border-box;
  margin: 0 0 14px; padding: 0; border: 0; outline: 0;
  background: transparent; color: #1a1a1f;
  font: inherit; font-size: .95rem; line-height: 1.45;
  -webkit-appearance: none; appearance: none;
}
.door-composer-input::placeholder { color: #8a8a92; opacity: 1; }
.door-composer:focus-within .intent-composer-card {
  box-shadow: 0 18px 44px rgba(0, 0, 0, .12), 0 0 0 3px rgba(255, 204, 0, .45);
}
/* no attach button any more: the arrow sits on the right on its own */
.door-composer-bar { display: flex; align-items: center; justify-content: flex-end; }
.door-composer-submit {
  padding: 0; border: 0; font: inherit; cursor: pointer;
  -webkit-appearance: none; appearance: none;
}