/* Responsive overrides are intentionally isolated so future breakpoint changes do not alter base components. */
@media(min-width:1440px){.hero-content{max-width:980px}.container{width:min(1320px,calc(100% - 64px))}}
@media(min-width:1920px){.container{width:min(1460px,calc(100% - 96px))}.hero h1{font-size:9rem}}

/* Micro-toast refinement: compact and unobtrusive on mobile. */
@media(max-width:640px){.toast{bottom:16px;font-size:9px;min-height:20px;padding:4px 7px;max-width:145px;box-shadow:0 5px 14px rgba(0,0,0,.22)}}