html,body{max-width:100%;overflow-x:clip}
.mx-detail-hero,.mx-detail-card,.mx-detail-title,.mx-detail-title>div{min-width:0}
.mx-detail-card h1,.mx-detail-card p,.mx-detail-card li,.mx-source-list a{overflow-wrap:anywhere}
.mx-dataviz-demo{margin:0 0 18px}.mx-motion-media{position:relative;width:100%;aspect-ratio:96/55;background:var(--mx-paper-3);overflow:hidden}.mx-motion-media video,.mx-motion-media img{display:block;width:100%;height:100%;object-fit:cover;background:var(--mx-paper-3)}.mx-motion-media [hidden]{display:none!important}.mx-dataviz-demo figcaption{padding:8px 10px;color:var(--mx-muted);font-size:11px;line-height:1.4;border-top:1px solid var(--mx-rule)}
.mx-dataviz-motion{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:clamp(20px,4vw,52px);align-items:center}.mx-dataviz-motion-copy{min-width:0}.mx-dataviz-motion-copy h2{margin-top:8px}.mx-dataviz-motion .mx-dataviz-demo{margin:0;min-width:0}.mx-dataviz-demo-wide .mx-motion-media{aspect-ratio:3/2}
@media(max-width:850px){.mx-dataviz-motion{grid-template-columns:1fr}.mx-dataviz-motion-copy{max-width:62ch}}
@media(max-width:620px){html,body{width:100%;max-width:100%}.mx-shell{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)}.mx-detail-hero,.mx-detail-card{width:100%;max-width:100%}.mx-detail-card{padding:18px}.mx-detail-card h1{font-size:clamp(32px,10.25vw,40px)}.mx-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.mx-actions .mx-btn{width:100%;max-width:100%;white-space:normal;text-align:center}}
