:root { --blue1:#002984; --blue2:#2962ff; }

.eh-careers { max-width:1200px; margin:0 auto; padding:0 16px; }

/* Heading rendered as <div role="heading"> to avoid theme H2 overrides */
.eh-careers .eh-heading{
  display:block;
  margin:28px 0 16px;
  color:#1937a3;
  font-size:clamp(22px, 2.2vw, 32px);
  line-height:1.25;
  font-weight:700;
  font-family:var(--preset-id-10ca7afc-748b-489b-b773-53d6e6351d44-font-family, system-ui);
}

/* Grid + cards */
.eh-grid{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
}
.eh-card{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 3px 14px rgba(0,0,0,.08);
  background:#fff;
}
.eh-card-content{
  background:#fff;
  padding:16px;
  border-radius:12px;
  margin:-44px 12px 12px;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
}

/* Tile header background: gradient OVER the silhouette injected via --eh-bg */
.eh-card-bg{
  height:150px;
  background-image:
    linear-gradient(135deg, rgba(0,41,132,0.92) 0%, rgba(41,98,255,0.92) 100%),
    var(--eh-bg, none);
  background-size:cover, cover;
  background-position:center, center;
  background-repeat:no-repeat, no-repeat;
}

/* Title – force your preset, with sensible fallbacks */
.eh-careers .eh-title{
  margin:0 0 8px;
  color:#0f2b8a;
  font-size:clamp(20px, 1.4vw, 28px) !important;
  line-height:var(--preset-id-10ca7afc-748b-489b-b773-53d6e6351d44-line-height, 1.25) !important;
  font-weight:var(--preset-id-10ca7afc-748b-489b-b773-53d6e6351d44-font-weight, 700) !important;
  font-family:var(--preset-id-10ca7afc-748b-489b-b773-53d6e6351d44-font-family, system-ui) !important;
}

/* Meta rows + link — same family/line-height, fallback-safe */
.eh-meta{
  margin:0 0 6px;
  font-size:14px;
  color:#555;
  display:flex; align-items:center; gap:8px;
  line-height:var(--preset-id-10ca7afc-748b-489b-b773-53d6e6351d44-line-height, 1.4) !important;
  font-family:var(--preset-id-10ca7afc-748b-489b-b773-53d6e6351d44-font-family, system-ui) !important;
}
.eh-link{
  display:inline-block; margin-top:10px; text-decoration:none; font-weight:600;
  color:#2557ff;
  line-height:var(--preset-id-10ca7afc-748b-489b-b773-53d6e6351d44-line-height, 1.4) !important;
  font-family:var(--preset-id-10ca7afc-748b-489b-b773-53d6e6351d44-font-family, system-ui) !important;
}
.eh-link:hover{ text-decoration:underline; }

/* Icons */
.eh-icon{ width:16px; height:16px; flex-shrink:0; color:#2962ff }

.eh-empty{ color:#666 }
.eh-careers-error{ color:#b00020 }