/* One in-flow navigation bar shared by every public page. */
.publicSite .publicHeader{
    position:sticky;
    inset:0 auto auto;
    width:100%;
    background:#000;
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
}
.publicSite .publicHeaderInner{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:min(var(--defx-max),calc(100% - 40px));
    min-height:64px;
    margin:0 auto;
    padding:8px 0;
    gap:0;
}
.publicSite .publicHeader .publicNav{
    position:static;
    inset:auto;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    padding:0;
    gap:4px 28px;
}
.publicSite .publicNavLink{
    flex:0 0 auto;
    min-height:44px;
    font-size:16px;
    font-weight:400;
    line-height:1.25;
    letter-spacing:0;
    text-shadow:none;
    white-space:nowrap;
    color:#e8f3fb!important;
}
.publicSite .publicNavLink::after{display:block;}
.publicSite .publicNavLink:hover,
.publicSite .publicNavLink:focus-visible,
.publicSite .publicNavLink.is-current{color:var(--defx-header-cyan)!important;}
@media(max-width:760px){
    .publicSite .publicHeader{position:relative;}
    .publicSite .publicHeaderInner{width:calc(100% - 24px);min-height:64px;}
    .publicSite .publicHeader .publicNav{gap:4px 20px;}
}