/* Tab strips. Shipped with assets/js/tabs.js, and enqueued wherever that is.
 *
 * These rules used to live in home.css, which loads on the front page only.
 * The moment the contact page reused the tab strip, its chips rendered as
 * bare text - a component whose stylesheet is scoped to one surface is a
 * component that silently breaks on the second one. The same mistake sent
 * the search forms out unstyled earlier in this line of work.
 *
 * Panels are all visible until the script adds .is-enhanced, so with no
 * JavaScript this is a stack of working forms rather than hidden ones. */
/* ---- Home search entry --------------------------------------------------- */
/* Panels are all visible until the script says otherwise: without JavaScript
   this is five stacked forms that all work, not five hidden ones. */
.thh-search{background:linear-gradient(180deg,#fff,#fffaf0)}
/* The brand values this component uses, declared HERE.
   They are also declared in home.css, which loads on the front page only - so
   relying on them made the active tab resolve to `transparent` on the contact
   page, where those custom properties simply do not exist. A shared component
   cannot depend on another surface's tokens. */
.thh-search__panel{--thh-tab-navy:#083f78;--thh-tab-gold:#f6a800;--thh-tab-line:#dce6ed}
.thh-search__panel{margin-block-start:28px;padding:22px;border:1px solid var(--thh-tab-line);border-radius:24px;background:#fff;box-shadow:0 18px 48px rgb(5 28 51 / .08)}
.thh-search__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:22px}
.thh-search__tab{padding:10px 18px;border:1px solid var(--thh-tab-line);border-radius:99px;background:#fff;color:var(--thh-tab-navy);font-size:.88rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.thh-search__tab:hover{border-color:var(--thh-tab-navy)}
.thh-search__tab:focus-visible{outline:3px solid var(--thh-tab-gold);outline-offset:2px}
.thh-search__tab.is-active{background:var(--thh-tab-navy);border-color:var(--thh-tab-navy);color:#fff}
.thh-search__form + .thh-search__form{margin-block-start:26px;padding-block-start:26px;border-block-start:1px solid var(--thh-tab-line)}
.thh-search__panel.is-enhanced .thh-search__form + .thh-search__form{margin-block-start:0;padding-block-start:0;border-block-start:0}
.thh-search__hint{margin:14px 0 0;font-size:.86rem}
.thh-search__hint a{color:var(--thh-tab-navy);font-weight:700}
@media(max-width:767px){.thh-search__panel{padding:16px;border-radius:18px}}