/* Only the selectable result and destination states differ from v3. */
.explorer .connected-result { padding: 0; }
.alternative-button { display: grid; grid-template-columns: 1fr auto; gap: 12px 18px; width: 100%; min-height: 96px; padding: 24px 12px; background: transparent; border: 0; border-radius: 2px; color: #20394b; text-align: left; font: inherit; transition: background .18s, color .18s; }
.alternative-name { line-height: 1.25; }
.alternative-arrow { font-size: 25px; color: #527792; }
.alternative-caption { grid-column: 1 / -1; font-size: 14px; line-height: 1.5; font-weight: 400; letter-spacing: 0; color: #526b7c; }
.alternative-button .appointment { justify-self: start; grid-column: 1 / -1; margin: 0; font-weight: 400; }
.alternative-button:active { background: #d2dfe8; }
.explorer .alternative-button:focus-visible { outline: 2px solid #315773; outline-offset: -2px; background: #e0e8ed; }
.prototype-destination { border-top: 1px solid #36546933; padding: 28px 0; }
.explorer .destination-facet { display: inline-block; border: 1px solid #496d874a; padding: 7px 12px; font-size: 12px; letter-spacing: .16em; color: #355970; }
.destination-context { border-block: 1px solid #36546926; margin: 30px 0 26px; padding: 22px 0; }
.explorer .destination-context > p:first-child { font-size: 14px; color: #617582; }
.explorer .context-pair { font-size: 21px; letter-spacing: -.025em; line-height: 1.4; margin-top: 8px; color: #20394b; }
.explorer .destination-description { font-size: 17px; line-height: 1.65; }
.explorer .prototype-note { font-size: 13px; line-height: 1.6; color: #657580; margin-top: 30px; }
.destination-appointment { display: inline-block; font-size: 12px; letter-spacing: .12em; padding: 8px 10px; border: 1px solid #6d5e3c66; color: #65532d; }
@media (hover: hover) {
  .alternative-button:hover { background: #e0e8ed; color: #0d2c42; }
}
@media (prefers-reduced-motion: reduce) {
  .alternative-button { transition: none; }
}