/* Member dashboard navigation and narrow-screen forms. */
body:is(.account-active,.landing-active) .site-header{position:relative;top:auto;min-height:78px;height:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-left));}
body:is(.account-active,.landing-active) .site-header .brand{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px}
body:is(.account-active,.landing-active) .site-header .brand span{display:block!important;white-space:normal;font-size:17px;line-height:1.25}
body:is(.account-active,.landing-active) .site-header .brand img{width:52px;height:52px;flex-shrink:0}
body:is(.account-active,.landing-active) .site-header .account-menu{flex-wrap:wrap;gap:12px}
body:is(.account-active,.landing-active) .site-header .nav-toggle{display:none}
body:is(.account-active,.landing-active) .site-header .account-menu :is(a,button){min-height:44px;align-items:center}
body:is(.account-active,.landing-active) .dash-card{min-width:0;overflow-wrap:anywhere}
body:is(.account-active,.landing-active) :is(input,select,textarea){max-width:100%}
body:is(.account-active,.landing-active) .table-responsive{max-width:100%;overflow-x:auto}
@media(max-width:1000px){
 body:is(.account-active,.landing-active) .site-header .brand{flex:1 1 180px}
 body:is(.account-active,.landing-active) .site-header .nav-toggle:not([hidden]){display:inline-flex;min-height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid #fff;border-radius:5px;padding:8px 16px;color:#fff;font:inherit}
 body:is(.account-active,.landing-active) .site-header .account-menu{width:100%;flex-direction:column;align-items:stretch}
 .navigation-ready body:is(.account-active,.landing-active) .site-header .account-menu:not(.is-open){display:none}
 body:is(.account-active,.landing-active) .site-header .account-menu .desktop-link{display:flex;padding:8px 12px}
 body:is(.account-active,.landing-active) .site-header .account-dropdown{position:static;width:100%;margin-top:8px}
}
@media(max-width:600px){
 body:is(.account-active,.landing-active) .site-header .brand span{font-size:15px}
 body:is(.account-active,.landing-active) .site-header .brand img{width:44px;height:44px}
 body:is(.account-active,.landing-active) #home{padding-top:20px!important}
 body:is(.account-active,.landing-active) :is(input,select,textarea){font-size:16px}
 body:is(.account-active,.landing-active) .dash-card{padding:16px}
 body:is(.account-active,.landing-active) .offcanvas{max-width:100vw}
}

body.landing-active .hero-slideshow{overflow:hidden}