/*
 * Hiring Signals "try 1 company" block on /tools/hiring-signals: the same tile picker as the Company Jobs Finder.
 * Loads after the Last Table tokens and tool-cards.css and uses only Last Table variables. Tile and list rules sit
 * under .hs-try so they outrank the page's .lt-prose button and list rules.
 */
.hs-try { margin: var(--lt-space-5) 0 var(--lt-space-7); }
.hs-try h2 { margin-top: 0; }
.hs-price { color: var(--lt-text-2); }
.hs-try .hs-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); gap: var(--lt-space-2); margin: var(--lt-space-4) 0; }
.hs-try .hs-tile { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--lt-space-1); min-height: 52px; padding: var(--lt-space-2) var(--lt-space-3); border: 1px solid var(--lt-line); border-radius: var(--lt-radius-control); background: var(--lt-surface-2); color: var(--lt-text-1); font: inherit; text-align: left; cursor: pointer; transition: border-color var(--lt-dur-fast) var(--lt-ease); }
.hs-try .hs-tile:hover { border-color: var(--lt-line-strong); }
.hs-try .hs-tile:focus-visible { outline: 2px solid var(--lt-glow-ink); outline-offset: 2px; }
.hs-try .hs-tile[aria-pressed="true"] { border-color: var(--lt-line-strong); background: var(--lt-text-1); color: var(--lt-surface-1); }
.hs-try .hs-tile-name { font-weight: 600; line-height: 1.2; overflow-wrap: anywhere; }
.hs-try .hs-tile-board { font: var(--lt-step--1) / 1.2 var(--lt-font-mono); color: var(--lt-text-2); }
.hs-try .hs-tile[aria-pressed="true"] .hs-tile-board { color: inherit; }
.hs-ask, .hs-signup { display: flex; flex-direction: column; gap: var(--lt-space-1); max-width: 40rem; }
.hs-ask-row { display: flex; flex-wrap: wrap; gap: var(--lt-space-2); }
.hs-ask-row[hidden] { display: none; }
.hs-ask-row .lt-input { flex: 1 1 14rem; min-height: 44px; }
.hs-status { min-height: 1.6em; margin: var(--lt-space-2) 0 0; color: var(--lt-text-2); font-size: var(--lt-step--1); }
.hs-status[data-tone="error"] { color: var(--lt-danger); }
#hs-results[aria-busy="true"] { opacity: 0.55; transition: opacity var(--lt-dur-base) var(--lt-ease); }
#hs-results { overflow-wrap: anywhere; }
.hs-head { margin: var(--lt-space-2) 0 0; }
.hs-meta, .hs-signup-hint { color: var(--lt-text-2); font-size: var(--lt-step--1); }
.hs-signup-hint { margin: 0; }
.hs-date { white-space: nowrap; }
.hs-try .hs-velocity { list-style: none; margin: var(--lt-space-2) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--lt-space-2) var(--lt-space-4); }
.hs-try .hs-facts { display: grid; grid-template-columns: max-content 1fr; gap: var(--lt-space-1) var(--lt-space-3); margin: var(--lt-space-3) 0 0; }
.hs-try .hs-facts dt { font: var(--lt-step--1) / 1.6 var(--lt-font-mono); color: var(--lt-text-2); }
.hs-try .hs-facts dd { margin: 0; }
.hs-sub { margin: var(--lt-space-3) 0 0; font: var(--lt-step--1) / 1.6 var(--lt-font-mono); color: var(--lt-text-2); }
.hs-try .hs-newest { list-style: none; margin: var(--lt-space-1) 0 0; padding: 0; border-top: 1px solid var(--lt-line); }
/* The page's prose rules give a bare li a measure and a top gap; these rows are a table-like list, so they drop both. */
.hs-try .hs-velocity li, .hs-try .hs-newest li { max-width: none; margin: 0; }
.hs-try .hs-newest li { padding: var(--lt-space-2) 0; border-bottom: 1px solid var(--lt-line); }
.hs-signup { margin-top: var(--lt-space-6); }
.hs-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .hs-try .hs-tile, #hs-results[aria-busy="true"] { transition: none; } }