/* Jobs list and detail pages. */
.jobs-tools { display: grid; gap: .8rem; padding: 1.2rem clamp(1.1rem, 3vw, 2rem); border-bottom: 1px solid var(--line); }
@media (min-width: 900px) { .jobs-tools { grid-template-columns: minmax(0, 1fr) auto auto; align-items: end; } }
.jobs-tools form { display: contents; }
.jobs-tools .field input, .jobs-tools .field select { min-height: 46px; padding: .6rem .9rem; border-radius: 12px; }
.jobs-tools .btn { min-height: 46px; }
.jobs-count { color: var(--dim); font-size: var(--s-1); padding: 1rem clamp(1.1rem, 3vw, 2rem); border-bottom: 1px solid var(--line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; align-items: center; }
.jobs-count .link { min-height: 0; }
.toggle { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; }
.toggle input { width: 20px; height: 20px; accent-color: var(--petal); margin: 0; }
.reqs-closed-head { padding: 1rem clamp(1.1rem, 3vw, 2rem) .6rem; color: var(--dim); font-size: var(--s-1); border-bottom: 1px solid var(--line); font-weight: 600; }

/* detail */
.job-hero .wrap { padding-block: clamp(3rem, 6vw, 4.5rem) clamp(2rem, 4vw, 3rem); }
.job-hero h1 { font-size: var(--s3); max-width: 24ch; }
.job-kicker { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; align-items: center; color: var(--dim); font-size: var(--s-1); margin-bottom: 1rem; }
.job-kicker .link { min-height: 0; }
.job-layout { display: grid; gap: 3rem; }
@media (min-width: 980px) { .job-layout { grid-template-columns: minmax(0, 7fr) 5fr; gap: 4.5rem; align-items: start; } }
.job-desc { display: grid; gap: .9rem; max-width: 70ch; }
.job-desc h2, .job-desc h3, .job-desc h4, .job-desc h5, .job-desc h6 { font-family: var(--display); font-size: var(--s1); font-weight: 600; letter-spacing: -.02em; margin-top: 1.2rem; }
.job-desc p, .job-desc li { color: var(--dim); }
.job-desc ul, .job-desc ol { margin: 0; padding-left: 1.3rem; display: grid; gap: .4rem; }
.job-desc a { color: var(--fg); text-decoration-color: var(--petal); text-underline-offset: 4px; }
.job-aside { display: grid; gap: 1.5rem; position: sticky; top: calc(74px + 1.5rem); }
.job-apply { border: 1px solid var(--line-2); border-radius: 22px; padding: clamp(1.25rem, 3vw, 1.75rem); background: linear-gradient(180deg, var(--panel), var(--bg-2)); display: grid; gap: 1rem; }
.job-apply h2 { font-size: var(--s2); font-weight: 600; }
.job-apply p { color: var(--dim); }
.job-closed { border: 1.5px dashed var(--line-2); border-radius: 18px; padding: 1.2rem 1.4rem; display: grid; gap: .6rem; }
.job-closed h2 { font-size: var(--s1); font-weight: 600; }
.job-closed p { color: var(--dim); }
.job-nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.job-nav a { text-decoration: none; display: grid; gap: .2rem; max-width: 24ch; min-height: 44px; }
.job-nav span { color: var(--dim); font-size: var(--s-1); }
.job-nav b { font-family: var(--display); font-weight: 600; }
.job-nav .next { text-align: right; margin-left: auto; }