/* static/css/ausbildung/job_detail.css */

.section-title {
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--dark);
}

.map-placeholder {
  height: 220px;
  border-radius: 0.75rem;
  background: rgba(99, 102, 241, 0.05);
}

.timeline {
  list-style: none;
  padding: 0;
}

.timeline-step {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
}

.timeline-step::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--primary);
  font-weight: bold;
}

.support-list i {
  color: var(--primary);
  margin-right: 0.5rem;
}

.similar-job-card {
  transition: all 0.3s ease;
}

.similar-job-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.job-detail .job-description {
  line-height: 1.6;
}

.job-detail .job-description h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 1.5rem 0 1rem 0;
  color: #2c3e50;
}

.job-detail .job-description h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 1.25rem 0 0.75rem 0;
  color: #34495e;
}

.job-detail .job-description h4 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1rem 0 0.5rem 0;
  color: #34495e;
}

.job-detail .job-description p {
  margin: 0.75rem 0;
  color: #555;
}

.job-detail .job-description ul,
.job-detail .job-description ol {
  margin: 0.75rem 0;
  padding-left: 1.5rem;
}

.job-detail .job-description li {
  margin: 0.25rem 0;
}