/* Student jobs pages (instulypulse.com) */
.jobs-page { padding-bottom: 48px; }
.job-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 12px; }
.job-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border: 1px solid #E3E8F0; border-radius: 999px; background: #fff; color: #4F6073; font-weight: 700; font-size: .88rem; text-decoration: none; }
.job-chip:hover { background: #EEF3FF; color: #12263F; }
.job-chip.on { background: #1F55E0; border-color: #1F55E0; color: #fff; }
.job-chip .n { min-width: 20px; padding: 0 6px; border-radius: 999px; background: #EEF3FF; color: #1F55E0; font-size: .75rem; line-height: 20px; text-align: center; }
.job-chip.on .n { background: rgba(255,255,255,.22); color: #fff; }
.job-switch { display: flex; gap: 18px; margin: 0 0 20px; font-weight: 700; }
.job-switch a { color: #4F6073; text-decoration: none; padding-bottom: 4px; border-bottom: 2px solid transparent; }
.job-switch a.on { color: #12263F; border-bottom-color: #1F55E0; }
.job-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.job-card { display: flex; flex-direction: column; gap: 10px; padding: 20px; border: 1px solid #E3E8F0; border-radius: 16px; background: #fff; box-shadow: 0 10px 26px -22px rgba(18,38,63,.35); }
.job-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.job-tag { padding: 3px 10px; border-radius: 999px; background: #EEF3FF; color: #1F55E0; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.job-tag-client { background: #E3F5EC; color: #0B7A53; }
.job-title { margin: 0; font-size: 1.1rem; line-height: 1.3; color: #12263F; }
.job-text { margin: 0; color: #4F6073; font-size: .94rem; line-height: 1.55; flex: 1; }
.job-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: .86rem; color: #4F6073; }
.job-price { font-weight: 800; font-size: 1.05rem; color: #0B7A53; }
.job-pager { display: flex; justify-content: center; align-items: center; gap: 18px; margin: 28px 0; font-weight: 700; }
.job-empty { padding: 36px 24px; border: 1px dashed #C9D3E3; border-radius: 16px; background: #F5F7FB; text-align: center; }
.job-empty h2 { margin: 0 0 8px; }
.job-steps { padding-left: 1.2em; line-height: 1.7; }
.job-cta { padding: 24px; border-radius: 16px; background: #EEF3FF; }
@media (max-width: 560px) { .job-grid { grid-template-columns: 1fr; } }