/* 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}
}



/* Keep the established fixed header height while accommodating the Join action. */
.site-nav{gap:24px}
.site-nav>.btn{padding-inline:18px}
@media(max-width:1120px){.site-nav{gap:17px;font-size:12px}.site-nav>.btn{padding-inline:15px}}
@media(max-width:980px){.site-nav{gap:5px;font-size:14px}}

/* The primary action keeps the same appearance on its own page. */
.site-nav>a.btn { position:relative; white-space:nowrap; }
.site-nav>a.btn::after { content:none; display:none; }
.site-nav>a.btn:hover,.site-nav>a.btn:active { transform:none; }

/* The accented J is the first letter of the wordmark, not a separate icon. */
.brand { gap:0; }
.brand-mark { flex:0 0 auto; }

/* Close the SVG sidebearing so J and ernie read as one word at every size. */
.brand > .wordmark { margin-inline-start:-0.2em; }