/* Job detail: keep the employer and practical information close to the next action. */
.j5.j5-job-detail .job-detail-header { grid-template-columns:minmax(0,1fr); gap:0; padding-block:2rem 2.5rem; }
.j5.j5-job-detail .job-detail-header > div { min-width:0; }
.j5.j5-job-detail .j5-detail-brand { display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem; }
.j5.j5-job-detail .j5-detail-brand > .j5-detail-company-mark { flex:0 0 auto; }
.j5.j5-job-detail .j5-detail-brand .company-mark { width:96px; height:72px; padding:6px; border-radius:4px; font-size:1.6rem; }
.j5.j5-job-detail .j5-detail-brand .company-mark img { display:block; width:100%; height:100%; object-fit:contain; }
.j5.j5-job-detail .j5-detail-brand > .eyebrow { min-width:0; margin:0; color:var(--jp-green,#0d4c38); font-size:.8rem; line-height:1.5; letter-spacing:.06em; }
.j5.j5-job-detail .j5-detail-brand .j5-company-link { min-height:44px; max-width:100%; white-space:normal; }
.j5.j5-job-detail .j5-detail-brand button:focus-visible { outline:3px solid var(--jp-green,#0d4c38); outline-offset:4px; }
.j5.j5-job-detail .j5-detail-meta { display:flex; flex-wrap:wrap; gap:.35rem 1.25rem; margin-top:1rem; }
.j5.j5-job-detail .j5-detail-meta > span { min-width:0; }
.j5.j5-job-detail .job-detail-aside .j5-detail-facts { display:block; grid-column:1 / -1; margin:1.25rem 0 .5rem; }
.j5.j5-job-detail .job-detail-aside .j5-detail-facts > div { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:baseline; gap:.75rem; font-size:.875rem; line-height:1.5; }
.j5.j5-job-detail .job-detail-aside .j5-detail-facts dt,
.j5.j5-job-detail .job-detail-aside .j5-detail-facts dd { min-width:0; white-space:normal; word-break:normal; overflow-wrap:normal; hyphens:auto; }
.j5.j5-job-detail .job-detail-aside .j5-detail-facts dd { text-align:right; font-weight:500; }
.j5.j5-job-detail .job-detail-aside > .j5-share-menu,
.j5.j5-job-detail .job-detail-aside > .j5-job-expired { grid-column:1 / -1; }
@media (max-width:900px) {
    .j5.j5-job-detail .job-detail-aside .j5-detail-facts { margin:1rem 0 0; }
    .j5.j5-job-detail .job-detail-aside .j5-detail-facts > div { grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); }
}
@media (max-width:600px) {
    .j5.j5-job-detail .job-detail-header { padding-block:1.5rem 2rem; }
    .j5.j5-job-detail .j5-detail-brand { gap:.75rem; margin-bottom:1.25rem; }
    .j5.j5-job-detail .j5-detail-brand .company-mark { width:80px; height:64px; }
    .j5.j5-job-detail .j5-detail-brand > .eyebrow { font-size:.75rem; }
}