.pi-project-core-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin: 12px 0 20px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(78, 161, 255, .26) !important;
  border-inline-start: 3px solid #f2c230 !important;
  border-radius: 14px !important;
  background: linear-gradient(110deg, rgba(13, 27, 48, .96), rgba(7, 15, 28, .92)) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .035) !important;
  color: #dce9f8 !important;
  line-height: 1.45 !important;
}

.pi-project-meta-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(134, 162, 196, .22) !important;
  border-radius: 10px !important;
  background: rgba(19, 38, 63, .72) !important;
  color: #e7f0fb !important;
  font-size: clamp(13px, .95vw, 15px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

.pi-project-delivery-chip,
.pi-project-delivery-row {
  border: 2px solid rgba(242, 194, 48, .9) !important;
  outline: 1px solid rgba(255, 232, 138, .2) !important;
  background: linear-gradient(120deg, rgba(242, 194, 48, .33), rgba(201, 133, 0, .16)) !important;
  box-shadow: 0 12px 32px rgba(242, 194, 48, .2), inset 0 1px rgba(255, 244, 189, .22) !important;
  color: #fff4bd !important;
  font-size: clamp(18px, 1.35vw, 22px) !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
}

.pi-project-delivery-chip {
  display: inline-flex !important;
  flex: 1.35 1 330px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  min-height: 68px !important;
  padding: 12px 16px !important;
  gap: 5px 10px !important;
}

.pi-project-delivery-disclosure {
  display: block !important;
  flex-basis: 100% !important;
  color: #f7dc7b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.pi-project-delivery-row {
  margin-block: 5px !important;
  padding: 8px 10px !important;
  border-radius: 9px !important;
}

@media (max-width: 700px) {
  .pi-project-core-meta {
    gap: 8px !important;
    padding: 10px !important;
  }
  .pi-project-meta-chip {
    flex: 1 1 calc(50% - 4px) !important;
    min-width: 138px !important;
    min-height: 46px !important;
    font-size: 13px !important;
  }
  .pi-project-delivery-chip {
    flex-basis: 100% !important;
    min-height: 74px !important;
    font-size: 20px !important;
  }
}

@media (max-width: 410px) {
  .pi-project-meta-chip {
    flex: 1 1 calc(50% - 4px) !important;
    min-width: 0 !important;
  }
  .pi-project-delivery-chip { flex-basis: 100% !important; }
}
