.detailDialog{width:min(1000px,calc(100vw - 32px));max-height:min(92vh,1000px);padding:0;border:1px solid #333;background:#111214;color:#eee;box-shadow:0 32px 110px #000d;overflow:auto;overscroll-behavior:contain}.detailDialog::backdrop{background:#000d;backdrop-filter:blur(10px)}.detailDialogClose{position:sticky;top:10px;z-index:5;float:right;margin:10px 17px 0 0;width:48px;height:48px;border:0;background:transparent;color:#fff;cursor:pointer;font-size:30px;line-height:1}.detailDialog .detail-content{padding:55px}.detailDialog .detail-content:has(>.bookDetail){padding:0}.detailDialog .bookDetail{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);min-height:640px;margin:0}.detailDialog .bookDetail>*{max-width:none!important;margin-block-start:0!important;margin-left:0!important;margin-right:0!important}.detailDialog .bookDetailCover{min-width:0;min-height:640px;margin:0;padding:22px;background:#09090a}.detailDialog .bookDetailCover :where(.wp-block-image,figure){width:100%;height:100%;margin:0}.detailDialog .bookDetailCover img{display:block;width:100%;height:100%;max-height:760px;object-fit:contain;background:#09090a}.detailDialog .bookDetailCover .bookPlaceholder{display:flex;width:100%;height:100%;min-height:596px;aspect-ratio:auto;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:28px;border:1px solid #ffffff14;background:radial-gradient(circle at 50% 32%,#572029,#171013 50%,#09090a);box-shadow:none;text-align:center;transition:none}.detailDialog .bookDetailCover .bookPlaceholder .bookPlaceholderBrand{font:10px Arial,sans-serif;letter-spacing:.3em;opacity:.75;text-transform:uppercase}.detailDialog .bookDetailCover .bookPlaceholder :where(.wp-block-post-title,.bookPlaceholderTitle){margin:28px 0;color:#eee;font:38px/1.05 var(--serif)}.detailDialog .bookDetailCover .bookPlaceholder .bookPlaceholderStatus{color:#c24852;font-size:10px;letter-spacing:.3em;text-transform:uppercase}.detailDialog .bookDetailBody{min-width:0;padding:55px}.detailDialog .bookDetailBody>*{max-width:none!important;margin-left:0!important;margin-right:0!important}.detailDialog .bookDetailBody>.cap{margin:0 0 16px;color:#9c9790;font-size:12px;letter-spacing:.25em;text-transform:uppercase}.detailDialog .bookDetailBody>:where(h1,h2,h3){margin:22px 0 14px;font:400 48px/1 var(--serif);letter-spacing:-.035em}.detailDialog .bookDetailBody>:where(.series,.bookDetailSeries){margin:0 0 26px;color:#aaa;font-size:12px}.detailDialog .bookDetailBody>.blurbHeading{margin:28px 0 7px;color:#db6671;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.detailDialog .bookDetailBody>p:not(.cap,.series,.bookDetailSeries){color:#aaa;line-height:1.75}.detailDialog .bookDetailMeta{display:flex;flex-wrap:wrap;gap:40px;margin:24px 0;padding:18px 0;border-block:1px solid var(--line)}.detailDialog .bookDetailMeta>*{max-width:none!important;margin:0!important}.detailDialog .bookDetailMeta :where(strong,b){display:block;color:#eee;font:22px/1.05 var(--serif)}.detailDialog .bookDetailMeta :where(small,.metaLabel){display:block;margin-top:2px;color:#aaa;font:11px/1.2 Arial,sans-serif;text-transform:uppercase}.detailDialog .bookDetailFact{margin:24px 0;padding:18px 20px;border-left:2px solid var(--red);background:#191a1c}.detailDialog .bookDetailFact p{margin:0;color:#999;font-size:13px;line-height:1.6}.detailDialog .bookDetailFact p+p{margin-top:10px}.detailDialog .bookDetailFact strong{color:#d65;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.detailDialog .bookDetailCta{margin-top:28px}.detailDialog .bookDetailCta .wp-block-button__link,.detailDialog :where(a,button).bookDetailCta{display:inline-flex;min-height:44px;align-items:center;justify-content:space-between;gap:28px;padding:18px 22px;border:0;border-radius:0;background:#eee7dc;color:#111;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.detail-item>.detail-content{margin-top:18px}

@media(max-width:850px){.detailDialog .bookDetail{grid-template-columns:1fr;min-height:0}.detailDialog .bookDetailCover{display:none}.detailDialog .bookDetailBody{padding:50px 32px}.detailDialog .bookDetailMeta{gap:24px}}
@media(max-width:550px){.detailDialog{width:min(100% - 20px,1000px)}.detailDialog .bookDetailBody{padding:50px 24px}.detailDialog .bookDetailBody>:where(h1,h2,h3){font-size:35px}.detailDialog .bookDetailMeta{gap:18px}}