/*
 * Remote job finder and job pages. Loads after the Last Table tokens and components; uses only Last Table variables.
 * Glow stays on the one main action (Find jobs, Apply); verdicts use the plain status chips.
 */
.lt-page .rj-last { padding-bottom: var(--lt-space-8); }

.rj-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); gap: var(--lt-space-3); }
.rj-field { display: flex; flex-direction: column; gap: var(--lt-space-1); min-width: 0; }
/* margin-top: auto keeps a row of controls level when one label wraps to 2 lines. */
.rj-field .lt-input { min-height: 44px; width: 100%; flex: none; margin-top: auto; }
.rj-wide { grid-column: 1 / -1; }
.rj-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lt-space-3); margin: var(--lt-space-4) 0 0; }
.rj-check { display: inline-flex; align-items: center; gap: var(--lt-space-2); color: var(--lt-text-2); font-size: var(--lt-step--1); }
.rj-check input { width: 18px; height: 18px; }

.rj-note { max-width: var(--lt-measure); margin: 0 0 var(--lt-space-6); padding: var(--lt-space-4) var(--lt-space-5); overflow-wrap: anywhere; }
.rj-note p { margin: 0; }
.rj-note p + p { margin-top: var(--lt-space-2); }

.rj-list { list-style: none; margin: var(--lt-space-5) 0 0; padding: 0; display: grid; gap: var(--lt-space-3); }
.rj-job { padding: var(--lt-space-4) var(--lt-space-5); }
.rj-job .lt-h3 { margin: 0; overflow-wrap: anywhere; }
.rj-job .lt-h3 a { color: var(--lt-text-1); text-decoration: none; }
.rj-job .lt-h3 a:hover { text-decoration: underline; }
.rj-meta { margin: var(--lt-space-2) 0 0; color: var(--lt-text-2); font-size: var(--lt-step--1); overflow-wrap: anywhere; }
.rj-verdict { margin: var(--lt-space-3) 0 0; color: var(--lt-text-1); overflow-wrap: anywhere; }
.rj-links { margin: var(--lt-space-3) 0 0; display: flex; flex-wrap: wrap; gap: var(--lt-space-4); font-size: var(--lt-step--1); }
.rj-via { color: var(--lt-text-3); font-size: var(--lt-step--1); }

.rj-job-title { overflow-wrap: anywhere; }
.rj-scope { margin: var(--lt-space-4) 0 0; max-width: var(--lt-measure); color: var(--lt-text-2); overflow-wrap: anywhere; }
.rj-check-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--lt-space-3); margin: var(--lt-space-4) 0 0; max-width: 32rem; }
.rj-check-form .rj-field { flex: 1 1 14rem; }
.rj-text { max-width: var(--lt-measure); margin-top: var(--lt-space-4); overflow-wrap: anywhere; }
.rj-how { max-width: var(--lt-measure); padding-left: var(--lt-space-5); }
.rj-how li + li { margin-top: var(--lt-space-2); }
