/* 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. */

/* 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; }

/* phones: keep the hero word "Homeschooling," inside the screen */
@media (max-width: 520px) { .home-hero h1 { font-size: 2.2rem; } }