/* =========================================================
   WAVE 06 V4 — DESKTOP + MOBILE VIEWING REFINEMENT
   - compact flow / timeline sections
   - tighter mobile hero and section rhythm
   - reduce dead space in stacked explanatory rows
   ========================================================= */

.wave06-feature .instant-line,
.wave06-feature .role-chain,
.wave06-feature .purpose-flow,
.wave06-feature .feeling-overlap,
.wave06-feature .exclude-structure,
.wave06-feature .challenge-flow,
.wave06-feature .unlock-flow{
  gap:10px!important;
  align-items:start!important;
}

.wave06-feature .instant-line > div,
.wave06-feature .role-chain > div,
.wave06-feature .purpose-flow > div,
.wave06-feature .feeling-overlap > div,
.wave06-feature .exclude-structure > div,
.wave06-feature .challenge-flow > div,
.wave06-feature .unlock-flow > div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:auto!important;
  padding:14px 0!important;
}

.wave06-feature .instant-line > div > b,
.wave06-feature .role-chain > div > b,
.wave06-feature .purpose-flow > div > b,
.wave06-feature .feeling-overlap > div > b,
.wave06-feature .exclude-structure > div > b,
.wave06-feature .challenge-flow > div > b,
.wave06-feature .unlock-flow > div > b{
  display:block!important;
  margin:0!important;
  line-height:1.45!important;
}

.wave06-feature .instant-line > i,
.wave06-feature .role-chain > i,
.wave06-feature .purpose-flow > i,
.wave06-feature .feeling-overlap > i,
.wave06-feature .exclude-structure > i,
.wave06-feature .challenge-flow > i,
.wave06-feature .unlock-flow > i{
  align-self:center!important;
  font-size:18px!important;
  line-height:1!important;
  color:#9aa5a0!important;
}

/* 659060118 specifically: keep the common-core flow much denser */
.wave06-feature.feature-659060118 .instant-line{
  grid-template-columns:minmax(0,1fr) 18px minmax(120px,.78fr) 18px minmax(0,1fr)!important;
  gap:10px!important;
}
.wave06-feature.feature-659060118 .instant-line > div{
  padding:12px 0!important;
}
.wave06-feature.feature-659060118 .instant-gap{
  align-self:start!important;
}
.wave06-feature.feature-659060118 #start .feature-heading{
  margin-bottom:18px!important;
}

/* Slightly calmer hero and section rhythm on phones */
@media (max-width:700px){
  .wave06-feature .page{
    width:min(100%,calc(100% - 28px))!important;
    padding-top:14px!important;
    padding-bottom:30px!important;
  }
  .wave06-feature .article-head{
    padding:10px 0 8px!important;
  }
  .wave06-feature .article-head h1{
    font-size:clamp(31px,10.4vw,42px)!important;
    line-height:1.1!important;
    letter-spacing:-.03em!important;
    margin:4px 0 5px!important;
  }
  .wave06-feature .comparison-head .hero-main-meaning{
    max-width:24em!important;
    margin:10px auto 0!important;
    font-size:17px!important;
    line-height:1.68!important;
  }
  .wave06-feature .comparison-head .hero-quick-hint{
    max-width:23em!important;
    margin:8px auto 0!important;
    font-size:13px!important;
    line-height:1.62!important;
  }
  .wave06-feature .article-head .meta{
    gap:8px 14px!important;
    margin-top:8px!important;
  }
  .wave06-feature .section{
    padding:14px 0 16px!important;
  }
  .wave06-feature .feature-heading,
  .wave06-feature .section-heading{
    margin-bottom:12px!important;
  }

  .wave06-feature .instant-line,
  .wave06-feature .role-chain,
  .wave06-feature .purpose-flow,
  .wave06-feature .feeling-overlap,
  .wave06-feature .exclude-structure,
  .wave06-feature .challenge-flow,
  .wave06-feature .unlock-flow{
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  .wave06-feature .instant-line > div,
  .wave06-feature .role-chain > div,
  .wave06-feature .purpose-flow > div,
  .wave06-feature .feeling-overlap > div,
  .wave06-feature .exclude-structure > div,
  .wave06-feature .challenge-flow > div,
  .wave06-feature .unlock-flow > div{
    gap:6px!important;
    padding:10px 0 11px!important;
    border-top:1.5px solid #21302b!important;
  }

  .wave06-feature .instant-line > i,
  .wave06-feature .role-chain > i,
  .wave06-feature .purpose-flow > i,
  .wave06-feature .feeling-overlap > i,
  .wave06-feature .exclude-structure > i,
  .wave06-feature .challenge-flow > i,
  .wave06-feature .unlock-flow > i{
    transform:none!important;
    padding:2px 0 3px!important;
    font-size:16px!important;
  }

  .wave06-feature .instant-line span,
  .wave06-feature .role-chain span,
  .wave06-feature .purpose-flow span,
  .wave06-feature .feeling-overlap span,
  .wave06-feature .exclude-structure span,
  .wave06-feature .challenge-flow span,
  .wave06-feature .unlock-flow span{
    font-size:10px!important;
    line-height:1.35!important;
  }

  .wave06-feature .instant-line > div > b,
  .wave06-feature .role-chain > div > b,
  .wave06-feature .purpose-flow > div > b,
  .wave06-feature .feeling-overlap > div > b,
  .wave06-feature .exclude-structure > div > b,
  .wave06-feature .challenge-flow > div > b,
  .wave06-feature .unlock-flow > div > b{
    font-size:clamp(18px,6vw,25px)!important;
    line-height:1.35!important;
  }

  .wave06-feature.feature-659060118 #start .feature-heading{
    margin-bottom:14px!important;
  }
}