/* Bio2Twin Technology · Editorial Density v2
   Keep long-form architecture, align density with design.md v2.7+ */
.technology-page{
  padding:60px 0 88px!important;
}
.technology-hero{
  padding:20px 0 52px!important;
}
.technology-hero h1{
  font-size:clamp(40px,4.2vw,56px)!important;
}
.technology-lead{
  margin-top:20px!important;
  font-size:16px!important;
  line-height:1.72!important;
}
.technology-hero-meta{
  margin-top:24px!important;
  padding-top:16px!important;
}
.technology-index{
  margin-bottom:56px!important;
}
.technology-index a{
  min-height:64px!important;
  padding:12px 14px!important;
}
.technology-unit{
  grid-template-columns:104px minmax(230px,.80fr) minmax(0,1.20fr)!important;
  gap:26px!important;
  padding:31px 0!important;
}
.technology-unit__id{
  gap:6px!important;
}
.technology-unit__id span{
  font-size:23px!important;
}
.technology-unit__id em{
  font-size:8.5px!important;
}
.technology-unit__title h2{
  font-size:clamp(23px,2vw,30px)!important;
  line-height:1.1!important;
  letter-spacing:-.032em!important;
}
.technology-unit__title h3{
  margin-top:7px!important;
  font-size:13px!important;
}
.technology-unit__body p{
  font-size:13.5px!important;
  line-height:1.68!important;
}
.technology-chain{
  margin-top:14px!important;
  padding:11px 13px!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
.technology-unit__body ul{
  gap:7px!important;
  margin-top:11px!important;
}
.technology-unit__body li{
  padding:5px 8px!important;
  font-size:9.5px!important;
}
.technology-system{
  padding:58px 0 8px!important;
}
.technology-system h2{
  font-size:clamp(28px,3vw,40px)!important;
}
.technology-system__flow{
  margin-top:22px!important;
  padding:18px 0!important;
  font-size:12.5px!important;
  line-height:1.9!important;
}
.technology-system__note{
  margin-top:18px!important;
  line-height:1.72!important;
}
.technology-actions{
  margin-top:24px!important;
}
.technology-actions a{
  min-height:40px!important;
  padding:9px 13px!important;
}

@media(max-width:1024px){
  .technology-page{
    padding-top:48px!important;
  }
  .technology-hero{
    padding-bottom:44px!important;
  }
  .technology-unit{
    grid-template-columns:82px minmax(200px,.78fr) minmax(0,1.22fr)!important;
    gap:21px!important;
  }
  .technology-index{
    margin-bottom:48px!important;
  }
}
@media(max-width:760px){
  .technology-page{
    padding:32px 0 64px!important;
  }
  .technology-hero{
    padding:10px 0 32px!important;
  }
  .technology-hero h1{
    font-size:clamp(30px,8vw,38px)!important;
  }
  .technology-lead{
    margin-top:17px!important;
    font-size:15px!important;
    line-height:1.66!important;
  }
  .technology-index{
    margin-bottom:38px!important;
  }
  .technology-index a{
    min-height:58px!important;
    padding:10px 11px!important;
  }
  .technology-unit{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:26px 0!important;
  }
  .technology-unit__id{
    gap:9px!important;
  }
  .technology-unit__id span{
    font-size:20px!important;
  }
  .technology-unit__title h2{
    font-size:24px!important;
  }
  .technology-unit__title h3{
    margin-top:6px!important;
    font-size:12.5px!important;
  }
  .technology-unit__body p{
    font-size:12.5px!important;
    line-height:1.65!important;
  }
  .technology-chain{
    margin-top:12px!important;
    padding:10px 11px!important;
    font-size:10.5px!important;
  }
  .technology-system{
    padding-top:44px!important;
  }
  .technology-system h2{
    font-size:clamp(26px,7vw,34px)!important;
  }
  .technology-system__flow{
    margin-top:18px!important;
    padding:15px 0!important;
    font-size:11.5px!important;
  }
  .technology-actions{
    margin-top:20px!important;
  }
}