/* custom.css — small visual tweaks for this specific site.
   Loads AFTER main.css, so anything here wins. The AI content engine may add
   rules here when params can't express a change. Keep it short; prefer params. */

/* Keep decorative and platform-rendered elements from widening the phone viewport. */
html { overflow-x: clip; }

/* demo-site-note: a Mostly Hostly showcase for a fictional business */
body::after { content: "This is a demo site for a fictional business."; display: block; text-align: center; font-size: 13px; padding: 14px 16px; opacity: .75; }