/* Listing-type context on property suggestions; content stays secondary to the
   existing two-line property name and location treatment. */
.tsf-location-item .tsf-search-item__listing-type {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 42%;
  margin-left: auto;
  padding: 3px 7px;
  border: 1px solid rgba(0, 79, 77,  0.14);
  border-radius: 999px;
  background: rgba(0, 79, 77, 0.045);
  color: #466c69;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  flex-shrink: 1;
}

.search-routing-notice {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px 5px;
  max-width: 100%;
  margin: 8px 0;
  padding: 8px 11px;
  border: 1px solid rgba(0, 79, 77, 0.12);
  border-radius: 7px;
  background: #f4f8f7;
  color: #526b69;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.search-routing-notice a {
  color: #145f5b;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}

.search-routing-notice a:focus-visible {
  outline: 2px solid #145f5b;
  outline-offset: 2px;
  border-radius: 2px;
}

@media (max-width: 360px) {
  .tsf-location-item .tsf-search-item__listing-type {
    max-width: 38%;
    padding: 3px 5px;
    font-size: 9px;
  }

  .search-routing-notice {
    padding: 7px 9px;
  }
}