/* V167: dual-function market pull cards: Knowledge Matching + Creation Path */
.demand-channel-card .front-demand-signal,
.demand-channel-card .front-creation-path{
  margin:10px 0 10px!important;
  padding:14px!important;
  border-radius:18px!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(6,22,51,.16)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

.demand-channel-card .front-knowledge-match{
  background:linear-gradient(180deg,#061633,#0d234e)!important;
}

.demand-channel-card .front-creation-path{
  background:linear-gradient(180deg,#073b2f,#0b6a4a)!important;
  border-color:rgba(174,255,201,.22)!important;
  box-shadow:0 16px 34px rgba(7,77,56,.16)!important;
}

.demand-channel-card .front-demand-signal span,
.demand-channel-card .front-creation-path span{
  display:block!important;
  margin:0 0 7px!important;
  text-transform:uppercase!important;
  letter-spacing:.17em!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
}

.demand-channel-card .front-knowledge-match span{
  color:#c9efff!important;
}

.demand-channel-card .front-creation-path span{
  color:#b6ff9b!important;
}

.demand-channel-card .front-demand-signal p,
.demand-channel-card .front-creation-path p{
  margin:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:650!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.demand-channel-card .front-creation-path p em{
  display:block!important;
  margin-top:6px!important;
  font-style:normal!important;
  color:#dcffd0!important;
  font-weight:850!important;
}

.demand-channel-card .front-route-cta{
  appearance:none!important;
  border:0!important;
  margin-top:10px!important;
  padding:0!important;
  background:transparent!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  cursor:pointer!important;
  font-size:12.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  text-align:left!important;
}

.demand-channel-card .front-knowledge-match .front-route-cta{
  color:#ffffff!important;
}

.demand-channel-card .front-creation-path .front-route-cta{
  color:#c8ffaf!important;
}

.demand-channel-card .front-route-cta:hover{
  text-decoration:underline!important;
}

/* Give cards enough vertical rhythm for two action routes without feeling crowded */
.demand-channel-card .card-body{
  display:flex!important;
  flex-direction:column!important;
}

.demand-channel-card .summary{
  -webkit-line-clamp:2!important;
}

/* Drawer creation path module */
.creation-path-module{
  margin-top:18px!important;
  padding:clamp(18px,2.4vw,28px)!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#f4fff8,#ffffff 56%,#f7fbff)!important;
  border:1px solid rgba(170,224,199,.88)!important;
  box-shadow:0 18px 54px rgba(8,80,58,.08)!important;
}

.creation-path-module .section-head p{
  color:#08724e!important;
}

.creation-path-module .section-head h3{
  color:#061633!important;
}

.creation-path-intro{
  display:grid!important;
  grid-template-columns:1.2fr .9fr .9fr!important;
  gap:12px!important;
  margin-top:16px!important;
}

.creation-path-intro article{
  padding:16px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid rgba(197,225,210,.9)!important;
  box-shadow:0 10px 28px rgba(8,80,58,.055)!important;
}

.creation-path-intro b{
  display:block!important;
  color:#061633!important;
  font-size:16px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  margin-bottom:8px!important;
}

.creation-path-intro p,
.creation-path-intro li{
  margin:0!important;
  color:#51637a!important;
  font-size:13.8px!important;
  line-height:1.42!important;
  font-weight:570!important;
}

.creation-path-intro ul{
  margin:0!important;
  padding-left:18px!important;
}

.creation-priority-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:12px!important;
}

.creation-priority-strip span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#effcf5!important;
  border:1px solid rgba(170,224,199,.9)!important;
  color:#0b583d!important;
  font-size:11px!important;
  font-weight:850!important;
}

.creation-opportunity-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:14px!important;
}

.creation-opportunity-grid article{
  padding:16px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid rgba(205,219,237,.9)!important;
  box-shadow:0 10px 28px rgba(8,24,52,.05)!important;
}

.creation-opportunity-grid article span{
  display:inline-grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:12px!important;
  background:#0b6a4a!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  margin-bottom:12px!important;
}

.creation-opportunity-grid article b{
  display:block!important;
  margin:0 0 8px!important;
  color:#061633!important;
  font-size:16px!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
}

.creation-opportunity-grid article p{
  margin:0!important;
  color:#596981!important;
  font-size:13px!important;
  line-height:1.38!important;
  font-weight:560!important;
}

@media(max-width:1100px){
  .creation-path-intro{
    grid-template-columns:1fr!important;
  }
  .creation-opportunity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .demand-channel-card .front-demand-signal,
  .demand-channel-card .front-creation-path{
    padding:13px!important;
    border-radius:17px!important;
  }
  .demand-channel-card .front-demand-signal p,
  .demand-channel-card .front-creation-path p{
    font-size:12.8px!important;
  }
  .creation-path-module{
    padding:16px!important;
    border-radius:22px!important;
  }
  .creation-opportunity-grid{
    grid-template-columns:1fr!important;
  }
}