.app-header,.app-header nav,.nav-cluster{overflow:visible}
.nav-cluster>summary{position:relative;z-index:2;user-select:none}
.nav-cluster:not([open])>.nav-popover{display:none}
.nav-cluster[open]>.nav-popover{display:grid;pointer-events:auto}
.nav-popover a{position:relative;z-index:2;pointer-events:auto}
.app-header{min-height:40px;padding:5px max(14px,2.2vw);gap:10px}
.app-header .brand{gap:6px;font-size:13px}
.app-header .brand-mark{width:24px;height:24px;border-radius:7px;box-shadow:0 4px 9px #0c211866}
.app-header .brand-mark i{width:11px;height:2px}
.app-header .brand-mark i:nth-child(3){top:3px;width:5px;height:5px}
.app-header .brand small{margin-top:2px;font-size:6px}
.app-header .church-switcher{gap:5px;padding:4px 7px;border-radius:6px;font-size:8px}
.app-header .church-switcher i{width:5px;height:5px;box-shadow:0 0 0 2px #75d49d1c}
.app-header nav{gap:2px}
.app-header nav>a,.nav-cluster>summary{padding:5px 6px;border-radius:6px;font-size:9px}
.app-header nav>a:before{width:12px;margin-right:2px;font-size:9px}
.app-header .user-menu{gap:4px;margin-left:3px;padding:3px;border-radius:6px}
.app-header .user-menu span{width:20px;height:20px;border-radius:5px;font-size:8px}
.app-header .user-menu b{max-width:55px;font-size:8px}
.app-header .user-menu i{font-size:8px}
.nav-popover{top:calc(100% + 8px);width:240px;padding:6px;border-radius:14px;box-shadow:0 14px 38px #0d241a36,inset 0 1px #fff}
.nav-popover:before{top:-5px;width:10px;height:10px}
.nav-popover-title{padding:5px 7px 3px;font-size:7px}
.nav-popover>a{gap:8px;padding:6px 7px;border-radius:9px}
.nav-popover>a>i{width:26px;height:26px;border-radius:8px;font-size:11px;box-shadow:0 4px 9px #506a5d22}
.nav-popover>a b{font-size:9px}
.nav-popover>a small{font-size:7px}
.mobile-nav-toggle{padding:5px 7px;font-size:13px}
@media(min-width:651px){.app-header{flex-wrap:nowrap}.app-header nav{order:initial;width:auto;margin-left:auto}.church-switcher{margin-left:0}.user-menu b,.user-menu i{display:initial}}
@media(max-width:900px) and (min-width:651px){.app-header nav{flex-wrap:wrap;overflow:visible}.nav-popover{left:0;transform:none}.nav-popover:before{left:28px}.nav-cluster:last-of-type .nav-popover{right:0;left:auto}.nav-cluster:last-of-type .nav-popover:before{right:28px;left:auto}}
@media(max-width:650px){.app-header{overflow:visible}.app-header nav{max-height:calc(100vh - 48px);overflow-y:auto;overflow-x:visible}.nav-cluster{width:100%}.nav-cluster>summary{display:block;min-height:34px;padding:9px;font-size:10px}.nav-cluster>.nav-popover{position:relative;inset:auto;width:100%;transform:none}.nav-cluster>.nav-popover:before{display:none}.nav-popover>a{min-height:40px}.app-header nav>a{min-height:34px;padding:9px;font-size:10px}.app-header .user-menu{min-height:36px}}