/* Current product previews: keep the untouched full screenshot scrollable. */
.product-hero .rn-interface-window{max-height:580px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:14px;background:#eceaf1}
.free-page .product-hero .rn-interface-window{background:#edf3ef}
.product-hero .rn-interface-original{display:block;text-decoration:none}
.product-hero .rn-interface-window img{display:block;width:100%;height:auto;max-width:100%;border:1px solid #d8d3e1;border-radius:5px}
.product-hero .rn-interface-hint{margin:0;padding:10px 14px;font-size:12px;line-height:1.6;color:#625871;background:#faf8ff}
.product-hero .rn-current-interface>.rn-interface-fullsize{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:14px;min-height:48px;border-top:1px solid #e7e1f0;background:#fff;color:#5537c3;font-size:13px;font-weight:650;text-decoration:none;line-height:1.5;text-align:center}
.product-hero .rn-current-interface>.rn-interface-fullsize:hover{background:#f6f2ff;text-decoration:underline}
.product-hero .rn-interface-window:focus-visible,.product-hero .rn-interface-original:focus-visible,.product-hero .rn-interface-fullsize:focus-visible{outline:3px solid #6246d9;outline-offset:-3px}
@media(min-width:801px){.free-page .product-hero,.pro-page .product-hero{align-items:start}.product-hero-copy{padding-top:36px}}
@media(max-width:800px){.product-hero .rn-interface-window{max-height:330px;padding:10px}.product-hero-copy{padding-top:0}}
@media(max-width:480px){.product-hero .rn-interface-window{max-height:260px;padding:8px}.product-hero .rn-interface-hint{font-size:11px;padding:8px 12px}.product-hero .rn-current-interface>.rn-interface-fullsize{font-size:12px}}
/* Let enlarged text determine row height without forcing a wider grid track. */
.free-page .scope-list,.pro-page .scope-list{grid-template-columns:minmax(0,1fr)}
.free-page .scope-list article,.pro-page .scope-list article,.home-page .home-faq>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:480px){.home-page .home-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .home-action{min-width:0}.home-page .home-action .button{overflow-wrap:anywhere;white-space:normal}.home-page .home-faq{grid-template-columns:minmax(0,1fr)}}
.pricing-page .pricing-free>div:first-child{min-width:0;max-width:min(680px,100%);overflow-wrap:anywhere}