/* Fit the original product layouts inside embedded previews and narrow phones. */
[data-portfolio-product=playmetric] .calc-layout>.panel{min-width:0}
[data-portfolio-product=playmetric] .calc-layout :is(input,select){min-width:0;max-width:100%;width:100%;box-sizing:border-box}
[data-portfolio-product=playmetric] :is(.bg-grid,.learn-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
[data-portfolio-product=playmetric] code{display:inline-block;max-width:100%;white-space:normal!important;word-break:break-all;overflow-wrap:anywhere}
[data-portfolio-product=playmetric] pre{max-width:100%;overflow-x:auto}
[data-portfolio-product=playmetric] .content-block{overflow-wrap:anywhere}
[data-portfolio-product=getimagepress] .grid[style*="minmax(300px"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important}
@media(max-width:360px){[data-portfolio-product=getpdfpress] nav.sticky>div{flex-wrap:wrap;gap:12px}[data-portfolio-product=getpdfpress] nav.sticky>div>div{flex-wrap:wrap}}