.job-tools{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;margin:20px 0 10px}
.job-tools input,.job-tools select{margin:0;padding:12px;border:1px solid var(--line);background:white;font:inherit}
.button-link{display:flex;align-items:center;background:var(--green);color:white;text-decoration:none;padding:0 16px;font-size:13px;font-weight:700}
.source-note{font-size:12px;color:var(--muted);line-height:1.6}
.raw-job{border-bottom:1px solid var(--line);background:var(--paper)}
.raw-job summary{display:grid;grid-template-columns:1.7fr .5fr .4fr .7fr;gap:14px;align-items:center;padding:17px 12px;cursor:pointer}
.raw-job summary h3{font-size:15px;margin:0 0 5px}
.raw-job summary p,.raw-job summary span,.raw-job summary small{font-size:12px;color:var(--muted);margin:0}
.raw-detail{padding:2px 24px 24px}
.raw-detail p{font-size:13px}
.raw-detail pre{white-space:pre-wrap;background:white;border:1px solid var(--line);padding:18px;line-height:1.7;font:13px/1.7 inherit;max-height:420px;overflow:auto}
.raw-detail a{color:var(--green);font-weight:700}
.pager{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:22px}
.pager button:disabled{opacity:.4;cursor:not-allowed}
.empty{text-align:center;color:var(--muted);padding:30px}
@media(max-width:800px){
  .job-tools{grid-template-columns:1fr 1fr}
  .job-tools input{grid-column:span 2}
  .raw-job summary{grid-template-columns:1fr auto}
  .raw-job summary small,.raw-job summary span:nth-of-type(2){display:none}
}