/* RowBranch Jobs: the jobs page on top of site.css (the landing's design, copied as is).
   Tokens only from site.css; plain ASCII. */

/* the "Jobs" tag after the brand name */
.jobs-tag{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0;color:var(--brass);background:var(--brass-soft);border-radius:999px;padding:2px 9px;margin-left:2px;line-height:1.4}
/* phones: the brand, its tag and "Get a quote" fit 360px, and the button keeps a 44px tap target */
.head-actions .btn{min-height:44px}
@media(max-width:400px){.head-in .brand{gap:9px;font-size:18px}.head-in .jobs-tag{font-size:12px;padding:2px 7px}.head-actions .btn.solid{padding:11px 12px}}

.jobs-hero{padding-bottom:28px}
.jobs-sec{padding:0 0 72px}
.jobs-stats{margin-bottom:28px}
/* site.css stacks the stats on phones but its .stat+.stat keeps the left border; drop it here */
@media(max-width:820px){.jobs-stats .stat+.stat{border-left:none}}
.jobs-stats[hidden]{display:none}

/* the academy band */
.academy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;background:var(--wash);box-shadow:none}
.academy .eyebrow{margin-bottom:8px}
.academy h2{font-size:24px;letter-spacing:-.02em;margin-bottom:8px}
.academy p{font-size:15.5px;line-height:1.6;max-width:640px}
@media(max-width:720px){.academy{grid-template-columns:1fr}.academy .btn{justify-self:start}}

/* search and filters: the search box is wider, every field the same height */
.jobs-filters{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin-top:32px}
.jobs-filters .bf-in{height:48px}
.jobs-filters .field label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:8px;line-height:1.4}
.jobs-filters input[type="search"]::-webkit-search-cancel-button{cursor:pointer}
@media(max-width:980px){.jobs-filters{grid-template-columns:1fr 1fr}.field-q{grid-column:1/-1}}
@media(max-width:560px){.jobs-filters{grid-template-columns:1fr}}
.jobs-ai{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:10px;font-size:15px;color:var(--ink);cursor:pointer}
.jobs-ai input{accent-color:var(--brass);width:18px;height:18px;margin:0}

.jobs-count{font-family:var(--mono);font-size:13px;color:var(--muted);margin:14px 0 12px;font-variant-numeric:tabular-nums}
.jobs-status{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;font-size:15.5px;color:var(--body);margin-bottom:12px}
.jobs-status[hidden]{display:none}

/* one job */
.jobs-list{list-style:none;display:grid;gap:12px}
.job{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:20px 22px;display:grid;gap:12px}
.job-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 20px;flex-wrap:wrap}
.job-who{min-width:0;flex:1 1 320px}
.job h3{font-size:19px;letter-spacing:-.015em;line-height:1.25;margin-bottom:4px}
.job-at{font-size:15px;color:var(--body);display:flex;flex-wrap:wrap;gap:0 8px;overflow-wrap:anywhere}
.job-at b{font-weight:600;color:var(--ink)}
.job-at span::before{content:"\00b7";margin-right:8px;color:var(--faint)}
.job-go{flex:none}
.job-go::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;font-size:12.5px;font-weight:500;line-height:1.4;padding:3px 10px;border-radius:999px;background:var(--water);color:var(--ink-2);white-space:nowrap}
.chip.ok{background:var(--ok-soft);color:var(--ok)}
.chip.ai{background:var(--brass-soft);color:var(--brass)}
.job-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-family:var(--mono);font-size:12.5px;color:var(--muted);letter-spacing:.01em}
.job-hit{color:var(--brass)}
/* phones: the button goes last in the card, full width, after the tags and details */
@media(max-width:560px){.job{padding:18px}.job-top{display:contents}.job-go{order:9;width:100%}}

.jobs-more{display:flex;justify-content:center;margin-top:20px}
.jobs-more [hidden]{display:none}
.jobs-about{padding-top:24px}