/* Keep the public navigation together instead of stretching links across the window. */
@media(min-width:851px){
 .ref-header .nav{width:calc(100% - 56px);max-width:1240px;margin:0 auto;padding:0;gap:30px}
 .ref-header .brand{flex-shrink:0;margin-right:0}
 .ref-header .brand img{width:125px}
 .ref-header .nav nav{flex:1;justify-content:center;gap:24px;min-width:0;font-size:13px}
 .ref-header .nav-group{gap:2px;flex-shrink:0}
 .ref-header .nav-actions{flex-shrink:0;gap:20px;font-size:12px}
 .ref-header .ref-button{height:42px;min-width:130px;padding:10px 17px;border-radius:8px;font-size:13px;line-height:1.3;text-align:center;white-space:nowrap}
 .ref-header .ref-button br{display:none}
 .ref-header nav>a[aria-current]:after,.ref-header .nav-group>a[aria-current]:after{left:0;right:0;bottom:10px}
}
@media(min-width:851px) and (max-width:1150px){
 .ref-header .nav{width:calc(100% - 40px);gap:23px}
 .ref-header .brand img{width:112px}
 .ref-header .nav nav{gap:18px;font-size:12px}
 .ref-header .nav-actions{gap:16px;font-size:11px}
 .ref-header .ref-button{min-width:116px;font-size:12px;padding:10px 13px}
}
@media(min-width:851px) and (max-width:1000px){
 .ref-header .nav{gap:20px}
 .ref-header .nav nav{gap:17px;font-size:11px}
 .ref-header .nav-actions .access{display:none}
 .ref-header .ref-button{min-width:112px}
}