/* One fixed header and one navigation geometry on every route. */
:root{--site-header-height:96px}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.site-header{box-sizing:border-box;height:var(--site-header-height);min-height:var(--site-header-height);max-height:var(--site-header-height);overflow:visible}
.header-inner{box-sizing:border-box;height:100%;min-height:0;max-height:100%}
.site-nav{flex-wrap:nowrap}
.site-nav>a{box-sizing:border-box;flex:0 0 auto;height:48px;min-height:48px;max-height:48px}
.site-nav>a:not(.btn){display:inline-flex;align-items:center;padding:0!important;position:relative}
.site-nav>a[aria-current="page"]:not(.btn):after{content:"";position:absolute;height:2px;background:var(--green);bottom:7px;left:0;right:0}
.site-nav>.btn{height:48px;min-height:48px;max-height:48px}

@media(max-width:980px){
 .site-nav{top:calc(var(--site-header-height) - 1px)}
 .site-nav>a,.site-nav>a:not(.btn),.site-nav>.btn{display:flex;height:48px;min-height:48px;max-height:48px;padding:12px!important}
 .site-nav>a[aria-current="page"]:not(.btn){border-radius:8px;background:var(--mint);color:var(--forest)}
 .site-nav>a[aria-current="page"]:not(.btn):after{display:none}
}

@media(max-width:650px){
 :root{--site-header-height:77px}
}