@media(min-width:721px){
  .book-toc-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .book-chapter-card{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:225px!important;
    grid-template-columns:128px minmax(0,1fr)!important;
    gap:22px!important;
    overflow:hidden!important;
  }
  /* cancel V11's third decorative column */
  .book-chapter-card:after{display:none!important}
  .book-chapter-card>div{min-width:0!important}
  .book-chapter-card h3{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.45!important;
  }
  .book-chapter-card p{
    max-width:250px!important;
  }
  .book-chapter-icon{
    width:128px!important;
    height:145px!important;
    align-self:center!important;
  }

  /* CHAPTER 03: a recognizable 6-square cube net, not an empty grid panel */
  .cube-icon{
    background:linear-gradient(145deg,#f0f8f5,#fffaf3)!important;
  }
  .cube-icon span{
    width:31px!important;height:31px!important;
    border:1px solid #7ba69c!important;
    background:rgba(177,216,207,.42)!important;
    box-sizing:border-box!important;
  }
  .cube-icon span:nth-child(1){left:17px!important;top:57px!important}
  .cube-icon span:nth-child(2){left:48px!important;top:57px!important}
  .cube-icon span:nth-child(3){left:48px!important;top:26px!important}
  .cube-icon:before,.cube-icon:after{
    content:"";position:absolute;width:31px;height:31px;
    box-sizing:border-box;border:1px solid #7ba69c;
    background:rgba(177,216,207,.42);
  }
  .cube-icon:before{left:79px;top:57px;box-shadow:31px 0 0 rgba(177,216,207,.42)}
  .cube-icon:after{left:79px;top:88px}
}