/* ==========================================================================
   Seite: Jobs (Unternehmen/Jobs.aspx)
   Inhalt: Kopf mit Stellentitel (.page-hero, siehe Infoseite.css), darunter eine
   Karte mit «Aufgaben» und «Profil» nebeneinander und dem Bewerbungs-Link
   (Liste im Stil der PDF-Seiten, siehe Infoseite.css)
   ========================================================================== */

/* ==========================================================================
   Aufgaben und Profil: zwei Kästen nebeneinander
   ========================================================================== */
.jobs-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 0;
}

/* Ein Kasten («Ihre Aufgaben» bzw. «Ihr Profil») */
.jobs-block {
  padding: 1.3rem 1.4rem;
  border-radius: var(--radius-container);
  border: 1px solid var(--pdf-line);
  background: var(--pdf-hover);
}

/* Überschrift des Kastens mit Icon davor */
.jobs-block h2 {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 0 0.9rem;
  font-size: 1.15rem;
}

/* Icon-Kästchen neben der Überschrift */
.jobs-block-icon {
  --icon-size: 38px;
}

.jobs-checks svg {
  width: 20px;
  height: 20px;
}

/* Aufzählung mit Häkchen (Aufgaben bzw. Anforderungen) */
.jobs-checks {
  display: grid;
  gap: 0.65rem;
}

.jobs-checks li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  line-height: 1.5;
  color: var(--dark-copy);
}

/* Häkchen vor jedem Punkt */
.jobs-checks svg {
  flex: 0 0 auto;
  margin-top: 0.12rem;
  color: var(--pdf-download);
}

/* ==========================================================================
   Handy: Aufgaben und Profil untereinander
   ========================================================================== */
@media (max-width: 760px) {
  .jobs-grid {
    grid-template-columns: 1fr;
  }
}