/* A compact search field expands in place; the surrounding page stays put. */
.topbar .unified-search{z-index:25;min-width:0;height:44px}
.search-composer{border:1px solid #e0e6eb;border-radius:24px;background:#f1f4f6;overflow:hidden}
.unified-input-row{display:flex;align-items:center;gap:4px;padding:0 10px 0 3px}
.search-open{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted)}
.search-open .icon{width:18px;height:18px}
.topbar .unified-search textarea{flex:1;min-width:0;border:0;background:transparent;padding:0;height:24px;min-height:0;resize:none;border-radius:0;line-height:24px;font-size:14px;white-space:nowrap;overflow:hidden}
.topbar .unified-search textarea:focus-visible{outline:0}
.unified-search:focus-within .search-composer{border-color:#90b6cb;box-shadow:0 0 0 3px #0079d310}
.composer-actions{display:none;align-items:center;justify-content:space-between;gap:8px;padding:5px 12px 9px 20px}
.search-mode-tabs{display:flex;gap:8px;align-items:center}
.search-mode-tab{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:650}
.search-mode-tab.active{color:var(--orange)}
.search-mode-tab .icon{width:18px;height:18px;flex:none}
.search-audience,.search-access{border:0;border-left:1px solid #dce4e9;padding:0 0 0 12px;color:var(--muted);font-size:12px;background:none}
.search-access{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:80px;padding:0 14px;border:0;border-radius:8px;background:var(--orange);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.search-access span{text-decoration:none}
.search-access[hidden],.search-audience[hidden]{display:none}
.unified-search.is-open .search-composer{position:absolute;left:24px;right:24px;top:0;display:flex;flex-direction:column;max-height:min(560px,var(--composer-height,calc(100dvh - 80px)));overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:8px;border-color:#b6cdda;box-shadow:0 12px 32px #18374618}
.search-close{display:none;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted)}
.is-open .search-close{display:grid;align-self:flex-start;margin-top:4px}
.search-close:hover{background:#f1f4f6}
.is-open .unified-input-row{flex:none;padding:10px 12px 0 20px}
.is-open .search-open{display:none}
.topbar .unified-search.is-open textarea{height:clamp(48px,calc(var(--composer-height,560px) - 126px),112px);padding:9px 0;font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-y:auto;overscroll-behavior:contain}
.is-open .composer-actions{display:flex;flex:none;justify-content:space-between;padding:8px 20px 12px;gap:12px}
#unified-submit{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:var(--orange);color:#fff}
#unified-submit .icon{width:22px;height:22px;transform:rotate(90deg)}
#unified-submit.is-processing .icon{transform:none}
#unified-submit:disabled{opacity:.45;cursor:default}
.search-mode-tabs{min-width:0;flex-wrap:wrap;column-gap:12px;row-gap:4px}
.unified-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;margin:0 20px;padding:8px 0 10px;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #edf0f2}
.unified-panel[hidden]{display:none}
.search-history-heading{display:contents}
.search-history-heading h2{grid-column:1;grid-row:1;font-size:13px;color:#425968;margin:0;white-space:nowrap}
.search-history-heading h2 span{font-size:11px;font-weight:400;color:#85939e;margin-left:9px}
#clear-search-history{grid-column:3;grid-row:1;background:none;border:0;color:var(--muted);padding:8px;min-height:40px;font-size:12px}
#clear-search-history[hidden]{display:none}
.search-history{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.search-history::-webkit-scrollbar{display:none}
.recent-keyword{flex:none;max-width:190px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border:1px solid #e1e7eb;border-radius:18px;padding:5px 11px;background:#f8fafb;font-size:12px;color:#3d5363;min-height:30px;text-align:left}
.recent-keyword:hover{border-color:#eab9a6;background:#fff5ef;color:#b53608}
/* Keep the two facts in job details; the home feed shows the lighter card. */
.jobs-layout #job-list .job .visa-grid,#related-job-list .job .visa-grid{display:none}
/* Halve vertical spacing and extra leading while keeping readable text and controls. */
.feed .job{padding-top:10.5px;margin-bottom:8px}
.feed .job-title{line-height:1.25;margin-bottom:2.5px}
.feed .job .company-line{line-height:1.325;margin-bottom:6.5px}
.feed .job .job-tags{margin:5px 0;row-gap:3px}
.feed .job-summary{line-height:1.4;margin:6px 0}
.job .job-summary.is-adaptive{position:relative;display:flow-root;-webkit-line-clamp:unset}
.job-summary-reference{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;visibility:hidden;pointer-events:none;user-select:none}
.job-summary.is-compact .job-summary-reference{-webkit-line-clamp:4}
.job-summary-content{position:absolute;inset:0;overflow:hidden;line-height:1.25}
.job-summary-content strong{display:block;font:inherit;font-weight:750;color:#183443;margin:0}
.job-summary-content p,.job-summary-content li{font:inherit;line-height:inherit;margin:0}
.job-summary-content ul{list-style:none;margin:0;padding:0}
.job-summary-content li{position:relative;padding-left:9px;margin-bottom:1px}
.job-summary-content li::before{content:'\2022';position:absolute;left:0;color:#667e8d}
.job-summary-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.job-summary-columns>.job-summary-column+ .job-summary-column{border-left:1px solid #e4e9ed;padding-left:12px}
.job-summary-content .job-summary-note strong{display:inline;margin-right:4px}
.related-detail-loader:empty{min-height:1px;padding:0}
@media(max-width:480px){.job-summary-reference{-webkit-line-clamp:5}.job-summary-columns{gap:10px}.job-summary-columns>.job-summary-column+ .job-summary-column{padding-left:8px}}
.feed .job .facts-inline{margin:6.5px 0;row-gap:3.5px}
.feed .job .visa-box{padding:6.5px 0 7px;margin-top:6.5px}
.feed .job .visa-foot{margin-top:5px}
/* Compact detail facts and sections while keeping the original content readable. */
.detail{padding-top:14px;padding-bottom:16px}
.detail h1{line-height:1.2;margin-bottom:4px}
.detail .company-line{font-weight:650;line-height:1.4;margin-bottom:4px}
.detail .six-facts{row-gap:8px;margin-block:6px 8px}
.detail .six-facts dt{margin-bottom:3px}
.detail .six-facts dd{line-height:1.4}
.detail .visa-box{padding-block:8px;margin:0 0 12px}
.detail .visa-grid{row-gap:4px;margin:0}
.detail .visa-foot{margin-top:6px}
.detail-body{line-height:1.6}
.detail-body h3{line-height:1.4;margin-top:12px;margin-bottom:8px}
.detail-body p{line-height:1.6;margin-bottom:8px}
.detail-body ul{margin-block:6px}
.detail-body li{margin-bottom:6px}
.detail-body .fine{line-height:1.5}
@media(max-width:860px){
  .detail{padding-top:12px;padding-bottom:14px}
  .detail .six-facts{row-gap:8px}
  .detail .visa-box{padding-block:8px}
  .detail .visa-grid{row-gap:4px}
}
/* Keep verification beside the work-rights fact, including narrow screens. */
.detail .visa-grid{grid-template-columns:1fr}
.detail .visa-rights-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.detail .visa-verification{font-size:11px;white-space:nowrap}
@media(max-width:480px){
  .detail .visa-rights-row{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px}
  .detail .visa-rights-row .visa-label,.detail .visa-rights-row .visa-value{grid-column:1;min-width:0}
  .detail .visa-verification{grid-column:2;grid-row:1 / 3;align-self:start}
}
/* Match the existing click targets without turning static card text into links. */
.feed .job[data-open],.feed .content-post a,.feed .content-post button{cursor:pointer}
@media(hover:hover) and (pointer:fine){
  .feed .job[data-open]:hover{border-color:#ee9a75;box-shadow:0 0 0 1px #ee9a7533}
}
@media(max-width:860px){
  .feed .job{padding-top:8.5px;margin-bottom:6px}
  .topbar:has(.unified-search){height:112px;grid-template-columns:1fr auto;grid-template-rows:42px 56px;gap:0 10px;padding:4px 12px 10px}
  .topbar .unified-search{grid-column:1 / -1;grid-row:2;padding:0;width:100%;height:48px}
  .topbar:has(.unified-search)>.header-actions{grid-column:2;grid-row:1}
  .topbar .unified-search textarea{font-size:16px}
  .unified-search.is-open .search-composer{left:0;right:0}
  .search-close,.search-open{height:44px;width:44px}
  .is-open .unified-input-row{padding:8px 8px 0 16px}
  .topbar .unified-search.is-open textarea{height:clamp(48px,calc(var(--composer-height,560px) - 126px),110px)}
  .is-open .composer-actions{padding:4px 16px 13px}
  .search-mode-tab{min-height:36px;font-size:13px}
  .unified-panel{margin:0 16px;padding-bottom:16px}
  .recent-keyword,#clear-search-history{min-height:44px}
  .feed{min-height:calc(100vh - 112px)}
}
@media(max-width:480px){
  .unified-panel{grid-template-columns:1fr auto;column-gap:6px}
  #clear-search-history{grid-column:2}
  .search-history{grid-column:1 / -1;grid-row:2}
  .search-audience{padding-left:8px}
  .search-access{height:44px}
  .search-mode-tabs{column-gap:8px}
  #unified-submit{width:44px;height:44px}
}
@media(max-height:500px){
  .topbar .unified-search.is-open textarea{height:clamp(48px,calc(var(--composer-height,560px) - 126px),78px)}
  .is-open .composer-actions{padding-bottom:10px}
}

.search-mode-lock{font-size:11px;margin-left:4px;opacity:.75}.search-mode-tab.active .search-mode-lock{opacity:1}
.feed .job .company-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}.feed .job .job-employer{min-width:0;max-width:100%;overflow-wrap:anywhere}.feed .job .company-line .job-deadline{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap;color:var(--muted);font-size:12px}.feed .job .company-line .job-deadline .icon{width:15px;height:15px;vertical-align:0}.loader-text{display:block;text-align:center;color:var(--muted);font-size:13px;padding:14px 0}
.feed .job{position:relative}
@media(max-width:600px){.feed .job .company-line .job-deadline{font-size:11px}.feed .job .company-line{gap:4px}.feed .job .company-line .job-deadline .icon{width:14px;height:14px}}