/* R4: wide, readable storefront without touching checkout JS or payment flow. */
:root{color-scheme:light}
html,body{width:100%;max-width:100%;overflow-x:clip}
main{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}
main .max-w-3xl:has(> .prose),main .max-w-4xl:has(> .prose){max-width:100%}
main .prose{max-width:100%;overflow-wrap:break-word}
main .prose a{overflow-wrap:anywhere}
main img,main video,main iframe{max-width:100%}
main .grid > *,main .flex > *{min-width:0}
@media (max-width:640px){main{padding-left:12px;padding-right:12px}main .prose{font-size:1rem;line-height:1.7}}