.mockup-open{display:block;width:100%;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:zoom-in;line-height:0}.mockup-open>img{display:block}.mockup-open:focus-visible,.mockup-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:12px}.mockup-trigger{position:absolute;inset:0;z-index:8;width:100%;height:100%;padding:0;border:0;background:none;border-radius:inherit;cursor:zoom-in}.case-hero-grid>.mockup-open{align-self:center}.case-hero-grid>.mockup-open>img{width:100%;height:auto}.financehub-case .case-hero-grid>.mockup-open{width:115%;max-width:115%;margin-left:-4%}.mockup-viewer{width:min(1600px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;border:0;border-radius:14px;background:#f6f1e6;color:#082427;box-sizing:border-box}.mockup-viewer::backdrop{background:#082427e8}.mockup-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:12px}.mockup-viewer .mockup-toolbar button{min-height:44px;padding:10px 14px;border:1px solid #082427;border-radius:6px;background:#082427;color:#fff;font:500 14px/1.4 Inter,sans-serif;cursor:pointer}.mockup-scroll{height:calc(100dvh - 180px);max-height:780px;overflow:auto;overscroll-behavior:contain;padding:24px;box-sizing:border-box}.mockup-canvas{position:relative;flex:none;margin:0 auto}.mockup-stage{position:absolute;left:0;top:0;transform-origin:top left}.mockup-viewer .mockup-caption{font:400 13px/1.5 Inter,sans-serif;margin:12px 0 0}.wear-devices:has(>figure:only-child){grid-template-columns:minmax(0,1fr)}@media(max-width:760px){.financehub-case .case-hero-grid>.mockup-open{width:100%;max-width:100%;margin:0}.mockup-viewer{padding:12px}.mockup-viewer .mockup-toolbar button{font-size:13px;padding:8px 10px}.mockup-scroll{height:calc(100dvh - 190px)}}

/* Reserve space for controls and captions, including short landscape screens. */
.mockup-viewer{height:min(940px,calc(100dvh - 24px));overflow:hidden}
.mockup-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.mockup-toolbar{margin:0}.mockup-scroll{height:auto;max-height:none;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}
.mockup-viewer .mockup-caption{margin:0;max-height:4.5em;overflow:auto;overflow-wrap:anywhere}
@media(max-width:760px),(max-height:500px){.mockup-viewer{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:10px}.mockup-viewer[open]{gap:8px}.mockup-scroll{height:auto;padding:6px}.mockup-viewer .mockup-caption{font-size:12px;max-height:3em}}

.mockup-scroll.is-pannable{display:block;overflow:auto;touch-action:pan-x pan-y}.mockup-scroll.is-pannable .mockup-canvas{margin:0 auto}