/* Public website mobile layout. Admin styles are intentionally not targeted. */
@media(max-width:1024px){
 .app-shell>header .top-pad{padding:10px 0}
 .app-shell>header .top-header{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-items:center}
 .app-shell>header .top-left-header{display:flex;flex-direction:row;align-items:center;gap:14px;flex:1;min-width:0}
 .app-shell>header .brand img{height:36px}
 .app-shell>header .top-header-content{font-size:14px!important;line-height:1.3;text-align:left}
 .app-shell>header .top-right-header{display:flex;flex-direction:row;gap:8px;min-width:0}
 .app-shell>header select{min-height:44px;max-width:100%;font-size:16px}
 .app-shell>header .bottom-header-full{flex-direction:row;min-height:54px;position:relative;gap:12px}
 .app-shell>header .hamburger{display:block;flex:0 0 44px;min-height:44px;padding:8px;font-size:27px}
 .app-shell>header .search-box{margin:0 0 0 auto;width:min(320px,calc(100% - 56px));min-width:0;min-height:42px}
 .app-shell>header .search-box input{min-width:0;width:100%;font-size:16px}
 .app-shell>header .menu-items{display:none;position:absolute;top:100%;left:0;right:0;width:auto;box-sizing:border-box;background:#363491;flex-direction:column;align-items:stretch;gap:0;padding:8px 12px;max-height:var(--bealert-menu-height,60dvh);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 12px 24px #101e3633;border-radius:0 0 12px 12px;z-index:1100}
 .app-shell>header .menu-items.active{display:flex}
 .app-shell>header .menu-items>li{width:100%;flex:none;position:relative;border-bottom:1px solid #ffffff24}
 .app-shell>header .menu-items>li>button{min-height:46px;white-space:normal;line-height:1.35;text-align:left;width:100%;padding:10px 8px;justify-content:flex-start;color:white}
 .app-shell>header .menu-items>li.active>button{color:#fff;text-decoration:underline;text-underline-offset:5px}
 .app-shell>header .menu-items>li.dropdown>button:first-child{padding-right:52px}
 .app-shell>header .menu-items>li>button.mobile-submenu-toggle{position:absolute;top:0;right:0;width:46px;height:46px;min-height:46px;justify-content:center;font-size:24px}
 .app-shell>header .menu-items .dropdown-menu{display:none!important;position:static;min-width:0;width:auto;margin:0 0 8px;padding:4px 12px;box-shadow:none;border:0;border-radius:8px;background:#f5f6fc}
 .app-shell>header .menu-items .mobile-submenu-open>.dropdown-menu:not([hidden]){display:block!important}
 .app-shell>header .menu-items .dropdown-menu button{min-height:44px;white-space:normal;line-height:1.4;text-align:left;width:100%;padding:8px;color:#192044}
 html.mobile-menu-open .app-shell>header{transform:none!important;pointer-events:auto!important}
 .app-shell>header .menu-items [hidden]{display:none!important}
 .app-shell main input:not([type=checkbox]):not([type=radio]),.app-shell main select,.app-shell main textarea{font-size:16px;max-width:100%;box-sizing:border-box}
 .app-shell main .field,.app-shell main .form-grid>*{min-width:0}
 .app-shell main .field input[type=file]{width:100%;min-width:0}
}
@media(min-width:1025px){.mobile-submenu-toggle{display:none!important}}
@media(max-width:600px){
 .app-shell>header .top-left-header{flex-basis:100%;gap:10px}
 .app-shell>header .brand img{height:auto;width:112px;max-width:none}
 .app-shell>header .top-header-content{font-size:12px!important;flex:1;min-width:0}
 .app-shell>header .top-right-header{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .app-shell>header .top-right-header select{width:100%;min-width:0;padding-top:8px;padding-bottom:8px}
 .app-shell main .signup-section-head{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px}
 .app-shell main .signup-section-head h2,.app-shell main .signup-section-head h3{padding:0;border:0;margin:0;font-size:17px;line-height:1.4}
 .app-shell main .signup-section-head p{font-size:14px;line-height:1.5}
 .app-shell main .form-card,.app-shell main .signup-form{padding:12px}
 .app-shell main .signup-section{padding:10px}
 .app-shell main .form-grid{grid-template-columns:minmax(0,1fr)}
 .app-shell main .search-primary-row{min-width:0}
 .app-shell main .search-primary-row input{width:100%;min-width:0}
 .app-shell .footer-main,.app-shell .footer-bottom{min-width:0;overflow-wrap:anywhere}
}