/* Live mobile reference; all presentation changes stay below 761px. */
@media (max-width: 760px) {
/* Keep Destination in place while typing, with its matching options directly below. */
.mobile-destination { position: relative; width: 100%; min-width: 0; }
.mobile-destination.is-editing > [data-slot="select-trigger"] { visibility: hidden; }
.mobile-destination .mobile-destination-input {
  position: absolute; inset: 0 0 auto; width: 100%; height: var(--destination-input-height, 64px);
  margin: 0; padding: 12px 4px; border: 0; border-radius: 0;
  background: #fffdf8; color: #183e52; font: 500 16px/1.5 var(--font-body);
  outline: 0; box-shadow: inset 0 -2px #407a61;
}
.mobile-destination-input::placeholder { color: #6b7e82; opacity: 1; }
.mobile-destination .mobile-destination-panel {
  position: absolute; z-index: 60; inset: 100% 0 auto; padding: 5px;
  max-height: 220px; overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid #dce6e2; border-radius: 8px;
  background: #fffdf8; box-shadow: 0 8px 24px #092a3c1a;
}
.mobile-destination [role="option"] {
  display: flex; align-items: center; width: 100%; min-height: 42px; padding: 10px 12px;
  border: 0; border-radius: 4px; background: transparent; color: #183e52;
  font: 500 .875rem/1.4 var(--font-body); text-align: left;
}
.mobile-destination [role="option"][hidden],
.mobile-destination [hidden] { display: none; }
.mobile-destination [role="option"]:hover,
.mobile-destination [role="option"].is-active { background: #eaf2ed; }
.mobile-destination [role="option"][aria-selected="true"]::after { content: '✓'; margin-left: auto; padding-left: 8px; color: #407a61; }
.mobile-destination .mobile-destination-empty { padding: 12px; color: #6b7e82; font-size: .875rem; }
.search-segment .mobile-destination { --destination-input-height: 30px; }
.search-segment .mobile-destination-input { padding-block: 2px; }

}