/* A reusable flat cover, presented as a book without rasterizing the web layout. */
.manual-card{grid-template-columns:minmax(240px,270px) minmax(0,1fr);gap:50px}
.manual-cover{padding:14px 12px 6px}
.manual-book{position:relative;width:100%;max-width:250px;margin:0 auto;isolation:isolate;transform:perspective(1000px) rotateY(-8deg) rotateZ(-1deg);border-radius:3px 6px 6px 3px;box-shadow:12px 20px 32px #0006;background:#06132b}
.manual-book::before{content:"";position:absolute;left:-7px;top:2px;bottom:2px;width:9px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#05132b,#244b70 48%,#0b2442);transform:skewY(-6deg);z-index:-1}
.manual-book::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#ffffff20,transparent 6%,transparent 96%,#00000025);pointer-events:none}
.manual-cover .manual-book img{display:block;width:100%;height:auto;max-width:none;margin:0;border:0;border-radius:inherit;box-shadow:none}
.manual-cover>span{margin-top:23px}
body[data-design=blue] .manual-book{box-shadow:12px 20px 30px #214a702b}
@media(max-width:900px){.manual-card{grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:30px}.manual-book{max-width:220px}}
@media(max-width:650px){.manual-card{grid-template-columns:1fr;gap:32px}.manual-cover{padding:8px 16px 6px}.manual-book{max-width:220px}.manual-cover>span{margin-top:22px}}