/* Approved open artwork presentation. Hero, overview, research cards and results stay intact. */
body.open-artwork-layout :is(#design,#redemption-design) :is(.detail-visual,.role-comparison,.device-state-board,.device-usage-pair,.device-destination,.device-usage-composition,.device-state-alternates,.story-screen,.story-detail-stack,.story-mobile-pair,.campaign-pair,.banner-variants,.talent-screen,.talent-sketch,.talent-wireframe-pair,.talent-flow-board,.citi-stories-board,.offers-phone-board,.offers-desktop-mobile,.offers-desktop-pair,.offers-home-composition,.offers-home-discount,.offers-perk-layout,.offers-reward-layout,.offers-home-focus-art,.reward-desktop-thumbnail,.reward-focus-phones,.mf-screen-board,.vicks-desktop-pair,.vicks-mobile-board,.vicks-planning-board,.access-scope-image){background:none!important;box-shadow:none;border-radius:0;padding:0!important;overflow:visible!important}
body.open-artwork-layout :is(#design,#redemption-design) :is(figcaption,.preview-eyebrow-button){color:#39474f!important}
body.open-artwork-layout :is(#design,#redemption-design) .preview-open-icon{color:#347d83;border-color:#7a919888;background:transparent}
body.open-artwork-layout :is(#design,#redemption-design) :is(.image-preview:hover,.image-preview:focus-within,.preview-eyebrow-button:hover,.preview-eyebrow-button:focus-visible) .preview-open-icon{border-color:#347d83;background:#347d830a}
/* Keep one shared group preview control above app phone groups. */
body.open-artwork-layout #design .mf-group-trigger .preview-open-icon{color:#347d83;border-color:#7a919888;background:transparent}
/* The process strip remains a deliberate dark content panel, spanning the artwork width. */
body.open-artwork-layout.myaccess-case #design .process-strip-wide{display:block}
body.open-artwork-layout.myaccess-case #design .process-strip-wide>.feature-copy{max-width:780px;margin-bottom:25px}
body.open-artwork-layout.myaccess-case #design .campaign-path.process-strip{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));background:linear-gradient(115deg,#ffffff12,transparent 48%),var(--case-graphite)!important;border-radius:6px;overflow:hidden}
body.open-artwork-layout.myaccess-case #design .process-strip li{padding:25px 24px;border-right:1px solid #b7c5cb33;border-bottom:0}
body.open-artwork-layout.myaccess-case #design .process-strip li:last-child{border-right:0}
body.open-artwork-layout.myaccess-case #design .process-strip li:before{left:24px;right:24px;border-color:#85bdc288}
body.open-artwork-layout.myaccess-case #design .process-strip li:nth-child(2){background:#ffffff03}
body.open-artwork-layout.myaccess-case #design .process-strip li:nth-child(3){background:#ffffff06}
body.open-artwork-layout.myaccess-case #design .process-strip li:nth-child(4){background:#ffffff09}
@media(max-width:750px){
 body.open-artwork-layout.myaccess-case #design .campaign-path.process-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.open-artwork-layout.myaccess-case #design .process-strip li{padding:20px 16px}
 body.open-artwork-layout.myaccess-case #design .process-strip li:nth-child(2){border-right:0}
 body.open-artwork-layout.myaccess-case #design .process-strip li:nth-child(-n+2){border-bottom:1px solid #b7c5cb33}
 body.open-artwork-layout.myaccess-case #design .process-strip li:before{left:16px;right:16px}
}