.linkzoom-card{
  width:100%;
  max-width:850px;
  height:650px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}

.linkzoom-content{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  margin-top:14px;
  padding-right:6px;
}

.linkzoom-text{
  font-size:15px;
  line-height:1.65;
  color:#555;
  margin-bottom:18px;
}

.linkzoom-card .step-image{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:12px;
  object-fit:contain;
  cursor:pointer;
}

.linkzoom-card .progress{
  margin-top:14px;
  flex-shrink:0;
}

.linkzoom-card .nav{
  margin-top:16px;
  flex-shrink:0;
  display:flex;
  justify-content:flex-start;
  gap:12px;
}

.linkzoom-content::-webkit-scrollbar{
  width:8px;
}

.linkzoom-content::-webkit-scrollbar-thumb{
  background:#d5d9df;
  border-radius:10px;
}

.linkzoom-content::-webkit-scrollbar-track{
  background:transparent;
}

.linkzoom-text ol{
  margin:8px 0;
  padding-left:20px;
}

.linkzoom-text li{
  margin-bottom:6px;
}

body.dark .linkzoom-text{
  color:#c9c9c9;
}

body.dark .linkzoom-content::-webkit-scrollbar-thumb{
  background:#3a404c;
}

@media(max-width:768px){
  .linkzoom-card{
    height:auto;
    min-height:600px;
  }

  .linkzoom-content{
    max-height:420px;
  }
}

.step-main-list{
  margin:8px 0;
  padding-left:20px;
  line-height:1.6;
}

.step-main-list > li{
  margin-bottom:8px;
}

.step-sublist-numbered{
  margin-top:6px;
  padding-left:22px;
}

.step-sublist-numbered li{
  margin-bottom:4px;
}

.step-note{
  margin-top:8px;
  font-size:14px;
  color:#666;
}

body.dark .step-note{
  color:#aaa;
}