/* Approved Satin Graphite reference frame: even edge with a broad satin highlight. */
body:is(.approved-case-template,.uad-case){--client-frame:linear-gradient(135deg,#8f999f 0%,#717c84 22%,#4e5a63 55%,#58656e 100%);--client-frame-buttons:#505c65}
body:is(.approved-case-template,.uad-case) .device-phone{position:relative;padding:0!important;border:4px solid transparent!important;border-radius:31px!important;background:linear-gradient(#fff,#fff) padding-box,var(--client-frame) border-box!important;box-shadow:0 2px 5px #1b232919!important;box-sizing:border-box;overflow:visible}
body:is(.approved-case-template,.uad-case) .device-phone-screen{width:100%;margin:0!important;border:0!important;outline:0!important;border-radius:27px!important;box-sizing:border-box}
body:is(.approved-case-template,.uad-case) .device-phone-speaker{display:none!important}
body:is(.approved-case-template,.uad-case) .device-phone::before{content:"";position:absolute;width:2px;height:27px;left:-6px;top:18%;border-radius:2px 0 0 2px;background:var(--client-frame-buttons);box-shadow:0 37px 0 var(--client-frame-buttons)}
body:is(.approved-case-template,.uad-case) .device-phone::after{content:"";display:block!important;position:absolute;width:2px;height:42px;right:-6px;top:27%;border-radius:0 2px 2px 0;background:var(--client-frame-buttons)}

/* Hero artwork returns to its original unframed presentation. Design-section phones retain Satin Graphite. */
.case-hero .device-phone{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:4px!important}
.case-hero .device-phone-screen{border:0!important;outline:0!important;border-radius:4px!important}
.case-hero .device-phone::before,.case-hero .device-phone::after{display:none!important}
.case-hero .device-phone-screen>img{height:auto!important;object-fit:contain;object-position:center top}
html,body{overscroll-behavior-x:none}

/* Browser scroll anchoring must not shift the initial Usage crop on resize. */
.device-phone-screen[data-scroll-start]{overflow-anchor:none;scroll-behavior:auto}