.tripin-hint-slot { min-width: 0; min-height: 1px; width: 100%; }
.tripin-hint[hidden] { display: none !important; }
.tripin-hint { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: .65rem 1rem; width: 100%; margin: .6rem 0; padding: .85rem 1rem; border: 1px solid #c6ded7; border-radius: 16px; background: #f0f7f4; color: #193f36; text-align: left; }
.tripin-hint-copy { flex: 1 1 230px; min-width: 0; }
.tripin-hint-copy strong { font-size: .92rem; line-height: 1.35; }
.tripin-hint-copy p { margin: .25rem 0 0; font-size: .85rem; line-height: 1.45; overflow-wrap: anywhere; }
.tripin-hint-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.tripin-hint-actions a, .tripin-hint-actions button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .5rem .8rem; border-radius: 12px; font: inherit; font-size: .85rem; font-weight: 650; cursor: pointer; }
.tripin-hint .tripin-hint-actions a { background: #204f42; color: #fff !important; text-decoration: none; }
.tripin-hint-actions button { border: 1px solid #a1c2b7; background: transparent; color: #193f36; }
.tripin-hint-actions :focus-visible { outline: 3px solid #9b650c; outline-offset: 3px; }
/* Cards remain in document flow; full-screen maps keep their existing controls. */
body.explore-fullscreen-map-open .tripin-hint-slot { display: none; }
@media (max-width: 600px) {
  .tripin-hint-copy { flex-basis: 100%; }
}