/* 2.8.1 – compact My 320 FM utility navigation above the main menu */
.my320-utility-bar{
  position:relative;
  z-index:2;
  min-height:27px;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:rgba(0,0,0,.68);
}
.my320-utility-inner{
  min-height:27px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.my320-utility-brand{
  color:rgba(255,255,255,.29);
  font-size:.47rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.14em;
  white-space:nowrap;
}
.my320-utility-bar nav{display:flex;align-items:center;gap:1px}
.my320-utility-bar nav a,.my320-utility-user{
  min-height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 7px;
  border:0!important;
  border-radius:6px;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.52)!important;
  font-size:.57rem!important;
  line-height:1;
  font-weight:780;
  text-decoration:none;
  white-space:nowrap;
}
.my320-utility-bar nav a:hover,
.my320-utility-bar nav a:focus-visible,
.my320-utility-bar nav a.active{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
}
.my320-utility-user{color:rgba(255,255,255,.32)!important}
@media(max-width:680px){
  .my320-utility-bar{min-height:25px}
  .my320-utility-inner{min-height:25px;width:calc(100% - 20px)}
  .my320-utility-brand{display:none}
  .my320-utility-bar nav{width:100%;justify-content:flex-end;overflow:auto;scrollbar-width:none}
  .my320-utility-bar nav::-webkit-scrollbar{display:none}
  .my320-utility-bar nav a,.my320-utility-user{min-height:21px;padding:0 6px;font-size:.54rem!important}
}

/* Utility bar scrolls away; only the primary site header is sticky. */
.my320-utility-bar{position:relative!important;top:auto!important}