/* Jobs tab (both sites, owner's mockup "JOBS PAGE", 2026-11-02): shown below the search card instead of the homepage
   content while the Jobs tab is open (site.js). Listings come from the employers' Active job offers (jobs.js).
   Site colour via var(--blue): blue on the portal, red on the Georgia site. */
.jbs{padding:38px 0 64px}
.jbs-eye{margin:0 0 6px;color:var(--blue);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.jbs-head h2{margin:0;color:var(--navy);font-size:13px;font-weight:600;line-height:1.12;letter-spacing:-.025em}
.jbs-lead{margin:12px 0 0;max-width:590px;color:#1F2A44;font-size:13px;line-height:1.4}

/* filter row */
.jbs-bar{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr)) auto;gap:16px;margin:32px 0 0}
.jbs-q{position:relative}
.jbs-q svg{position:absolute;left:18px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--navy);pointer-events:none}
.jbs-q input,.jbs-bar select{width:100%;height:50px;border:1px solid #DFE5EE;border-radius:12px;background:#fff;color:var(--navy);font:inherit;font-size:13px;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.jbs-q input{padding:0 16px 0 50px}
.jbs-q input::placeholder{color:#5B6478}
.jbs-bar select{padding:0 40px 0 18px;font-weight:600;appearance:none;-webkit-appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B3F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center/16px;letter-spacing:-.025em}
.jbs-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 26px;border:0;border-radius:12px;background:var(--blue);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 6px 16px rgba(15,23,42,.14)}
.jbs-go svg{width:20px;height:20px}
.jbs-go:hover{filter:brightness(1.08)}

/* category tiles */
.jbs-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:46px 0 0}
.jbs-cat{display:flex;flex-direction:column;padding:6px;border:2px solid transparent;border-radius:16px;background:#fff;color:var(--navy);font:inherit;text-align:center;cursor:pointer;box-shadow:0 4px 18px rgba(15,23,42,.08);transition:transform .15s ease,border-color .15s ease}
.jbs-cat:hover{transform:translateY(-2px)}
.jbs-cat[aria-pressed=true]{border-color:var(--blue)}
.jbs-cat img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:11px}
.jbs-cat-t{display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;padding:8px 6px}
.jbs-cat-t svg{flex:0 0 auto;width:28px;height:28px;color:var(--blue)}
.jbs-cat-t span{font-size:13px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
.jbs-cat-t small{display:block;font-size:13px;font-weight:500}
.jbs-cat-other{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;border-radius:11px;background:#F1F3F7}
.jbs-cat-other svg{width:42%;height:auto;color:var(--navy)}

/* list */
.jbs-lh{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:56px 0 22px}
.jbs-lh h3{position:relative;margin:0;padding-left:24px;color:var(--navy);font-size:13px;font-weight:600;letter-spacing:-.025em}
.jbs-lh h3::before{content:"";position:absolute;left:0;top:50%;width:6px;height:1.25em;border-radius:3px;background:var(--blue);transform:translateY(-50%)}
.jbs-lh h3 small{font-size:.78em;font-weight:500}
.jbs-sort{display:flex;align-items:center;gap:6px;color:var(--navy);font-size:13px}
.jbs-sort select{border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B3F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0 center/16px;padding:4px 26px 4px 0;color:var(--navy);font:inherit;font-weight:600;appearance:none;-webkit-appearance:none;cursor:pointer;letter-spacing:-.025em}
.jbs-list{display:flex;flex-direction:column;gap:14px}
.jbs-job{position:relative;display:grid;grid-template-columns:258px minmax(0,1fr) auto;gap:26px;align-items:center;padding:12px 24px 12px 20px;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.08)}
.jbs-job>img{width:100%;height:118px;max-width:none;object-fit:cover;border-radius:12px}
.jbs-job h4{margin:0 0 10px;color:var(--navy);font-size:13px;font-weight:600;line-height:1.2;letter-spacing:-.025em}
.jbs-meta{display:flex;flex-wrap:wrap;gap:8px 30px;margin:0 0 12px;color:#1F2A44;font-size:13px}
.jbs-meta span{display:inline-flex;align-items:center;gap:10px}
.jbs-meta svg{width:20px;height:20px;color:var(--blue)}
.jbs-meta .jbs-pay{color:var(--blue);font-weight:600;letter-spacing:-.025em}
.jbs-demo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;padding:12px 18px;border:1px dashed var(--blue);border-radius:12px;background:var(--blue-soft,#EEF3FF);color:#1F2A44;font-size:13px;line-height:1.45}
.jbs-demo b{padding:3px 10px;border-radius:999px;background:var(--blue);color:#fff;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.jbs-meta .jbs-date{color:#5B6478}
.jbs-tags span.jbs-ex{background:var(--blue);color:#fff;font-weight:600;letter-spacing:-.025em}
.jbs-tags{display:flex;flex-wrap:wrap;gap:12px}
.jbs-tags span{padding:6px 16px;border-radius:999px;background:#EEF1F5;color:var(--navy);font-size:13px}
.jbs-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch;gap:18px;padding:8px 0}
.jbs-fav{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--blue);cursor:pointer;box-shadow:0 2px 10px rgba(15,23,42,.12)}
.jbs-fav svg{width:22px;height:22px}
.jbs-more{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 34px;border-radius:12px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}
.jbs-more svg{width:18px;height:18px}
.jbs-more:hover{filter:brightness(1.08)}
.jbs-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:42px 20px;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.08);text-align:center;color:#1F2A44}
.jbs-empty p{margin:0;max-width:600px;font-size:13px;line-height:1.5}
.jbs-empty div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.jbs-empty .jbs-more.alt{background:#fff;color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}

/* pagination */
.jbs-pages{display:flex;justify-content:center;align-items:center;gap:20px;margin:30px 0 0}
.jbs-pages button{min-width:42px;height:40px;padding:0 10px;border:1px solid #DFE5EE;border-radius:9px;background:#fff;color:var(--navy);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.jbs-pages button[aria-current=page]{border-color:var(--blue);background:var(--blue);color:#fff}
.jbs-pages button:disabled{opacity:.4;cursor:default}
.jbs-pages span{font-weight:600;color:var(--navy);letter-spacing:-.025em}
.jbs-pages svg{width:18px;height:18px;vertical-align:middle}

@media (max-width:1100px){
  .jbs-bar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jbs-q{grid-column:1/-1}
  .jbs-go{grid-column:1/-1}
  .jbs-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .jbs{padding:28px 0 48px}
  .jbs-lead{font-size:13px}
  .jbs-bar{grid-template-columns:1fr;gap:10px}
  .jbs-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}
  .jbs-cat-t{gap:8px;min-height:56px}
  .jbs-cat-t svg{width:22px;height:22px}
  .jbs-cat-t span{font-size:13px}
  .jbs-cat-t small{font-size:13px}
  .jbs-lh{margin-top:38px}
  .jbs-sort{font-size:13px}
  .jbs-sort>span{display:none}
  .jbs-job{grid-template-columns:1fr;gap:14px;padding:12px 12px 16px}
  .jbs-job>img{height:auto;aspect-ratio:16/8}
  .jbs-job h4{font-size:13px;padding-right:50px;letter-spacing:-.025em}
  .jbs-meta{gap:8px 18px;font-size:13px}
  .jbs-tags{gap:8px}
  .jbs-tags span{font-size:13px;padding:5px 12px}
  .jbs-side{position:static;flex-direction:row;padding:0}
  .jbs-fav{position:absolute;right:20px;top:20px}
  .jbs-more{width:100%;justify-content:center}
  .jbs-pages{gap:10px}
}
/* font-cap: PC text 13px (auto, do not edit) */
@media (min-width:761px){.jbs-go{font-size:13px;font-weight:500}.jbs-more{font-size:13px;font-weight:500}.jbs-pages button{font-size:13px;font-weight:500}}