.tama-global-service-search [hidden] { display: none !important; }
.tama-service-search__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #a4bfba;
  scroll-margin-top: 104px;
}
.tama-service-search__intro > div { text-align: center; }
.tama-service-search__intro > div > p { max-width: 65ch; margin-inline: auto; }
.tama-service-search__form { width: 100%; min-width: 0; }
.tama-service-search__intro h2 {
  margin: 0 0 12px;
  color: #183e3b;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  line-height: 1.15;
}
.tama-service-search__intro p, .tama-service-search__hint {
  margin: 0;
  color: #4a625e;
  font-size: .875rem;
  line-height: 1.65;
}
.tama-service-search__form label {
  display: block;
  margin-bottom: 10px;
  color: #183e3b;
  font-size: .875rem;
  font-weight: 650;
}
.tama-service-search__field {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 58px;
  border: 1px solid #53766f;
  background: #fff;
}
.tama-service-search__field > svg {
  position: absolute;
  left: 18px;
  width: 22px;
  height: 22px;
  color: #0c6066;
  pointer-events: none;
}
.tama-service-search__field input {
  width: 100%;
  min-width: 0;
  min-height: 58px;
  padding: 15px 58px 15px 52px;
  border: 0;
  background: transparent;
  color: #183e3b;
  font: inherit;
  font-size: 1rem;
  line-height: 1.5;
  appearance: none;
}
.tama-service-search__field input::placeholder { color: #536661; opacity: 1; }
.tama-service-search__field input::-webkit-search-cancel-button { appearance: none; }
.tama-service-search__field:focus-within { outline: 2px solid #0c6066; outline-offset: 3px; }
.tama-service-search__clear {
  position: absolute;
  right: 6px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: #183e3b;
  cursor: pointer;
}
.tama-service-search__clear svg { width: 20px; height: 20px; }
.tama-service-search__clear:hover { background: #e7f1ef; }
.tama-service-search__form .tama-service-search__hint { margin-top: 12px; }
.tama-service-search__count { margin: 0 0 16px; color: #4a625e; font-size: .875rem; }
.tama-service-search__list { margin: 0; padding: 0; list-style: none; }
.tama-service-search__result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  gap: 24px;
  padding: 24px;
  border-bottom: 1px solid #a4bfba;
  background: #fff;
  color: #183e3b;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.tama-service-search__result:hover { background: #e7f1ef; }
.tama-service-search__type { display: block; margin-bottom: 8px; color: #0c6066; font-size: .75rem; font-weight: 650; }
.tama-service-search__result .tama-service-search__title { margin: 0; font-size: clamp(1.125rem, 1.7vw, 1.375rem); line-height: 1.35; }
.tama-service-search__path { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 10px 0 0; padding: 0; list-style: none; color: #4a625e; font-size: .8125rem; line-height: 1.5; }
.tama-service-search__path li + li::before { content: "/"; margin-right: 10px; }
.tama-service-search__snippet { max-width: 90ch; margin: 12px 0 0; color: #4a625e; font-size: .875rem; line-height: 1.65; }
.tama-service-search__result mark { background: #f2e1b2; color: #183e3b; }
.tama-service-search__arrow { align-self: center; color: #0c6066; font-size: 1.5rem; }
.tama-service-search__more { min-height: 48px; margin-top: 24px; padding: 12px 24px; border: 1px solid #0c6066; background: #0c6066; color: #fff; font: inherit; font-size: .875rem; font-weight: 650; cursor: pointer; }
.tama-service-search__more:hover { background: #183e3b; }
.tama-service-search__empty { padding: 32px 24px; border: 1px solid #a4bfba; background: #fff; color: #183e3b; }
.tama-service-search__empty strong { display: block; font-size: 1.125rem; }
.tama-service-search__empty p { margin: 8px 0 0; color: #4a625e; font-size: .875rem; }
.tama-global-service-search :is(input, button, a):focus-visible, .tama-catalog-search-link:focus-visible { outline: 2px solid #0c6066; outline-offset: 4px; }
.tama-catalog-search-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-bottom: 24px; color: #0c6066; font-size: .875rem; font-weight: 650; text-decoration: underline; text-underline-offset: 4px; }
.tama-catalog-search-link svg { width: 18px; height: 18px; }
.tama-capability-cards article[id^="tama-detail-"] { scroll-margin-top: 104px; }
.tama-capability-cards article[id^="tama-detail-"]:target { outline: 3px solid #0c6066; outline-offset: 4px; background: #e7f1ef; opacity: 1 !important; transform: none !important; }
@media (max-width: 820px) {
  .tama-service-search__intro { gap: 24px; }
}
@media (max-width: 560px) {
  .tama-service-search__intro { padding-bottom: 24px; margin-bottom: 24px; }
  .tama-service-search__result { padding: 20px 16px; gap: 12px; grid-template-columns: minmax(0, 1fr) 24px; }
  .tama-service-search__more { width: 100%; }
}