.book-library #book-brands{gap:22px 18px}
.book-library .brand-tile{--manual:#dfece7;--spine:#648f83;position:relative;isolation:isolate;display:flex!important;min-width:0;min-height:294px;align-items:stretch;gap:0;padding:21px 17px 17px 27px!important;overflow:visible;border:1px solid color-mix(in srgb,var(--spine) 55%,#879b95)!important;border-left:9px solid var(--spine)!important;border-radius:4px 14px 14px 4px!important;color:#183934!important;background:linear-gradient(115deg,rgba(255,255,255,.72),transparent 30%),linear-gradient(145deg,var(--manual),color-mix(in srgb,var(--manual) 82%,#fff))!important;box-shadow:3px 4px 0 #fff,5px 6px 0 color-mix(in srgb,var(--spine) 24%,#d9e2de),0 16px 30px rgba(38,57,51,.1)!important;text-align:left;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease!important}
.book-library .brand-tile:before{position:absolute;z-index:-1;inset:0 auto 0 0;width:17px;content:"";opacity:.55;background:repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0 1px,transparent 1px 5px)}
.book-library .brand-tile:after{position:absolute;z-index:-1;inset:9px 7px 9px auto;width:5px;border-radius:0 6px 6px 0;content:"";background:repeating-linear-gradient(180deg,#fff 0 2px,#cbd8d3 2px 3px);box-shadow:2px 0 0 rgba(70,91,84,.16)}
.book-library .brand-0{--manual:#e7eeeb;--spine:#294f48}.book-library .brand-1{--manual:#f1e7e5;--spine:#c53a39}.book-library .brand-2{--manual:#f4e8e8;--spine:#d30b26}.book-library .brand-3{--manual:#e9edf3;--spine:#547faa}.book-library .brand-4{--manual:#e8eef0;--spine:#244a57}
.book-library .brand-tile .manual-edition{display:block;width:100%;color:color-mix(in srgb,var(--spine) 83%,#233a35);font:800 9px/1.2 var(--mono);letter-spacing:.13em}
.book-library .book-brand-logo{display:flex;width:100%;height:112px;align-items:center;justify-content:center;box-sizing:border-box;margin:19px 0 13px;padding:16px;border:1px solid color-mix(in srgb,var(--spine) 27%,transparent);border-radius:3px;background:rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.book-library .book-brand-logo img{display:block;width:132px;max-width:88%;height:78px;object-fit:contain}
.book-library .book-brand-dark{background:#183b48}.book-library .book-brand-dark img{filter:brightness(0) invert(1)}
.book-library .manual-stack{position:relative;display:grid;width:100%;height:112px;place-items:center;margin:19px 0 13px}.book-library .manual-stack i{position:absolute;width:84px;height:76px;border:1px solid #8aa49d;border-left:5px solid #456f64;border-radius:2px 8px 8px 2px;background:rgba(255,255,255,.55)}.book-library .manual-stack i:nth-child(1){transform:translate(-13px,8px) rotate(-7deg)}.book-library .manual-stack i:nth-child(2){transform:translate(11px,6px) rotate(7deg)}.book-library .manual-stack i:nth-child(3){transform:translateY(-2px);background:#f7faf8}.book-library .manual-stack svg{position:relative;width:43px;height:43px;stroke:#315f55;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.book-library .manual-rule{display:block;width:34px;height:2px;margin:2px 0 14px;background:var(--spine)}
.book-library .brand-tile strong{display:block;color:#193a35!important;font-size:17px;line-height:1.14;letter-spacing:-.025em}.book-library .brand-tile small{display:block;margin-top:7px;color:#5f746e!important;font-size:13px}
.book-library .brand-tile .manual-open{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px;color:color-mix(in srgb,var(--spine) 90%,#243c36);font:800 9px/1 var(--mono);letter-spacing:.11em}.book-library .manual-open b{display:grid;width:27px;height:27px;place-items:center;border:1px solid color-mix(in srgb,var(--spine) 42%,transparent);border-radius:50%;background:rgba(255,255,255,.45);font-size:13px;transition:transform .3s ease}
.book-library .brand-tile:hover{border-color:var(--spine)!important;background:linear-gradient(115deg,rgba(255,255,255,.88),transparent 32%),linear-gradient(145deg,var(--manual),#fff)!important;box-shadow:4px 6px 0 #fff,7px 9px 0 color-mix(in srgb,var(--spine) 24%,#d9e2de),0 22px 40px rgba(38,57,51,.16)!important;transform:translateY(-7px) rotateX(1deg)}
.book-library .brand-tile:hover .manual-open b{transform:rotate(12deg) translate(2px,-2px)}
.book-library .brand-tile[aria-pressed=true]{border-color:var(--spine)!important;box-shadow:4px 6px 0 #fff,7px 9px 0 var(--spine),0 20px 38px rgba(38,57,51,.15)!important}
@media(max-width:850px){.book-library #book-brands{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.book-library #book-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}.book-library .brand-tile{min-height:270px;padding:17px 13px 14px 22px!important}.book-library .book-brand-logo,.book-library .manual-stack{height:98px}.book-library .book-brand-logo img{height:67px}.book-library .brand-tile strong{font-size:16px}}
@media(max-width:365px){.book-library #book-brands{grid-template-columns:1fr}}
