/* Existing grayscale layout-study presentation with consistent native crops. */
.ereq-layout-stage{position:relative;width:100%;aspect-ratio:2655/2200;overflow:hidden;border-radius:6px;background:white}
.ereq-layout-stage>.preview-image-button{position:absolute;inset:0;display:block;width:100%;height:100%}
body.approved-case-template .ereq-layout-stage img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:contain;object-position:left top;border-radius:0}
.ereq-layout-stage>img{pointer-events:none}
.ereq-layout-dots{display:flex;justify-content:center;gap:4px;margin-top:12px}
.ereq-layout-dots button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:16px;background:transparent;cursor:pointer;padding:4px}
.ereq-layout-dots span{width:7px;height:7px;border:1px solid #7a9198;border-radius:10px;display:block}
.ereq-layout-dots [aria-pressed=true] span{width:25px;background:#347d83;border-color:#347d83}
.ereq-layout-dots button:hover{background:#347d8310}.ereq-layout-dots button:focus-visible{outline:2px solid #347d83;outline-offset:3px}
.ereq-framed-mobile .device-phone{width:100%;max-width:270px;margin-inline:auto}
.ereq-framed-mobile .device-phone-screen{overflow:hidden;aspect-ratio:750/1332;background:#fff}
.ereq-framed-mobile .device-phone-screen>img{display:block;width:100%;height:auto;max-width:100%;border-radius:0}
.ereq-framed-mobile>figcaption{max-width:270px;margin:0 auto 12px}
/* Fit these static screens to their native height and clear the rounded top corners. */
.ereq-framed-mobile .device-phone-screen{height:auto;min-height:0;aspect-ratio:auto;padding-top:14px}
.ereq-framed-mobile .phone-hover-cue{display:none!important}
