.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 860px) { .why-grid { grid-template-columns: 1fr; } }
#jobs-list { display: grid; gap: 18px; }
.job-card { border: 1px solid var(--line-soft); border-radius: var(--r-xl); padding: clamp(24px, 3vw, 34px); background: var(--bg); box-shadow: var(--shadow-card); }
.job-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.job-top h3 { font-size: 1.22rem; }
.job-type { font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ember); background: var(--ember-tint); border-radius: 100px; padding: 6px 14px; }
.job-meta { font-size: 0.86rem; color: var(--muted); margin: 6px 0 12px; font-weight: 600; }
.job-apply { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-weight: 700; font-size: 0.92rem; color: var(--ember); }
.jobs-empty { border: 1.5px dashed var(--line); border-radius: var(--r-xl); padding: clamp(28px, 4vw, 44px); text-align: center; }
.jobs-empty h3 { margin-bottom: 10px; }
.jobs-empty p { max-width: 560px; margin: 0 auto; }
.apply-panel { border: 1px solid var(--line-soft); border-radius: var(--r-xl); background: var(--bg); box-shadow: var(--shadow-card); padding: clamp(26px, 4vw, 44px); }

.attach-note { border: 1.5px dashed var(--line); border-radius: 12px; padding: 14px 16px; font-size: 0.9rem; color: var(--body); background: var(--bg-soft); }
.attach-note strong { color: var(--ink); }