/* Compact cards for dense recruitment lists. */
.job-grid{gap:10px 12px}
.job-grid .job-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:start;column-gap:12px;row-gap:4px;min-height:0;padding:10px 12px;border:1px solid #ffd5be;border-radius:12px;background:linear-gradient(110deg,#fff5ed 0%,#fff 46%);box-shadow:inset 3px 0 0 #ff650f,0 3px 11px #e75b080b;transition:border-color .18s,box-shadow .18s}
.job-grid .job-card:hover,.job-grid .job-card:focus-within{border-color:#ff8b4a;box-shadow:inset 3px 0 0 #ff5000,0 5px 16px #ff500018}


.job-grid .job-body{grid-column:1;grid-row:1;min-width:0;padding:0}
.job-title-row{display:flex;align-items:flex-start;gap:7px}
.job-grid .job-card h3{min-height:0;margin:0;padding:0;font-size:14px;line-height:1.3;letter-spacing:-.15px;font-weight:700;color:#17191e;overflow-wrap:anywhere}
.job-grid .job-card h3 a:hover{color:var(--orange)}
.job-grid .new-badge{flex-shrink:0;align-self:flex-start;margin:2px 0 0;padding:0 5px;min-width:0;font-size:8px;font-weight:700;line-height:14px;border-radius:4px;background:#ff630a;color:#fff;border:1px solid #ff630a}
.job-grid .job-department{font-size:10.5px;line-height:1.25;margin:2px 0 3px;color:#646b77}
.job-grid .job-department>span{display:inline-block;max-width:100%;padding:1px 6px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #f1cfb4;border-radius:4px;background:#fff0e4;color:#914c21;font-size:10px;font-weight:600;line-height:13px}
.job-grid .job-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin:0;padding:0;font-size:10px;line-height:1.3;color:#686e7a}
.job-grid .job-meta>span{gap:4px;padding:2px 6px;border:1px solid #dfe3eb;border-radius:4px;background:#eef1f6;white-space:normal;font-weight:600;color:#414b5c;line-height:12px}
.job-grid .job-meta .icon{width:12px;height:12px;color:#69788e;stroke-width:1.8}
.job-card-footer{grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;border:0;padding:0;min-width:0}
.job-compensation{min-width:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 11px}
.job-salary{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:#dc4a00;font-size:11px;line-height:1.3;padding:2px 6px;background:#ffeddf;border:1px solid #ffd9bf;border-radius:5px}
.job-salary>.icon{width:13px;height:13px;stroke-width:1.7}
.job-salary strong{font-weight:800;white-space:nowrap}
.job-salary>span{font-size:9px;font-weight:400;color:#737884;margin-left:-1px}
.job-deadline{display:flex;align-items:center;gap:4px;color:#596273;font-size:9px;line-height:1.3;white-space:nowrap;padding:3px 6px;border:1px solid #e3e5eb;border-radius:4px;background:#f5f6f9}
.job-deadline .icon{width:11px;height:11px;color:#7b8495;stroke-width:1.8}
.job-deadline time{font-variant-numeric:tabular-nums;font-weight:600;color:#414b5c}
.job-grid .job-apply{position:static;align-self:end;justify-self:end;flex-shrink:0;min-height:29px;min-width:94px;right:auto;bottom:auto;padding:4px 8px;gap:5px;border-radius:6px;font-size:10px;font-weight:700;background:linear-gradient(110deg,#ff6508,#f74b00);border:1px solid #f55706;box-shadow:inset 0 1px 0 #ffffff25,0 3px 7px #f65a0024}
.job-grid .job-apply>.icon{width:14px;height:14px;stroke-width:1.7;transition:transform .18s}
.job-grid .job-apply:hover>.icon{transform:translateX(2px)}
@media(min-width:1250px){.job-grid .job-card{grid-template-columns:minmax(0,1fr);padding:10px 13px;column-gap:13px;min-height:0}.job-grid .job-card h3{font-size:14.5px}.job-grid .job-department{font-size:11px}.job-grid .job-meta{font-size:10.5px}.job-salary{font-size:12px}.job-deadline{font-size:10px}.job-grid .job-apply{min-width:96px;font-size:10.5px;min-height:29px}}
@media(min-width:961px) and (max-width:1249px){.job-salary>span{display:none}.job-compensation{gap:4px 8px}.job-grid .job-apply{min-width:88px;padding:5px 10px}}
@media(min-width:441px) and (max-width:700px){.job-grid{grid-template-columns:1fr}.job-grid .job-card{min-height:0}.job-grid .job-apply{min-height:32px}}
@media(max-width:440px){.job-grid{gap:9px}.job-grid .job-card{grid-template-columns:minmax(0,1fr);column-gap:10px;row-gap:4px;min-height:0;padding:9px 11px;border-radius:11px}.job-grid .job-card h3{font-size:13px;line-height:1.3}.job-grid .job-department{font-size:10px;margin:2px 0 3px}.job-grid .job-meta{font-size:10px;gap:5px 10px}.job-grid .job-meta>span{padding:2px 6px}.job-card-footer{gap:7px;padding:0}.job-compensation{gap:4px 8px}.job-salary{font-size:11px}.job-salary>span{display:none}.job-deadline{font-size:9px}.job-grid .job-apply{font-size:10px;min-width:90px;min-height:32px;padding:5px 10px;gap:4px}.job-grid .new-badge{font-size:8px;line-height:13px;padding:0 4px}}
@media(max-width:360px){.job-compensation{flex-direction:column;align-items:flex-start;gap:3px}.job-grid .job-card{padding:9px 10px;column-gap:9px}.job-title-row{gap:5px}.job-grid .job-card h3{font-size:12.5px}.job-grid .job-apply{min-width:86px}}
@media(prefers-reduced-motion:reduce){.job-grid .job-card,.job-grid .job-apply>.icon{transition:none}}
.jobs-pagination{margin-top:22px;padding:20px;border:1px solid #ffd6bd;border-radius:14px;background:linear-gradient(120deg,#fff5ec,#fffdfb);box-shadow:0 5px 18px #ff64000a}
.jobs-pagination .pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;font-size:13px}
.jobs-pagination .pagination a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:1px solid #eadfd8;border-radius:9px;background:#fff;color:#57515a;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}
.jobs-pagination .pagination a:hover{border-color:#ff7b32;background:#fff0e5;color:#e84d00}
.jobs-pagination .pagination a.current{background:#fff;color:#f15309;border:2px solid #ff6415;box-shadow:0 2px 7px #ff620017;font-weight:800}
.jobs-pagination .pagination a.pagination-next{width:auto;gap:8px;padding:0 16px;background:linear-gradient(110deg,#ff5000,#ff800c);border-color:#ff650b;color:#fff;box-shadow:0 4px 10px #ff620025}
.jobs-pagination .pagination a.pagination-next:hover{background:#e94e00;box-shadow:0 5px 13px #ff62003b}
.jobs-pagination .pagination a:focus-visible{outline:3px solid #ff9b61;outline-offset:3px}
@media(max-width:540px){.jobs-pagination{padding:17px 12px;margin-top:18px}.jobs-pagination-summary strong{font-size:14px}.jobs-pagination-summary>span{font-size:11px}.jobs-pagination .pagination{gap:6px}.jobs-pagination .pagination a{width:36px;height:38px}.jobs-pagination .pagination a.pagination-next{flex-basis:100%;margin-top:5px;height:42px}}