/* Reference reader shell, with fixed desktop layout and proportional scaling. */
:root{--pw:794px;--ph:1123px;--content-width:794px;--content-height:1123px;--content-scale:1;--ui-scale:1}
body{zoom:var(--ui-scale);width:calc(100vw / var(--ui-scale));height:calc(100dvh / var(--ui-scale));min-height:0}
.stage{padding:40px 64px}
.dialog{width:680px;max-width:900px;max-height:calc(90dvh / var(--ui-scale))}
.dialog-content{max-height:calc(90dvh / var(--ui-scale) - 80px)}
.reader{width:900px}
.reader .dialog-content{padding:18px 28px}
.reader .brochure-sheet{margin:auto;flex-shrink:0}
.page.left:after,.page.right:after{content:'';position:absolute;top:0;bottom:0;width:22px;z-index:5;pointer-events:none}
.page.left:after{right:0;background:linear-gradient(90deg,transparent,#0002)}
.page.right:after{left:0;background:linear-gradient(90deg,#0003,transparent)}
@media print{
 @page{size:A4 portrait;margin:0}
 html,body{zoom:1;width:auto;height:auto;overflow:visible;background:white}
 .topbar,.stage,.bottom,dialog,.toast,audio{display:none!important}
 #print-pages{display:block!important}
 #print-pages .page{display:block;position:relative;width:210mm;height:297mm;transform:none;overflow:hidden;break-after:page;page-break-after:always;--pw:210mm;--ph:297mm;--content-width:794px;--content-height:1123px;--content-scale:1}
 #print-pages .page:last-child{break-after:auto;page-break-after:auto}
 #print-pages .paper-canvas{width:794px;height:1123px;transform:none}
 #print-pages .page:after,.screen-only{display:none!important}
 body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}