/*
 * Company Jobs Finder picker on /tools/company-jobs: the same tile picker as the remote job finder's country tiles.
 * Loads after the Last Table tokens and tool-cards.css and uses only Last Table variables. The picked tile is inked;
 * the glow stays on the one main action. Tile and list rules sit under .cj-try so they outrank the page's
 * .lt-prose button and list rules, which would otherwise strip the tile padding and indent the job list.
 */
.cj-try { margin: var(--lt-space-5) 0 var(--lt-space-7); }
.cj-try h2 { margin-top: 0; }
.cj-try .cj-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); gap: var(--lt-space-2); margin: var(--lt-space-4) 0; }
.cj-try .cj-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); }
.cj-try .cj-tile:hover { border-color: var(--lt-line-strong); }
.cj-try .cj-tile:focus-visible { outline: 2px solid var(--lt-glow-ink); outline-offset: 2px; }
.cj-try .cj-tile[aria-pressed="true"] { border-color: var(--lt-line-strong); background: var(--lt-text-1); color: var(--lt-surface-1); }
.cj-try .cj-tile-name { font-weight: 600; line-height: 1.2; overflow-wrap: anywhere; }
.cj-try .cj-tile-board { font: var(--lt-step--1) / 1.2 var(--lt-font-mono); color: var(--lt-text-2); }
.cj-try .cj-tile[aria-pressed="true"] .cj-tile-board { color: inherit; }
.cj-ask { display: flex; flex-direction: column; gap: var(--lt-space-1); max-width: 40rem; }
.cj-ask-row { display: flex; flex-wrap: wrap; gap: var(--lt-space-2); }
.cj-ask .lt-input { flex: 1 1 14rem; min-height: 44px; }
.cj-status { min-height: 1.6em; margin: var(--lt-space-2) 0 0; color: var(--lt-text-2); font-size: var(--lt-step--1); }
.cj-status[data-tone="error"] { color: var(--lt-danger); }
#cj-results[aria-busy="true"] { opacity: 0.55; transition: opacity var(--lt-dur-base) var(--lt-ease); }
.cj-head { margin: var(--lt-space-2) 0 0; }
.cj-try .cj-jobs { list-style: none; margin: var(--lt-space-4) 0 0; padding: 0; border-top: 1px solid var(--lt-line); }
.cj-try .cj-job { display: flex; flex-direction: column; gap: var(--lt-space-1); padding: var(--lt-space-2) 0; border-bottom: 1px solid var(--lt-line); overflow-wrap: anywhere; }
.cj-try .cj-job a { font-weight: 560; }
.cj-meta { color: var(--lt-text-2); font-size: var(--lt-step--1); }
@media (prefers-reduced-motion: reduce) { .cj-try .cj-tile, #cj-results[aria-busy="true"] { transition: none; } }