/* Scene framing and phone comparison alignment, without changing the page grid. */
html body .cryo-window picture{position:relative;touch-action:pan-y pinch-zoom;cursor:grab;overflow:hidden}
html body .cryo-window picture:active{cursor:grabbing}
html body .cryo-window picture:has(.quantum-hardware[data-ready="true"]) img{visibility:hidden}
html:root:root:root:root body .cryo-window picture>.quantum-hardware{position:absolute!important;inset:32px!important;width:calc(100% - 64px)!important;height:calc(100% - 64px)!important;opacity:0;pointer-events:none}
html:root:root:root:root body .cryo-window picture>.quantum-hardware[data-ready="true"]{opacity:1}
html body .cryo-window picture::after{content:"Drag to rotate 360°";position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 12px;border:1px solid var(--q-line);border-radius:999px;background:var(--q-surface-2);color:var(--q-muted);font:400 11px Inter,sans-serif;pointer-events:none}
html body .assembly-view>.quantum-chip{inset:0!important}
@media(max-width:767px){
 html:root:root:root:root:root:root body .q-page [data-screen-label="Today vs Future"] .qtf-card>:is(.qf-type-card-title,.qtf-sub,p),html:root:root:root:root:root:root body .q-page .qtf-summary{text-align:center!important;text-align-last:center!important;hyphens:none!important}
 html body [data-screen-label="Today vs Future"] .qtf-card>svg{display:block;margin-inline:auto!important;align-self:center;width:100%!important;overflow:visible}
 html body [data-screen-label="Today vs Future"] .qtf-card>svg>g{transform:translateX(6px)}
}