/* Homepage enhancements - Latest Microjobs */
#latest-jobs {
  --accent: #044f27;
  --card-bg: transparent;
  --border: #ffffff;
  --text: #ffffff;
  padding: 16px 0;
  background: linear-gradient(rgba(4,79,39,0.46), rgba(4,79,39,0.48)), url('../../images/hero-bg.jpg') center/cover no-repeat;
  background-attachment: fixed;
}
#latest-jobs .container { max-width: 1100px; margin: 0 auto; padding: 0 4px; }
#latest-jobs h2 { font-size: 2rem; font-weight: 600; margin: 0 0 12px; text-align: left; color: var(--text); }
#latest-jobs h2::after { content: ''; display: block; width: 56px; height: 3px; background: var(--accent); border-radius: 2px; margin-top: 6px; }
#latest-jobs #jobs-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
@media (max-width: 720px) { #latest-jobs #jobs-grid { grid-template-columns: 1fr; } }
#latest-jobs .card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 1px 2px rgba(255, 255, 255, 0.04); padding: 14px; max-width: none; height: 100%; transition: transform 0.15s ease, box-shadow 0.15s ease; }
#latest-jobs .card:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(255, 255, 255, 0.08); }
#latest-jobs .card h3 { font-size: 1.5rem; margin-bottom: 6px; color: var(--text); }
#latest-jobs .card p { font-size: 0.92rem; margin-bottom: 6px; color: #ffffff; }
#latest-jobs .btn { display: inline-block; background: var(--accent); color: #fff; border: none; border-radius: 6px; padding: 9px 16px; font-size: 0.9rem; text-decoration: none; }
#latest-jobs .btn:hover { opacity: 0.92; }