/* Shared finite UI boundaries. Keep narrower page and reader settings intact. */
#peterpen-page-designs{--pp-layout-content-max:1368px;--pp-layout-frame-max:1920px;--pp-layout-mobile-max:767px}
#peterpen-page-designs .site-content-boundary{inline-size:100%;max-inline-size:var(--pp-layout-content-max);min-inline-size:0;margin-inline:auto;padding:0;border:0}
#peterpen-page-designs .desktop-shell{max-inline-size:var(--pp-layout-frame-max)}
#peterpen-page-designs :is(.phone-outer,.product.phone){inline-size:100%;max-inline-size:var(--pp-layout-mobile-max);margin-inline:auto}
#peterpen-page-designs .phone .bottom{inline-size:min(100%,var(--pp-layout-mobile-max));margin-inline:auto}
#peterpen-page-designs .mobile-menu-dialog{inset-inline-start:max(0px,calc((100% - var(--pp-layout-mobile-max))/2))}