.bjf-wrap{
    --blue:#1f5edc;
    --blue-dark:#154bb8;
    --text:#111827;
    --muted:#667085;
    --border:#e6eaf0;
    --soft:#f8fafc;
    max-width:1240px;
    margin:auto;
    color:var(--text);
}
.bjf-heading{margin-bottom:22px}
.bjf-kicker{display:block;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}
.bjf-heading h2{margin:0 0 8px;font-size:clamp(30px,4vw,46px);line-height:1.08}
.bjf-heading p{margin:0;color:var(--muted)}
.bjf-filter{display:grid;grid-template-columns:1.55fr .95fr auto auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 5px 20px rgba(17,24,39,.04);margin-bottom:20px}
.bjf-input-wrap,.bjf-select-wrap{position:relative}
.bjf-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px;color:#475467;pointer-events:none}
.bjf-filter input,.bjf-filter select{width:100%;min-height:52px;padding:0 14px 0 45px;border:1px solid #d9dee7;border-radius:12px;background:#fff;font:inherit;color:var(--text);outline:none}
.bjf-filter input:focus,.bjf-filter select:focus{border-color:#9bb5f4;box-shadow:0 0 0 3px rgba(31,94,220,.08)}
.bjf-search{min-height:52px;padding:0 24px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}
.bjf-search:hover{background:var(--blue-dark)}
.bjf-clear{font-weight:700;color:var(--blue);text-decoration:none}
.bjf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 18px;color:var(--muted)}
.bjf-count{display:flex;align-items:center;gap:7px;color:#283044}.bjf-count strong{color:var(--text)}
.bjf-briefcase{color:var(--blue);font-weight:800}
.bjf-range{font-size:14px}
.bjf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bjf-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(17,24,39,.04);transition:transform .18s ease,box-shadow .18s ease}
.bjf-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,24,39,.08)}
.bjf-topline{display:flex;gap:16px;align-items:flex-start}
.bjf-icon{display:grid;place-items:center;flex:0 0 74px;width:74px;height:74px;border-radius:50%;background:#eef4ff;font-size:32px}
.bjf-card-head{min-width:0;flex:1}
.bjf-badges{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}
.bjf-category,.bjf-new{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:800}
.bjf-category{padding:6px 10px;background:#eaf1ff;color:#2157bd}
.bjf-new{padding:6px 9px;background:#e7f7e8;color:#16722b}
.bjf-card h3{margin:0 0 6px;font-size:20px;line-height:1.3;color:#111827}
.bjf-company{font-size:15px;color:#202938}
.bjf-meta{margin-top:18px;color:#475467;font-size:13px}
.bjf-meta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}
.bjf-desc{margin:18px 0 16px;color:#344054;line-height:1.65}
.bjf-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:16px}
.bjf-tags span{padding:7px 11px;border-radius:999px;background:#edf3ff;color:#2157bd;font-size:12px;font-weight:700}
.bjf-apply{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:11px;background:var(--blue);color:#fff!important;text-decoration:none!important;font-weight:800}
.bjf-apply:hover{background:var(--blue-dark)}
.bjf-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:30px}
.bjf-pagination a,.bjf-pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#202938;text-decoration:none;font-weight:700}
.bjf-pagination .current{background:var(--blue);color:#fff;border-color:var(--blue)}
.bjf-pagination .nav{font-size:22px}
.bjf-pagination .dots{padding:0 3px;color:var(--muted)}
.bjf-message{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--soft)}
@media(max-width:980px){
    .bjf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .bjf-filter{grid-template-columns:1fr 1fr}
    .bjf-search,.bjf-clear{width:100%}
    .bjf-clear{text-align:center}
}
@media(max-width:640px){
    .bjf-grid{grid-template-columns:1fr}
    .bjf-filter{grid-template-columns:1fr}
    .bjf-toolbar{align-items:flex-start;flex-direction:column}
    .bjf-topline{gap:12px}
    .bjf-icon{flex-basis:60px;width:60px;height:60px;font-size:27px}
    .bjf-card{padding:18px}
}