/* ============================================================
   HKTV - 香港職位搜尋 · 統一版模組
   視覺：白底金邊 Hero + 紅／金職位卡片（VIS 酒紅 · 金色 · 白灰）
   適用：首頁「香港職位搜尋」模組 與 jobs.php 職位搜尋頁
   設計變量沿用全站 app.css（--brand / --accent / --border / --text / --text-dim / --site-font-scale）
   ============================================================ */
.jobs-unified{max-width:1120px;margin:0 auto}
.jobs-unified *{box-sizing:border-box}
.jobs-unified button,.jobs-unified input,.jobs-unified select{font-family:inherit}
.jobs-unified :focus-visible{outline:2px solid #bd9a58;outline-offset:3px}

/* ===== 頭部：白底 · 金色頂邊 ===== */
.uj-hero{
  position:relative;overflow:hidden;
  background:#fff;color:var(--text);padding:22px 24px;
  border:1px solid var(--border);border-top:3px solid #bd9a58;border-radius:14px;
}
.uj-hero-row{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:space-between}
.uj-hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:calc(12px * var(--site-font-scale,1));font-weight:700;letter-spacing:.12em;
  color:#6e5a37;margin-bottom:7px;
}
.uj-hero-eyebrow::before{content:"";width:24px;height:2px;background:#bd9a58;border-radius:2px}
.uj-hero-title{font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:.01em;line-height:1.25;margin:0}
.uj-hero-sub{margin-top:7px;font-size:calc(13px * var(--site-font-scale,1));color:var(--text-dim);max-width:600px;line-height:1.7}
.uj-hero-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}
.uj-hstat{display:flex;align-items:baseline;gap:5px;padding:0;border:0;background:none;font-size:calc(12px * var(--site-font-scale,1))}
.uj-hstat b{font-size:calc(17px * var(--site-font-scale,1));font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}
.uj-hstat span{color:var(--text-dim)}
.uj-hero-more{
  position:relative;flex:0 0 auto;
  display:inline-flex;align-items:center;gap:7px;
  background:#faf7f1;color:#6e5a37;border:1px solid #eee5d6;border-radius:10px;
  padding:10px 15px;font-size:calc(13px * var(--site-font-scale,1));font-weight:700;
  text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.uj-hero-more:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(189,154,88,.55);border-color:#bd9a58}
.uj-hero-more svg{width:15px;height:15px}

/* ===== 篩選面板（sticky） ===== */
.uj-filter{
  position:sticky;top:0;z-index:20;
  background:rgba(255,255,255,.98);border:1px solid var(--border);border-radius:16px;
  padding:16px 20px;margin-top:18px;box-shadow:0 5px 20px rgba(30,30,30,.05);
}
.uj-searchbar{
  display:flex;align-items:center;gap:10px;
  background:var(--bg);border:1px solid var(--border);border-radius:12px;
  padding:4px 5px 4px 14px;box-shadow:none;
}
.uj-searchbar svg{width:18px;height:18px;color:var(--text-dim);flex:0 0 auto}
.uj-searchbar input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:calc(15px * var(--site-font-scale,1));color:var(--text)}
.uj-searchbar input::placeholder{color:#858990}
.uj-searchbar .uj-clear{border:none;background:#e9e9e9;color:var(--text-dim);font-size:calc(12px * var(--site-font-scale,1));border-radius:8px;padding:6px 10px;cursor:pointer;display:none}
.uj-searchbar .uj-clear.on{display:inline-block}
.uj-searchbar button{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;
  background:var(--brand);color:#fff;border:none;border-radius:9px;
  padding:10px 18px;font-size:calc(14px * var(--site-font-scale,1));font-weight:600;cursor:pointer;transition:background .15s ease;
}
.uj-searchbar button:hover{background:#8c1527}
.uj-filter-fields{display:grid;grid-template-columns:minmax(240px,1fr);gap:12px;margin-top:14px}
.uj-filter-fields label{display:flex;flex-direction:column;gap:5px;font-size:calc(12px * var(--site-font-scale,1));color:var(--text-dim);min-width:0}
.uj-filter-fields select{width:100%;min-width:0;max-width:420px;background:#fff;border:1px solid var(--border);border-radius:9px;color:var(--text);padding:10px 8px;font-size:calc(14px * var(--site-font-scale,1));min-height:42px;cursor:pointer}
.uj-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:calc(12px * var(--site-font-scale,1));color:var(--text-dim)}
#ujReset{border:0;background:transparent;color:var(--brand);padding:8px 0;white-space:nowrap;cursor:pointer;font-size:calc(12px * var(--site-font-scale,1));font-weight:700}
#ujReset:hover{text-decoration:underline}

/* ===== 熱門工作：工作類型選項卡 ===== */
.uj-hotblock{display:flex;flex-direction:column;gap:9px;margin-top:18px}
.uj-hot-title{
  display:flex;align-items:center;gap:9px;
  font-size:calc(16px * var(--site-font-scale,1));font-weight:800;color:var(--text);margin:0;
}
.uj-hot-title::before{content:"";width:5px;height:20px;border-radius:3px;background:var(--brand)}
.uj-hot-title small{font-size:calc(12px * var(--site-font-scale,1));font-weight:500;color:var(--text-dim);letter-spacing:.02em}
.uj-tabs{
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  padding:9px 12px;
  background:#fff;border:1px solid var(--border);border-radius:14px;
}
.uj-tab{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid transparent;background:transparent;border-radius:10px;
  padding:9px 16px;font-size:calc(14px * var(--site-font-scale,1));font-weight:700;color:#8a7f70;
  cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease;
}
.uj-tab:hover{color:var(--brand);background:#fbf0f2}
.uj-tab.on{color:var(--brand);background:#fbf0f2;border-color:#f0d6da;box-shadow:inset 0 0 0 1px #f0d6da}
.uj-tab-n{
  display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;
  padding:0 5px;border-radius:10px;background:#f0ece4;color:#8a7f70;
  font-size:calc(11px * var(--site-font-scale,1));font-weight:700;line-height:1;font-variant-numeric:tabular-nums;
}
.uj-tab.on .uj-tab-n{background:#f7e4e8;color:var(--brand)}
.uj-tabs{scroll-margin-top:300px}

/* ===== 列表區 ===== */
.uj-body{background:#fff;border:1px solid var(--border);border-radius:16px;margin-top:18px;padding:18px 18px 26px}
.uj-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;scroll-margin-top:300px}
.uj-count{font-size:calc(13.5px * var(--site-font-scale,1));color:var(--text-dim)}
.uj-count b{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}
.uj-sortbox{display:flex;align-items:center;gap:8px;font-size:calc(13.5px * var(--site-font-scale,1));color:var(--text-dim)}
.uj-sortbox select{font-family:inherit;font-size:calc(13.5px * var(--site-font-scale,1));color:var(--text);border:1px solid var(--border);border-radius:8px;background:#fff;padding:7px 10px;outline:none;cursor:pointer}
.uj-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

/* ===== 統一款式職位卡 ===== */
.uj-card{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--border);border-radius:4px;
  padding:16px 16px 14px;cursor:pointer;overflow:hidden;
  color:var(--text);text-decoration:none;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.uj-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .16s ease}
.uj-card.uj-gov::before{background:var(--brand)}
.uj-card.uj-priv::before{background:#bd9a58}
.uj-card:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(166,25,46,.06),0 12px 28px -14px rgba(166,25,46,.20);border-color:#d1b88a}
.uj-top{display:flex;align-items:center;gap:6px;margin-bottom:11px;flex-wrap:wrap}
.uj-badge{font-size:calc(11.5px * var(--site-font-scale,1));font-weight:700;letter-spacing:.02em;border-radius:6px;padding:3px 8px}
.uj-badge.uj-gov{color:var(--brand);background:#fbf0f2}
.uj-badge.uj-priv{color:#a8874a;background:#faf7f1;border:1px solid #eee5d6}
.uj-typechip{font-size:calc(11.5px * var(--site-font-scale,1));font-weight:600;color:#897c7e;background:#f4f2f3;border-radius:6px;padding:3px 8px}
.uj-title{font-size:calc(16.5px * var(--site-font-scale,1));font-weight:700;line-height:1.38;letter-spacing:.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.76em}
.uj-org{font-size:calc(13px * var(--site-font-scale,1));color:var(--text-dim);margin-top:5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.uj-org{display:flex;align-items:center;gap:6px}
.uj-logo{width:24px;height:24px;flex:0 0 24px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--uj-line,rgba(22,22,22,.12));padding:1px}
.uj-orgname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uj-salary{display:flex;align-items:baseline;gap:6px;margin-top:12px;flex-wrap:wrap}
.uj-salary .uj-amt{font-size:calc(23px * var(--site-font-scale,1));font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#333039;overflow-wrap:anywhere}
.uj-salary .uj-per{font-size:calc(12.5px * var(--site-font-scale,1));color:#988d8f}
.uj-note{font-size:calc(12.5px * var(--site-font-scale,1));color:#858990;margin-top:8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.uj-row{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:calc(12.5px * var(--site-font-scale,1));color:var(--text-dim);margin-bottom:14px}
.uj-row svg{width:14px;height:14px;color:#858990;flex:0 0 auto}
.uj-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--border)}
.uj-deadline{display:inline-flex;align-items:center;gap:6px;font-size:calc(12.5px * var(--site-font-scale,1));font-weight:600;color:#6e5a37;background:#faf7f1;border:1px solid #eee5d6;border-radius:8px;padding:5px 9px}
.uj-deadline.soon{color:var(--brand);background:#fbf0f2;border-color:#f0d6da}
.uj-deadline svg{width:13px;height:13px}
.uj-viewlink{display:inline-flex;align-items:center;gap:5px;font-size:calc(13px * var(--site-font-scale,1));font-weight:700;color:var(--text)}
.uj-viewlink svg{width:14px;height:14px;color:var(--brand);transition:transform .15s ease}
.uj-card:hover .uj-viewlink svg{transform:translateX(3px)}
.uj-card:hover .uj-viewlink{color:var(--brand)}

/* ===== 空態 ===== */
.uj-empty{grid-column:1/-1;text-align:center;padding:44px 10px;color:var(--text-dim);font-size:calc(14.5px * var(--site-font-scale,1))}
.uj-empty svg{width:42px;height:42px;color:#858990;margin:0 auto 12px;display:block}
.uj-empty b{display:block;font-size:calc(16px * var(--site-font-scale,1));color:var(--text);margin-bottom:4px}

/* ===== 底部：分類入口 + 資料來源 ===== */
.jobs-unified > .uj-foot{display:block;margin-top:20px}
.uj-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.uj-cat{
  display:flex;align-items:center;gap:11px;text-align:left;
  background:#fff;border:1px solid var(--border);border-radius:12px;
  padding:13px 14px;font-size:calc(13.5px * var(--site-font-scale,1));font-weight:600;color:var(--text);
  text-decoration:none;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.uj-cat:hover{transform:translateY(-2px);border-color:#d1b88a;box-shadow:0 1px 2px rgba(166,25,46,.06),0 12px 28px -14px rgba(166,25,46,.20)}
.uj-cat .uj-cat-ic{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#fbf0f2;color:var(--brand)}
.uj-cat .uj-cat-ic svg{width:17px;height:17px}
.uj-cat .uj-cat-ic.gold{background:#faf7f1;color:#a8874a}
.uj-cat .uj-cat-ic.red{background:#fbf0f2;color:#c5283d}
.uj-cat small{display:block;font-size:calc(11.5px * var(--site-font-scale,1));color:#858990;font-weight:500;margin-top:1px}
.uj-sources{margin-top:14px;font-size:calc(12px * var(--site-font-scale,1));color:#858990;line-height:1.7}
.uj-sources strong{color:var(--text-dim);font-weight:600}
.uj-sources .row{display:flex;gap:8px;align-items:flex-start}
.uj-sources .row::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--brand);margin-top:6px}
.uj-sources a{color:var(--brand)}

/* ===== 響應式 ===== */
@media (max-width:960px){
  .uj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uj-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .jobs-unified{padding:0}
  .uj-hero{padding:17px;border-radius:12px}
  .uj-hero-row{gap:12px}
  .uj-hero-more{width:auto;padding:9px 13px}
  .uj-hero-stats{gap:8px 14px;flex-wrap:wrap}
  .uj-hero-sub{line-height:1.7}
  .uj-filter{padding:8px;display:flex;flex-direction:column;gap:7px;border-radius:11px}
  .uj-searchbar{height:42px;min-height:42px;margin:0;padding:3px 4px 3px 10px;flex-wrap:nowrap}
  .uj-searchbar button{padding:8px 10px;height:34px;font-size:calc(13px * var(--site-font-scale,1))}
  .uj-searchbar .uj-clear{padding:6px 6px}
  .uj-filter-fields{display:grid;grid-template-columns:1fr;gap:7px;margin-top:9px}
  .uj-filter-fields label{gap:2px;font-size:calc(11px * var(--site-font-scale,1))}
  .uj-filter-fields select{font-size:calc(13px * var(--site-font-scale,1));padding:7px;min-height:36px}
  .uj-hotblock{margin-top:14px;gap:7px}
  .uj-hot-title{font-size:calc(15px * var(--site-font-scale,1))}
  .uj-hot-title small{display:none}
  .uj-tabs{padding:7px;gap:6px;margin-top:0;border-radius:11px}
  .uj-tab{flex:1 1 auto;justify-content:center;padding:8px 10px;font-size:calc(13px * var(--site-font-scale,1))}
  .uj-filter-summary{margin-top:3px;line-height:1.4}
  .uj-body{padding:12px;margin-top:14px;border-radius:12px}
  .uj-grid{grid-template-columns:1fr}
  .uj-cats{grid-template-columns:1fr;gap:8px}
  .uj-card{padding:15px 15px 13px}
  .uj-title{font-size:calc(15.5px * var(--site-font-scale,1))}
}
@media (prefers-reduced-motion: reduce){
  .jobs-unified *{transition:none !important;animation:none !important}
}

/* Unified cards and one compact filter panel. */
.uj-filter{top:var(--uj-header-height,78px);background:#fff}
.uj-grid,.uj-filter{scroll-margin-top:var(--uj-scroll-offset,280px)}
.uj-filter-fields{display:flex;align-items:center;gap:22px;margin-top:12px}
.uj-filter-fields .uj-district-label{flex-direction:row;align-items:center;gap:10px;flex:0 1 310px}
.uj-field-label{white-space:nowrap}
.uj-filter-fields select{flex:1;width:220px}
.uj-worktypes{display:flex;align-items:center;gap:18px;flex-shrink:0}
.uj-filter-fields .uj-worktypes label{display:inline-flex;flex-direction:row;align-items:center;gap:6px;color:var(--text);font-size:13px;white-space:nowrap;cursor:pointer}
.uj-worktypes input{width:15px;height:15px;accent-color:var(--brand);margin:0}
.uj-filter .uj-hotblock{flex-direction:row;align-items:center;gap:10px;margin-top:10px;border-top:1px solid var(--border);padding-top:10px}
.uj-filter .uj-hot-title{font-size:12px;white-space:nowrap;color:var(--text-dim);font-weight:500}
.uj-filter .uj-hot-title::before{display:none}
.uj-filter .uj-tabs{border:0;padding:0;gap:5px;flex:1;min-width:0;border-radius:0}
.uj-filter .uj-tab{font-size:12px;padding:6px 9px}
.uj-filter-summary{margin-top:4px}
.uj-card .uj-title{margin:0;min-height:2.76em}
.uj-card .uj-org{min-height:24px;margin-bottom:0}
.uj-salary{min-height:40px}
.uj-salary .uj-amt{font-size:21px;line-height:1.4}
.uj-salary.is-complex{display:block;min-height:40px}
.uj-salary.is-complex .uj-amt{font-size:14px;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uj-card .uj-note{margin:8px 0 0;min-height:0}
.uj-duties{margin-top:12px;font-size:13px;line-height:1.65}
.uj-duties strong{display:block;font-size:12px;font-weight:600;color:var(--text);margin-bottom:4px}
.uj-duties p{margin:0;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.uj-card .uj-foot{margin-top:auto;flex-wrap:wrap}

/* Jobs page: scrolling navigation, compact search row, wrapping categories. */
body.jobs-page > .header{position:relative;top:auto;left:auto;right:auto}
body.jobs-page > .topline{position:relative}
body.jobs-page > .site-header-spacer{display:none}
html:has(body.jobs-page){scroll-padding-top:0}
.jobs-page .uj-filter{top:0}
.uj-search-row{display:flex;align-items:center;gap:10px;min-width:0}
.uj-search-row .uj-searchbar{flex:1;min-width:0}
.uj-search-row .uj-district-label{display:flex;align-items:center;gap:8px;flex:0 0 auto;font-size:12px;color:var(--text-dim)}
.uj-search-row select{width:170px;height:46px;background:#fff;border:1px solid var(--border);border-radius:9px;color:var(--text);padding:8px;font-family:inherit;font-size:13px}
.uj-filter-controls{display:block;overflow:visible}
.uj-filter .uj-hotblock{align-items:flex-start}
.uj-filter .uj-hot-title{padding-top:7px}
.uj-filter .uj-tabs{flex-wrap:wrap;overflow:visible;white-space:normal}
.uj-mobile-reset{display:none}
@media(max-width:640px){
 .uj-filter{gap:7px}
 .uj-search-row{gap:6px}
 .uj-search-row .uj-field-label{display:none}
 .uj-search-row select{width:92px;height:38px;font-size:12px;padding:5px}
 .uj-searchbar{height:38px;min-height:38px;padding:3px 3px 3px 7px;gap:4px}
 .uj-searchbar svg{display:none}
 .uj-searchbar input{width:0;font-size:12px}
 .uj-searchbar button{font-size:12px;height:30px;padding:5px 7px;white-space:nowrap}
 .uj-searchbar .uj-clear{display:none}
 .uj-filter-fields{margin:0;justify-content:space-between;gap:8px}
 .uj-worktypes{gap:15px}
 .uj-filter-fields .uj-worktypes label{font-size:12px;gap:5px}
 .uj-worktypes input{width:14px;height:14px}
 .uj-mobile-reset{display:block;flex:0 0 auto;white-space:nowrap;border:0;background:transparent;color:var(--brand);padding:4px 0;font-size:11px;cursor:pointer}
 .uj-filter .uj-hotblock{display:block;margin-top:4px;padding-top:6px}
 .uj-filter .uj-hot-title{display:none}
 .uj-filter .uj-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .uj-filter .uj-tab{min-width:0;gap:3px;justify-content:center;padding:5px 1px;font-size:11px;white-space:nowrap}
 .uj-tab-n{font-size:10px;min-width:15px;height:16px;padding:0 3px}
 .uj-filter-summary{display:none}
 .uj-salary .uj-amt{font-size:20px}
}

/* Category selector sits directly beside the employment checkboxes. */
.uj-filter-fields{justify-content:flex-start;gap:14px}
.uj-category-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:7px 10px;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.uj-category-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
.uj-category-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.uj-category-toggle.on{color:var(--brand);border-color:#f0d6da;background:#fbf0f2}
.uj-filter .uj-hotblock[hidden]{display:none}
.uj-filter .uj-hot-title{display:none}
@media(max-width:640px){
 .uj-filter-fields{gap:10px;justify-content:flex-start}
 .uj-worktypes{gap:12px}
 .uj-category-toggle{font-size:11px;padding:5px 7px;gap:5px;margin-left:0}
}

/* Job cards follow the lighter, information-first listing style: title and
   employer lead; salary and location share one compact baseline. */
.uj-card{border-radius:8px;padding:15px 16px 12px;gap:0;box-shadow:none;min-height:228px}
.uj-card::before{display:none}
.uj-card:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(34,27,29,.07);border-color:#ddd6d7}
.uj-top{margin-bottom:9px;min-height:25px}
.uj-badge,.uj-typechip{font-size:12px;font-weight:500;border-radius:4px;padding:3px 8px;letter-spacing:0}
.uj-badge.uj-gov{background:#f2f3f5;color:#626a73}
.uj-badge.uj-priv{background:#f2f3f5;color:#626a73;border:0}
.uj-typechip{background:#f3f7fb;color:#477eaa}
.uj-title,.uj-card .uj-title{font-size:16px;font-weight:650;line-height:1.42;letter-spacing:0;min-height:0;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uj-org,.uj-card .uj-org{font-size:13px;color:#68717b;min-height:0;margin:5px 0 0;gap:7px}
.uj-logo{width:27px;height:27px;flex-basis:27px;border-radius:4px;border:0;padding:0}
.uj-duties{display:-webkit-box;margin:7px 0 0;color:#7b838c;font-size:12px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uj-duty-label{font-size:11px;font-weight:600;color:#68717b;margin-right:5px}
.uj-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:9px;min-width:0}
.uj-card-bottom .uj-row{min-width:0;flex:1;margin:0;color:#838a92;font-size:12px;line-height:1.45;gap:5px}
.uj-card-bottom .uj-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uj-card-bottom .uj-row svg{width:13px;height:13px}
.uj-card-bottom .uj-salary{min-width:0;flex:none;margin:0;min-height:0;justify-content:flex-end;gap:3px}
.uj-card-bottom .uj-salary .uj-amt{font-size:19px;font-weight:650;line-height:1.35;color:#252a30;letter-spacing:0}
.uj-card-bottom .uj-salary .uj-per{font-size:11px;color:#858b92}
.uj-card-bottom .uj-salary.is-complex{display:block;flex:0 1 58%;text-align:right}
.uj-card-bottom .uj-salary.is-complex .uj-amt{display:-webkit-box;font-size:12px;line-height:1.5;font-weight:500;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uj-card.uj-gov{border-left:3px solid var(--brand);padding-left:13px}
.uj-card.uj-priv{border-left:3px solid #bd9a58;padding-left:13px}
.uj-card .uj-top{align-items:center;min-height:36px;margin-bottom:7px}
.uj-card .uj-top{padding-left:0}
.uj-card .uj-card-logo{width:36px;height:36px;flex:0 0 36px;margin-left:auto;border:0;border-radius:4px;padding:0;object-fit:contain;background:#fff}
.uj-card-bottom{margin-top:auto}
.uj-card .uj-foot{display:none}
.uj-deadline{border:0;background:none;border-radius:0;padding:0;color:#858b92;font-size:11px;font-weight:500}
.uj-deadline.soon{color:#a6192e;background:none;border:0}
.uj-viewlink{font-size:12px;font-weight:600;color:#68717b}
@media(max-width:640px){
 .uj-grid{grid-template-columns:1fr;gap:10px}
 .uj-card{padding:13px 13px 10px}
 .uj-card.uj-gov,.uj-card.uj-priv{padding-left:10px}
 .uj-top{margin-bottom:7px}
 .uj-card .uj-top{padding-left:0}
 .uj-title,.uj-card .uj-title{font-size:15px;line-height:1.4}
 .uj-card-bottom .uj-salary .uj-amt{font-size:18px}
 .uj-card .uj-foot{padding-top:8px;margin-top:8px}
}