/* OPEN JOBS (24 Oct 2026): the jobs page; shares book-table-model.css and join-table-model.css. */
.jtop { padding-top: 110px; }
.jtop h1 { margin-top: 10px; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 18px; }
.chips button { min-height: 40px; padding: 0 12px; border: 1px solid var(--line); background: transparent; color: var(--soft); font: inherit;
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase; cursor: pointer; }
.chips button.on { background: var(--gold); border-color: var(--gold); color: #0A1A40; }
.cityin { display: block; width: 100%; margin-top: 10px; background: transparent; border: 1px solid var(--line); border-radius: 0; padding: 13px 14px;
  font: inherit; font-size: 16px; color: var(--cream); min-height: 48px; -webkit-appearance: none; appearance: none; }
.cityin::placeholder { color: rgba(241, 228, 198, .6); }
.cityin:focus { outline: none; border-color: var(--gold); }
.job { display: grid; grid-template-columns: 104px 1fr; gap: 14px; padding: 14px 0; border-top: 1px solid var(--line); }
.job:last-child { border-bottom: 1px solid var(--line); }
.job .ph { min-height: 138px; background-size: cover; background-position: center; }
.job b { display: block; font-weight: 400; font-size: 15px; margin: 4px 0 6px; }
.job .d { font-size: 13px; color: var(--soft); line-height: 1.45; }
.job h3 { font-weight: 400; font-size: 21px; letter-spacing: .04em; text-transform: uppercase; margin: 2px 0 8px; }
.job .f { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.job .f a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 6px; text-align: center;
  background: linear-gradient(165deg, var(--cream), #D8BD84); color: #0A1A40; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; }
.job .f a.m { background: transparent; border: 1px solid rgba(227, 207, 163, .6); color: var(--cream); }
.empty { padding: 22px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.empty b { display: block; font-weight: 400; font-size: 17px; }
.empty span { display: block; font-size: 13.5px; color: var(--soft); margin-top: 6px; line-height: 1.5; }
.ck { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; font-size: 13px; color: var(--soft); line-height: 1.45; cursor: pointer; }
.form .ck input { flex: none; display: inline-block; width: 18px; height: 18px; min-height: 0; padding: 0; margin-top: 1px; border: 0;
  -webkit-appearance: checkbox; appearance: auto; accent-color: #E3CFA3; }
.push { display: block; margin: 2px auto 14px; min-height: 40px; background: none; border: 0; font: inherit; font-size: 13px; color: var(--cream);
  text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(227, 207, 163, .55); cursor: pointer; }
.job.filled .ph { filter: grayscale(1); opacity: .55; }
.job.filled h3 { color: var(--gold); }