
/* V169: Two explicit UX paths inside every Market Pull module */

/* Drawer route guide */
.dual-route-guide{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin:20px 0!important;
}
.dual-route-card{
  padding:clamp(20px,2.4vw,30px)!important;
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid rgba(205,219,237,.92)!important;
  box-shadow:0 18px 48px rgba(8,24,52,.065)!important;
}
.dual-route-card span{
  display:block!important;
  margin:0 0 10px!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
  font-size:11px!important;
  font-weight:950!important;
}
.dual-route-card h3{
  margin:0 0 10px!important;
  color:#061633!important;
  font-size:clamp(26px,2.2vw,38px)!important;
  line-height:1!important;
  letter-spacing:-.06em!important;
  font-weight:900!important;
}
.dual-route-card p{
  margin:0 0 18px!important;
  color:#53647b!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:580!important;
}
.dual-route-card--knowledge{
  background:linear-gradient(180deg,#f5fbff,#fff)!important;
  border-color:rgba(153,208,238,.85)!important;
}
.dual-route-card--knowledge span{color:#075b83!important;}
.dual-route-card--creation{
  background:linear-gradient(180deg,#f4fff8,#fff)!important;
  border-color:rgba(158,226,195,.92)!important;
}
.dual-route-card--creation span{color:#08724e!important;}

/* Route module base */
.route-decision-module{
  scroll-margin-top:24px!important;
  margin-top:20px!important;
  padding:clamp(20px,2.6vw,34px)!important;
  border-radius:32px!important;
  box-shadow:0 22px 64px rgba(8,24,52,.08)!important;
}
.knowledge-route-module.route-decision-module{
  background:linear-gradient(135deg,#f5fbff,#fff 58%,#f8fbff)!important;
  border:1px solid rgba(153,208,238,.86)!important;
}
.creation-path-module.route-decision-module{
  background:linear-gradient(135deg,#f4fff8,#fff 58%,#f8fffb)!important;
  border:1px solid rgba(158,226,195,.88)!important;
}
.route-path-label{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#061633!important;
  color:#d4f3ff!important;
  text-transform:uppercase!important;
  letter-spacing:.15em!important;
  font-size:10.5px!important;
  font-weight:950!important;
  margin:0 0 14px!important;
}
.route-path-label--green{
  background:#074934!important;
  color:#cfffbd!important;
}
.route-decision-module .section-head{
  margin-bottom:8px!important;
}
.route-decision-module .section-head p{
  font-size:11px!important;
  letter-spacing:.18em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
.knowledge-route-module .section-head p{color:#075b83!important;}
.creation-path-module .section-head p{color:#08724e!important;}
.route-decision-module .section-head h3{
  font-size:clamp(30px,3vw,52px)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  color:#061633!important;
  margin:0!important;
}
.route-lede{
  max-width:980px!important;
  margin:14px 0 0!important;
  color:#4f6078!important;
  font-size:clamp(16px,1.22vw,19px)!important;
  line-height:1.48!important;
  font-weight:590!important;
}
.route-focus-strip,
.creation-priority-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:18px 0 0!important;
}
.route-focus-strip span,
.creation-priority-strip span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#eef7ff!important;
  border:1px solid rgba(153,208,238,.75)!important;
  color:#164766!important;
  font-size:11.5px!important;
  font-weight:850!important;
}
.route-focus-strip--green span,
.creation-priority-strip span{
  background:#effcf5!important;
  border-color:rgba(158,226,195,.82)!important;
  color:#0b583d!important;
}
.route-metric-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:18px 0 0!important;
}
.route-metric-row article{
  padding:14px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(205,219,237,.86)!important;
  box-shadow:0 10px 28px rgba(8,24,52,.045)!important;
}
.route-metric-row b{
  display:block!important;
  color:#061633!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
}
.route-metric-row span{
  display:block!important;
  margin-top:4px!important;
  color:#647287!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.route-action-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:18px 0!important;
}

/* Explainer cards */
.route-explainer-triptych{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:18px 0!important;
}
.route-explainer-triptych article{
  padding:16px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid rgba(205,219,237,.86)!important;
}
.route-explainer-triptych span{
  font-size:24px!important;
}
.route-explainer-triptych b{
  display:block!important;
  margin:8px 0 6px!important;
  color:#061633!important;
  font-size:16px!important;
  line-height:1.1!important;
}
.route-explainer-triptych p{
  margin:0!important;
  color:#5d6c83!important;
  font-size:13.5px!important;
  line-height:1.4!important;
}

/* Taxonomy */
.matching-taxonomy,
.asset-intake-lanes,
.who-can-match,
.assembly-logic,
.next-input-needed,
.ask-validate,
.route-question-panel{
  margin-top:18px!important;
  padding:clamp(16px,2vw,22px)!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid rgba(205,219,237,.88)!important;
  box-shadow:0 10px 32px rgba(8,24,52,.045)!important;
}
.matching-taxonomy > p,
.asset-intake-head p,
.who-can-match p,
.assembly-logic > p,
.next-input-needed > p,
.ask-validate > p{
  margin:8px 0 0!important;
  color:#5d6c83!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.taxonomy-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;
}
.taxonomy-grid article{
  padding:14px!important;
  border-radius:18px!important;
  background:#f8fbff!important;
  border:1px solid rgba(205,219,237,.72)!important;
}
.taxonomy-grid b,
.asset-intake-head h4,
.who-can-match h4{
  display:block!important;
  color:#061633!important;
  font-size:16px!important;
  line-height:1.1!important;
  margin:0 0 10px!important;
}
.taxonomy-grid div,
.route-pill-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.taxonomy-grid span,
.route-pill-list span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(205,219,237,.9)!important;
  color:#465871!important;
  font-size:11.2px!important;
  font-weight:820!important;
}

/* Intake lanes */
.asset-intake-head span,
.creation-section-title span{
  display:block!important;
  color:#a77a13!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  font-size:10.5px!important;
  font-weight:950!important;
  margin-bottom:8px!important;
}
.asset-intake-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;
}
.asset-intake-grid article{
  display:flex!important;
  flex-direction:column!important;
  min-height:210px!important;
  padding:16px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#f9fcff)!important;
  border:1px solid rgba(205,219,237,.86)!important;
}
.asset-intake-grid i{
  font-style:normal!important;
  font-size:24px!important;
  margin-bottom:10px!important;
}
.asset-intake-grid b{
  color:#061633!important;
  font-size:17px!important;
  line-height:1.08!important;
  margin-bottom:8px!important;
}
.asset-intake-grid p{
  margin:0!important;
  color:#5d6c83!important;
  font-size:13px!important;
  line-height:1.38!important;
  flex:1!important;
}
.asset-intake-grid a{
  margin-top:12px!important;
  color:#061633!important;
  font-size:13px!important;
  font-weight:950!important;
  text-decoration:none!important;
}
.route-guardrail{
  margin:14px 0 0!important;
  color:#5d6c83!important;
  font-size:13px!important;
  line-height:1.4!important;
}

/* Who can match */
.who-can-match{
  display:grid!important;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
  gap:16px!important;
}
.who-can-match ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.who-can-match li{
  padding:10px 12px!important;
  border-radius:14px!important;
  background:#f8fbff!important;
  border:1px solid rgba(205,219,237,.76)!important;
  color:#31425b!important;
  font-size:13px!important;
  font-weight:800!important;
}

/* Assembly / next input */
.assembly-logic > div:last-child,
.next-input-needed > div:last-of-type,
.builder-capacity-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;
}
.assembly-logic article,
.next-input-needed article,
.builder-capacity-grid article{
  padding:15px!important;
  border-radius:18px!important;
  background:#f8fbff!important;
  border:1px solid rgba(205,219,237,.76)!important;
}
.assembly-logic article span,
.next-input-needed article span{
  display:inline-grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:#061633!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  margin-bottom:10px!important;
}
.assembly-logic article b,
.next-input-needed article b,
.builder-capacity-grid b{
  display:block!important;
  color:#061633!important;
  font-size:15px!important;
  line-height:1.1!important;
  margin-bottom:7px!important;
}
.assembly-logic article p,
.next-input-needed article p,
.builder-capacity-grid p{
  margin:0!important;
  color:#5d6c83!important;
  font-size:12.8px!important;
  line-height:1.36!important;
}
.next-input-needed small{
  display:block!important;
  margin-top:12px!important;
  color:#667489!important;
  font-size:12.5px!important;
}

/* Creation route */
.creation-path-intro{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:18px!important;
}
.creation-path-intro article{
  padding:16px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid rgba(158,226,195,.76)!important;
}
.creation-path-intro b{
  display:block!important;
  margin-bottom:8px!important;
  color:#061633!important;
}
.creation-path-intro p,
.creation-path-intro li{
  color:#5d6c83!important;
  font-size:13px!important;
  line-height:1.4!important;
}
.creation-section-title{
  margin-top:22px!important;
}
.creation-section-title h4{
  margin:0!important;
  color:#061633!important;
  font-size:clamp(20px,1.8vw,30px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!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,.82)!important;
}
.creation-opportunity-grid article span{
  display:inline-grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:#0b6a4a!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  margin-bottom:12px!important;
}
.creation-opportunity-grid b{
  display:block!important;
  color:#061633!important;
  font-size:16px!important;
  line-height:1.08!important;
  margin-bottom:8px!important;
}
.creation-opportunity-grid p{
  margin:0!important;
  color:#5d6c83!important;
  font-size:13px!important;
  line-height:1.38!important;
}
.route-question-panel b{
  display:block!important;
  color:#061633!important;
  font-size:18px!important;
  margin-bottom:12px!important;
}
.route-question-panel ul,
.ask-validate ul{
  margin:0!important;
  padding-left:18px!important;
}
.route-question-panel li,
.ask-validate li{
  color:#51637a!important;
  margin-bottom:8px!important;
  line-height:1.38!important;
}
.route-question-panel--green{
  border-color:rgba(158,226,195,.82)!important;
  background:#f8fffb!important;
}
.ask-validate{
  background:#061633!important;
  border-color:rgba(255,255,255,.12)!important;
}
.ask-validate .section-head p,
.ask-validate .section-head h3,
.ask-validate li{
  color:#fff!important;
}
.ask-validate > p{
  color:rgba(255,255,255,.72)!important;
}

@media(max-width:1180px){
  .taxonomy-grid,
  .asset-intake-grid,
  .assembly-logic > div:last-child,
  .next-input-needed > div:last-of-type,
  .builder-capacity-grid,
  .creation-path-intro,
  .creation-opportunity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .who-can-match{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  .dual-route-guide,
  .taxonomy-grid,
  .asset-intake-grid,
  .assembly-logic > div:last-child,
  .next-input-needed > div:last-of-type,
  .builder-capacity-grid,
  .creation-path-intro,
  .creation-opportunity-grid,
  .route-metric-row{
    grid-template-columns:1fr!important;
  }
  .route-decision-module{
    padding:16px!important;
    border-radius:24px!important;
  }
  .who-can-match ul{
    grid-template-columns:1fr!important;
  }
  .route-decision-module .section-head h3{
    font-size:32px!important;
  }
}
