/* Additional styles for the Current Employer tag - with grid alignment fixes */
.company-header {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  gap: 15px !important; /* Quarter grid alignment */
  margin-bottom: 30px !important; /* Half grid alignment */
}

.company-name {
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.5 !important; /* For better vertical alignment */
}

.company-tag {
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 4px 12px !important; /* More precise padding */
  height: 24px !important; /* Fixed height for better grid alignment */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  top: -1px !important; /* Fine-tune vertical alignment */
}

@media (max-width: 768px) {
  .company-header {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-bottom: 20px !important; /* Adjusted for mobile */
  }
  
  .company-tag {
    height: 22px !important; /* Slightly smaller for mobile */
    padding: 3px 10px !important;
  }
}

/* Special fix for Habitat Academy header to align with grid */
.habitat-header {
  margin-bottom: 30px !important; /* Exact half-grid for alignment */
}

.habitat-header .company-name {
  font-size: 20px !important; /* Better grid alignment */
}

.habitat-header .company-tag {
  position: relative !important;
  top: 0 !important; /* Precise vertical alignment */
}