/* Shared CAMPUS-404 layout adaptations for CHAIMA, Germany book and AI book only. */
.book-detail-variant .c404-inline-trailer-controls{
  display:grid;grid-template-columns:auto auto auto minmax(110px,1fr) auto;align-items:center;gap:8px;
  padding:9px 11px;border-top:1px solid rgba(229,185,79,.22);background:linear-gradient(180deg,#11130f,#090a09)
}
.book-detail-variant .c404-inline-trailer-controls button{
  min-height:36px;padding:0 11px;border:1px solid rgba(229,185,79,.45);border-radius:999px;background:#11130f;color:#f6f2e8;
  font:700 9px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;cursor:pointer
}
.book-detail-variant .c404-inline-trailer-controls input[type="range"]{width:100%;min-width:0;accent-color:#e5b94f}
.book-detail-variant .c404-inline-trailer-controls .c404-inline-time{color:#c8c3b6;font:600 10px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums}
.book-detail-variant .c404-overview-copy h1.long-title{font-size:clamp(34px,4.2vw,60px);line-height:1.02}
.book-detail-variant .c404-overview-copy h1.very-long-title{font-size:clamp(31px,3.7vw,54px);line-height:1.04}
.book-variant-chaima .c404-editions-hero{
  background:linear-gradient(90deg,rgba(5,6,6,.94),rgba(5,6,6,.72) 48%,rgba(5,6,6,.92)),url('../images/chaima-trailer-v28/village.webp') center 45%/cover no-repeat;
}
.book-variant-warum .c404-editions-hero{
  background:linear-gradient(90deg,rgba(5,6,6,.94),rgba(5,6,6,.72) 48%,rgba(5,6,6,.92)),url('../images/warum-deutschland-teaser/warum-deutschland-teaser-01.webp') center 45%/cover no-repeat;
}
.book-variant-ki .c404-editions-hero{
  background:linear-gradient(90deg,rgba(5,6,6,.94),rgba(5,6,6,.72) 48%,rgba(5,6,6,.92)),url('../images/ki-teaser-01.webp') center 45%/cover no-repeat;
}
@media(max-width:720px){
  .book-detail-variant .c404-inline-trailer-controls{grid-template-columns:auto auto auto 1fr auto;gap:5px;padding:7px}
  .book-detail-variant .c404-inline-trailer-controls button{min-height:34px;padding:0 8px;font-size:8px}
  .book-detail-variant .c404-overview-copy h1.long-title,.book-detail-variant .c404-overview-copy h1.very-long-title{font-size:clamp(34px,10vw,50px)}
}


/* Image-performance only: smaller sources on narrow screens; visual rules stay identical. */
@media (max-width:780px){
  .c404-detail-page.variant-chaima{background:linear-gradient(90deg,rgba(5,6,6,.94),rgba(5,6,6,.72) 48%,rgba(5,6,6,.92)),url('../images/chaima-trailer-v28/village-1280.webp') center 45%/cover no-repeat;}
  .c404-detail-page.variant-warum{background:linear-gradient(90deg,rgba(5,6,6,.94),rgba(5,6,6,.72) 48%,rgba(5,6,6,.92)),url('../images/warum-deutschland-teaser/warum-deutschland-teaser-01-1280.webp') center 45%/cover no-repeat;}
  .c404-detail-page.variant-ki{background:linear-gradient(90deg,rgba(5,6,6,.94),rgba(5,6,6,.72) 48%,rgba(5,6,6,.92)),url('../images/ki-teaser-01-1280.webp') center 45%/cover no-repeat;}
}