/* V2.02 — Midstream & Pipelines direct page-scoped visual refinement.
   Loaded directly by the Midstream page after site.css to avoid cache/import ambiguity. */

.midstream-page .page-hero{
  padding:38px 0 34px!important;
}
.midstream-page .page-hero .crumb{
  margin-bottom:8px!important;
  font-size:.76rem!important;
}
.midstream-page .page-hero h1{
  max-width:820px!important;
  font-size:clamp(2.15rem,3.3vw,3rem)!important;
  line-height:1.04!important;
  letter-spacing:-.03em!important;
}
.midstream-page .page-hero p{
  max-width:900px!important;
  margin-top:12px!important;
  font-size:1rem!important;
  line-height:1.5!important;
}
.midstream-page .page-hero .actions{
  margin-top:20px!important;
}

.midstream-page .section{
  padding:34px 0!important;
}
.midstream-page .section .kicker{
  margin-bottom:8px!important;
  font-size:.72rem!important;
  letter-spacing:.16em!important;
}
.midstream-page .section h2{
  max-width:940px!important;
  margin:.1rem 0 .7rem!important;
  font-family:"Segoe UI",Helvetica,Arial,sans-serif!important;
  font-size:clamp(1.7rem,2.35vw,2.25rem)!important;
  font-weight:700!important;
  line-height:1.1!important;
  letter-spacing:-.024em!important;
}
.midstream-page .section-intro{
  max-width:920px!important;
  margin:0!important;
  font-size:.98rem!important;
  line-height:1.55!important;
}

.midstream-page .data-flow{
  gap:10px!important;
  margin:18px 0 0!important;
  padding:13px 0!important;
}
.midstream-page .data-flow span{
  font-size:.9rem!important;
}

.midstream-page .grid-2{
  gap:14px!important;
  margin-top:20px!important;
}
.midstream-page .card{
  padding:19px!important;
  border-radius:14px!important;
}
.midstream-page .card .label{
  font-size:.66rem!important;
}
.midstream-page .card h3{
  margin:.35rem 0 .5rem!important;
  font-size:1.05rem!important;
  line-height:1.25!important;
}
.midstream-page .card p{
  font-size:.92rem!important;
  line-height:1.5!important;
}

.midstream-page .knowledge-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:30px!important;
  row-gap:0!important;
  margin-top:18px!important;
  border-top:1px solid var(--line)!important;
}
.midstream-page .knowledge-card{
  display:block!important;
  padding:14px 0!important;
  border-bottom:1px solid var(--line)!important;
  text-decoration:none!important;
}
.midstream-page .knowledge-card span{
  display:block!important;
  margin:0 0 5px!important;
  font-size:.64rem!important;
  line-height:1.2!important;
}
.midstream-page .knowledge-card h3{
  display:block!important;
  margin:0 0 4px!important;
  font-size:1rem!important;
  line-height:1.22!important;
}
.midstream-page .knowledge-card p{
  display:block!important;
  margin:0!important;
  font-size:.9rem!important;
  line-height:1.45!important;
}

.midstream-page main>.section.alt:last-child{
  padding:30px 0 34px!important;
}
.midstream-page main>.section.alt:last-child .actions{
  margin-top:18px!important;
}
.midstream-page main>.section.alt:last-child .btn.primary{
  background:#07141b!important;
  color:#fff!important;
  border-color:#07141b!important;
}
.midstream-page main>.section.alt:last-child .btn.secondary{
  background:#fff!important;
  color:#0b7379!important;
  border-color:#7aaeb2!important;
}

@media(max-width:900px){
  .midstream-page .page-hero{
    padding:34px 0 30px!important;
  }
  .midstream-page .page-hero h1{
    font-size:clamp(2rem,7vw,2.6rem)!important;
  }
  .midstream-page .section{
    padding:30px 0!important;
  }
  .midstream-page .section h2{
    font-size:clamp(1.55rem,5.5vw,2rem)!important;
  }
}

@media(max-width:760px){
  .midstream-page .knowledge-cards{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:620px){
  .midstream-page .page-hero{
    padding:28px 0 26px!important;
  }
  .midstream-page .page-hero h1{
    font-size:clamp(1.9rem,9vw,2.35rem)!important;
  }
  .midstream-page .page-hero p{
    font-size:.95rem!important;
  }
  .midstream-page .section{
    padding:26px 0!important;
  }
  .midstream-page .grid-2{
    margin-top:16px!important;
  }
}