/* The back-cover description is ordinary selectable text in the page flow. */
.cover-description-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,90px);padding-block:56px 72px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--reader-header-height) + 24px)}
.cover-description-heading h2{font-size:clamp(30px,3.3vw,44px);line-height:1.14;letter-spacing:-1.2px;outline:none}
.cover-description-motto{font-size:clamp(20px,2vw,26px);line-height:1.45;margin-top:22px}
.cover-description-motto strong{color:var(--red)}
.cover-description-art{width:min(100%,340px);height:auto;margin-top:32px;border:1px solid var(--line);border-radius:4px}
.cover-description-copy{font-size:17px;line-height:1.8;min-width:0}
.cover-description-copy p{margin-bottom:24px}
.cover-description-copy h3{margin:28px 0 18px;font-size:23px;line-height:1.35;color:var(--red)}
.cover-benefits{margin:0 0 26px;padding-left:24px}
.cover-benefits li{padding-left:6px;margin-bottom:14px}
.cover-benefits li::marker{color:#966a31}
.cover-description-studio{font-size:15px;color:var(--muted)}
.cover-description-studio a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.cover-description-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.cover-description-actions .button{font-size:17px;padding:13px 22px;min-height:48px}
.cover-description-actions .text-link{font-size:16px}
body:has(#cover-description:not([hidden]))>#read-more-control{display:none}
/* Scan magnification has its own clear toolbar and never carries the hero CTA. */
#cover-preview{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border-radius:0;padding:calc(var(--reader-header-height) + 52px) 24px 24px;overflow:auto;background:#fff}
#cover-preview .preview-toolbar{position:fixed;top:var(--reader-header-height);left:0;right:0;width:100%;height:52px;margin:0;padding:6px 24px;z-index:110;background:#fff;border-bottom:1px solid var(--line)}
#cover-preview .cover-full-image{display:block;width:min(1100px,100%);height:auto;margin:0 auto 24px}
#cover-preview #read-more-control{display:none!important}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
  .cover-description-section{grid-template-columns:1fr;gap:28px;padding-block:36px 48px}
  .cover-description-heading h2{font-size:32px}
  .cover-description-motto{font-size:21px;margin-top:18px}
  .cover-description-art{display:none}
  .cover-description-copy{font-size:17px;line-height:1.75}
  .cover-description-copy h3{font-size:22px}
  .cover-description-actions{flex-direction:column;align-items:stretch}
  .cover-description-actions .text-link{align-self:flex-start;min-height:44px}
  #cover-preview{padding:calc(var(--reader-header-height) + 48px) 0 24px}
  #cover-preview .preview-toolbar{height:48px;padding:2px 12px}
  #cover-preview .cover-full-image{width:max(100%,800px);max-width:none;margin:0 0 24px}
}