/* Use large desktop screens deliberately instead of leaving oversized side gutters. */
@media(min-width:1280px){
 body:has(.book-hero)>.nav,body:has(.book-hero)>.flash,body:has(.book-hero)>footer,body:has(.book-hero) .book-hero,body:has(.book-hero) .signal,body:has(.book-hero) .library,body:has(.book-hero) .why-digi{width:min(1640px,calc(100% - 72px))}
 .book-hero{height:700px}.book-hero:before{width:650px;height:650px}.book-hero>p{max-width:690px}.book-hero .fb-python{left:8%}.book-hero .fb-ai{right:8%}
 .library-head{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}
}
@media(min-width:1520px){
 .library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
 .library-cover{aspect-ratio:4/5}.library-card h3{font-size:20px}.library-subtitle{font-size:12px}.library-buy{gap:8px}.library-buy button{min-width:108px;padding-inline:14px}
 .why-digi{grid-template-columns:1.08fr .92fr;padding-inline:95px}
}
@media(min-width:1900px){
 body:has(.book-hero)>.nav,body:has(.book-hero)>.flash,body:has(.book-hero)>footer,body:has(.book-hero) .book-hero,body:has(.book-hero) .signal,body:has(.book-hero) .library,body:has(.book-hero) .why-digi{width:min(1780px,calc(100% - 96px))}
 .book-hero .fb-python{left:11%}.book-hero .fb-ai{right:11%}
}
