/* Shared cream surface extends across every page. */
body.framed-page { background:#eeece6; }
.framed-page > .page,.framed-page > #library-page { width:calc(100% - 80px); max-width:1240px; margin:48px auto; background:#eeece6; }
.framed-page > .page { padding:22px 32px 32px; }
.framed-page > #library-page { min-height:calc(100vh - 96px); }
@media(max-width:1000px) {
 .framed-page > .page,.framed-page > #library-page { width:calc(100% - 48px); margin:24px auto; }
 .framed-page > .page { padding:20px 24px 28px; }
}
@media(max-width:600px) {
 .framed-page > .page,.framed-page > #library-page { width:calc(100% - 24px); margin:12px auto; }
 .framed-page > .page { padding:14px 18px 24px; }
 .framed-page > #library-page { min-height:calc(100vh - 24px); }
}
/* The catalogue dialog supplies the frame when a product is opened as a card. */
body.framed-page.product-card-view { background:#eeece6; }
.framed-page.product-card-view > .page { width:100%; max-width:none; margin:0; padding:0 24px 24px; }
.product-card-view .masthead,.product-card-view .page-heading,.product-card-view .page-footer { display:none; }
.product-card-view .product-overview { border-top:0; }
@media(max-width:600px) {
 .framed-page.product-card-view > .page { padding:0 16px 20px; }
}
@media print {
 body.framed-page { background:white; }
 .framed-page > .page,.framed-page > #library-page { width:100%; max-width:none; margin:0; padding:0; background:white; }
}