.mobile-container{width:100%;max-width:100vw;overflow-x:hidden;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.mobile-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.mobile-container{padding-left:2rem;padding-right:2rem}}.responsive-header{display:flex;flex-direction:column;gap:1rem;padding:1rem}@media (min-width:640px){.responsive-header{flex-direction:row;justify-content:space-between;align-items:center}}.responsive-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.responsive-grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}.responsive-heading{font-size:1.5rem;line-height:2rem}@media (min-width:640px){.responsive-heading{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.responsive-heading{font-size:2.25rem;line-height:2.5rem}}.mobile-nav{display:flex;flex-wrap:wrap;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-item{flex-shrink:0;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}@media (min-width:640px){.mobile-nav-item{font-size:1rem}}.responsive-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width:640px){.responsive-modal{align-items:center;padding:1rem}}.responsive-modal-content{width:100%;max-height:90vh;overflow-y:auto;border-radius:1rem 1rem 0 0}@media (min-width:640px){.responsive-modal-content{max-width:42rem;border-radius:.5rem}}@media (min-width:1024px){.responsive-modal-content{max-width:56rem}}.touch-button{min-height:44px;min-width:44px;padding:.75rem 1rem;font-size:1rem}