/* Trilogy page compact panels — match approved Start Here transparency */

body[data-page="trilogy"] .book-detail{
  width:58% !important;
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  grid-template-columns:185px minmax(0,1fr) !important;
  gap:12px !important;
  padding:12px 14px !important;
  align-items:center !important;
  background:linear-gradient(
    145deg,
    rgba(20,16,12,.30),
    rgba(8,10,13,.34)
  ) !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.28) !important;
}

body[data-page="trilogy"] .book-detail img{
  width:185px !important;
  max-width:185px !important;
  height:auto !important;
  margin:0 !important;
}

body[data-page="trilogy"] .book-detail .meta{
  margin:0 0 2px !important;
}

body[data-page="trilogy"] .book-detail h2{
  margin:0 0 4px !important;
  line-height:1.14 !important;
}

body[data-page="trilogy"] .book-detail p{
  margin:0 0 6px !important;
  line-height:1.34 !important;
}

body[data-page="trilogy"] .book-detail .btn{
  margin-top:2px !important;
  padding:.58rem .8rem !important;
}

/* Keep video blocks separate and unchanged */
body[data-page="trilogy"] .video-frame{
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:900px){
  body[data-page="trilogy"] .book-detail{
    width:78% !important;
    max-width:760px !important;
    grid-template-columns:165px minmax(0,1fr) !important;
  }
  body[data-page="trilogy"] .book-detail img{
    width:165px !important;
    max-width:165px !important;
  }
}

@media(max-width:640px){
  body[data-page="trilogy"] .book-detail{
    width:92% !important;
    grid-template-columns:1fr !important;
    padding:10px !important;
  }
  body[data-page="trilogy"] .book-detail img{
    width:150px !important;
    max-width:150px !important;
    margin:0 auto 6px !important;
  }
}