.media-open{position:absolute;right:12px;bottom:12px;border:1px solid #d4ddeb;background:#fffffff2;color:#254566;border-radius:20px;padding:8px 13px;font:600 12px/1.4 Arial,sans-serif;box-shadow:0 3px 10px #25395012;cursor:zoom-in;z-index:3;min-height:40px}
.case-screen-mat,.media-diagram{position:relative}.media-diagram{margin-top:12px;display:flex;justify-content:flex-end}.media-diagram .media-open{position:static}
.media-open:focus-visible,.media-reader button:focus-visible{outline:3px solid #718bdd;outline-offset:3px}
.media-reader{box-sizing:border-box;width:96vw;max-width:1800px;height:92dvh;max-height:96dvh;padding:0;border:1px solid #dce3ee;border-radius:16px;background:#f4f6fa;color:#23364e;overflow:hidden}.media-reader::backdrop{background:#102036bc}
.media-reader-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:white;border-bottom:1px solid #dde4ee}.media-reader-bar span{margin-right:auto;font-size:14px;font-weight:600}.media-reader button{font:600 13px Arial,sans-serif;border:1px solid #d3ddec;border-radius:8px;padding:10px 13px;background:white;color:#294369;min-height:44px;cursor:pointer}
.media-reader-scroll{height:calc(100% - 72px);overflow:auto;overscroll-behavior:contain;padding:16px;box-sizing:border-box;touch-action:pan-x pan-y}.media-reader-content{margin:0;max-width:none!important}.media-reader-content>img,.media-reader-content>svg{display:block;width:100%!important;max-width:none!important;height:auto!important;background:white}.media-reader-content svg{font-family:'Hanken Grotesk',Arial,sans-serif}
@media(max-width:600px){.media-reader{width:100vw;max-width:100vw;height:96dvh;border-radius:14px 14px 0 0}.media-reader-bar{padding:8px;gap:5px}.media-reader-bar span{flex-basis:100%;font-size:12px}.media-reader-scroll{height:calc(100% - 104px);padding:10px}.case-visual .quotes .tcard{padding:24px}.case-visual .quotes .q{font-size:16px;line-height:1.75}.case-visual .case-overview .facts{grid-template-columns:1fr}.media-open{right:8px;bottom:8px}}

/* Centre fitted media; auto margins keep oversized zoomed content scrollable. */
.media-reader[open]{display:flex;flex-direction:column}.media-reader-bar{flex:none}.media-reader-scroll{display:flex;flex:1;min-height:0;height:auto}.media-reader .media-reader-content{flex:none;margin:auto!important}.media-reader-scroll{cursor:default}