/* Careers page styles - modern, clean, and responsive */
:root{
  --accent:#0d6efd;
  --muted:#6c757d;
  --bg:#f7f9fb;
  --card-bg:#fff;
  --radius:12px;
}

.careers-hero{
  position:relative;
  background-size:cover;
  background-position:center;
  padding:80px 0;
  color:#fff;
}
.careers-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(7,22,41,0.55), rgba(7,22,41,0.55));
}
.careers-hero .hero-inner{position:relative; z-index:2; text-align:center}
.careers-hero h1{font-weight:700; font-size:2.6rem; margin-bottom:.5rem}
.careers-hero p.lead{color:rgba(255,255,255,0.9); margin-bottom:1rem}
.breadcrumb{background:transparent; justify-content:center; padding:0; margin-bottom:0}

.section-intro{padding:60px 0}
.career-card, .job-card{background:var(--card-bg); padding:24px; border-radius:var(--radius); box-shadow:0 8px 30px rgba(10,30,60,0.06); border:1px solid rgba(15,40,60,0.03)}
.career-card i{font-size:34px; color:var(--accent); margin-bottom:10px}
.career-card h5{margin-bottom:.5rem}

.jobs-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px}
/* Enhanced job card visuals */
.job-card{position:relative; overflow:hidden; display:flex; gap:18px; align-items:flex-start; transition:transform .28s ease, box-shadow .28s ease; padding:18px}
.job-card:hover{transform:translateY(-6px); box-shadow:0 20px 50px rgba(10,30,60,0.09)}
.job-visual{width:64px; height:64px; min-width:64px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(13,110,253,0.09), rgba(13,110,253,0.03));}
.job-visual i{font-size:22px; color:var(--accent)}
.job-body{flex:1}
.job-body h5{font-size:1.125rem; font-weight:700; margin-bottom:6px}
.job-desc{color:var(--muted); margin-bottom:8px}
.job-meta{display:flex; flex-wrap:wrap; gap:10px; align-items:center}
.job-tag{background:rgba(13,110,253,0.08); color:var(--accent); padding:6px 10px; border-radius:999px; font-weight:600; font-size:13px}
.job-meta small{color:var(--muted)}
.job-actions{display:flex; align-items:center}
.job-actions .apply-btn{border-radius:8px}

/* Layout adjustments for small screens */
@media (max-width: 991px){
  .jobs-grid{grid-template-columns:1fr}
  .careers-hero{padding:56px 0}
  .job-card{flex-direction:column; align-items:stretch}
  .job-visual{width:56px; height:56px; margin-bottom:8px}
  .job-actions{margin-top:12px}
}

/* Toasts */
.toast.position-fixed{z-index:1100}

/* Small utilities */
.text-muted{color:var(--muted)!important}
.btn-outline-primary{border-radius:8px}