/* recruit.css */
.container { max-width: 1000px; }
.section { padding: 80px 0; }
.section-title { font-size: 28px; text-align: center; margin: 0 0 50px 0; font-weight: 600; }
.hero-section { height: 400px; background-image: url('https://images.unsplash.com/photo-1521791136064-7986c2920216?q=80&w=1469'); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; }
.hero-content { background-color: rgba(0, 0, 0, 0.4); padding: 20px 40px; }
.hero-title { font-size: 36px; margin: 0; font-weight: 600; }
.job-listings { border-top: 1px solid var(--color-border); }
.job-item { border-bottom: 1px solid var(--color-border); }
.job-item summary { display: flex; justify-content: space-between; align-items: center; padding: 25px 15px; cursor: pointer; list-style: none; }
.job-item summary::-webkit-details-marker { display: none; }
.job-summary-title { font-size: 18px; font-weight: 600; margin: 0; }
.job-summary-meta { font-size: 13px; color: #777; }
.job-item summary::after { content: '+'; font-size: 30px; font-weight: 300; color: #ccc; transition: transform 0.3s; }
.job-item[open] > summary::after { content: '−'; transform: rotate(180deg); }
.job-details { padding: 10px 40px 40px 40px; background-color: var(--color-light-gray); }
.job-details-table { width: 100%; border-collapse: collapse; }
.job-details-table th, .job-details-table td { padding: 15px; border-bottom: 1px solid var(--color-border); text-align: left; }
.job-details-table th { width: 120px; font-weight: 600; }
.job-details-table tr:last-child th, .job-details-table tr:last-child td { border-bottom: none; }
.btn-entry { display: block; width: 280px; margin: 30px auto 0; padding: 15px; font-size: 16px; }
.benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
.benefit-item { text-align: center; }
.benefit-icon { font-size: 40px; margin-bottom: 15px; color: var(--color-dark); }
.benefit-title { font-size: 16px; font-weight: 600; margin: 0 0 10px 0; }
.benefit-text { font-size: 14px; color: #666; }
.process-steps { display: flex; justify-content: space-between; text-align: center; position: relative; }
.process-steps::before { content: ''; position: absolute; top: 25px; left: 10%; right: 10%; height: 2px; background-color: var(--color-border); z-index: -1; }
.process-step { max-width: 180px; }
.step-number { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: var(--color-dark); color: #fff; font-weight: bold; margin: 0 auto 15px; }
.step-title { font-weight: 600; }
@media (max-width: 768px) {
    .section { padding: 60px 0; }
    .section-title { font-size: 24px; margin-bottom: 30px; }
    .hero-title { font-size: 28px; }
    .job-summary-title { font-size: 16px; }
    .job-details { padding: 20px; }
    .process-steps { flex-direction: column; align-items: center; gap: 40px; }
    .process-steps::before { display: none; }
}