.kom-jobs {
  max-width: 1000px;
  padding-top: 36px;
  padding-bottom: 64px;
  color: #192938;
}
.kom-jobs h1 { margin: 0 0 14px; }
.kom-jobs h2 { margin: 0 0 10px; font-size: 1.55rem; }
.kom-jobs__intro { max-width: 64ch; margin-bottom: 24px; font-size: 1.15rem; }
.kom-jobs__card, .kom-jobs__filters, .kom-jobs__notice {
  margin: 0 0 16px;
  padding: 20px;
  border: 1px solid #dbe2e8;
  border-radius: 12px;
  background: #fff;
}
.kom-jobs__filters, .kom-jobs__notice { background: #f3f7fa; }
.kom-jobs__filters, .kom-jobs__form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 185px), 1fr));
  align-items: end;
}
.kom-jobs__form-grid { margin: 16px 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kom-jobs label { display: block; margin: 0; }
.kom-jobs input:not([type=hidden]):not([type=checkbox]), .kom-jobs select, .kom-jobs textarea {
  display: block;
  width: 100%;
  min-height: 42px;
  margin-top: 5px;
  padding: 8px 10px;
  border: 1px solid #a5b4c2;
  border-radius: 6px;
  background: #fff;
  color: #192938;
  font: inherit;
}
.kom-jobs textarea { resize: vertical; }
.kom-jobs input[type=checkbox] { margin: 0 5px 0 0; vertical-align: middle; }
.kom-jobs__form > button { margin-top: 14px; }
.kom-jobs__employer { margin: 0 0 5px; font-weight: 600; }
.kom-jobs__meta { color: #425364; }
.kom-jobs__description { margin: 0 0 18px; white-space: pre-wrap; overflow-wrap: anywhere; }
.kom-jobs__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 0 0 18px; }
.kom-jobs__card > :last-child { margin-bottom: 0; }
.kom-jobs__table { overflow-x: auto; }
.kom-jobs .kom-jobs__button {
  display: inline-block;
  padding: 10px 15px;
  min-height: 42px;
  border: 1px solid #174366;
  border-radius: 6px;
  background: #174366;
  color: #fff;
  text-align: center;
  font: inherit;
  text-decoration: none;
}
.kom-jobs .kom-jobs__button:hover, .kom-jobs .kom-jobs__button:focus { background: #102f49; color: #fff; }
.kom-jobs :focus-visible { outline: 2px solid #1764a0; outline-offset: 3px; }
.kom-jobs__card a, .kom-jobs__actions a { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .kom-jobs__form-grid { grid-template-columns: 1fr; }
  .kom-jobs__card, .kom-jobs__filters, .kom-jobs__notice { padding: 14px; }
}