.staley-scoreboard-wrap{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:stretch;
  width:100%;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #dcdcdc;
}

.staley-scoreboard-track{
  display:flex;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  touch-action:pan-x;
}
.staley-scoreboard-track::-webkit-scrollbar{display:none}

.staley-scoreboard-card{
  flex:0 0 20%;
  min-width:20%;
  min-height:116px;
  padding:12px 16px;
  box-sizing:border-box;
  border-right:1px solid #e3e3e3;
  scroll-snap-align:start;
  background:#fff;
}
.staley-scoreboard-card:nth-child(even){background:#f7f7f7}
.staley-scoreboard-card.home{border-top:3px solid #00853f}
.staley-scoreboard-card.away{border-top:3px solid #5f6368}
.staley-scoreboard-card.neutral{border-top:3px solid #bdbdbd}

.staley-scoreboard-date{
  margin-bottom:8px;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  color:#666;
  text-transform:uppercase;
}

.staley-scoreboard-main{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}

.staley-scoreboard-logo{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f2f2f2;
  border:1px solid #ddd;
  box-sizing:border-box;
}
.staley-scoreboard-logo img{
  width:36px;
  height:36px;
  object-fit:contain;
}

.staley-scoreboard-match{
  min-width:0;
  flex:1 1 auto;
}

.staley-scoreboard-opponent{
  font-size:16px;
  line-height:1.15;
  font-weight:800;
  color:#111;
  text-transform:uppercase;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}

.staley-scoreboard-result{
  margin-top:7px;
  font-size:15px;
  line-height:1.1;
  color:#111;
}

.staley-scoreboard-outcome{
  display:inline-block;
  margin-right:5px;
  font-weight:900;
}
.staley-scoreboard-outcome-w{color:#00853f}
.staley-scoreboard-outcome-l{color:#a12622}
.staley-scoreboard-outcome-t{color:#666}

.staley-scoreboard-dual{
  display:flex;
  gap:18px;
  margin-top:7px;
}
.staley-scoreboard-dual div{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.staley-scoreboard-dual small{
  font-size:10px;
  color:#666;
}
.staley-scoreboard-dual strong{
  font-size:14px;
  color:#111;
}

.staley-scoreboard-nav{
  appearance:none;
  border:0;
  margin:0;
  padding:0;
  background:#fff;
  color:#333;
  font-size:22px;
  cursor:pointer;
  border-radius:0;
}
.staley-scoreboard-prev{border-right:1px solid #e1e1e1}
.staley-scoreboard-next{border-left:1px solid #e1e1e1}
.staley-scoreboard-nav:hover{background:#f5f5f5}
.staley-scoreboard-nav:disabled{
  opacity:.3;
  cursor:default;
}

.staley-scoreboard-empty{
  padding:24px;
  color:#666;
}

@media(max-width:1100px){
  .staley-scoreboard-card{
    flex-basis:25%;
    min-width:25%;
  }
}

@media(max-width:820px){
  .staley-scoreboard-card{
    flex-basis:33.333%;
    min-width:33.333%;
  }
}

@media(max-width:700px){
  .staley-scoreboard-wrap{
    grid-template-columns:34px minmax(0,1fr) 34px;
  }
  .staley-scoreboard-card{
    flex-basis:78%;
    min-width:78%;
    min-height:108px;
    padding:10px 12px;
  }
  .staley-scoreboard-logo{
    width:44px;
    height:44px;
    flex-basis:44px;
  }
  .staley-scoreboard-logo img{
    width:32px;
    height:32px;
  }
  .staley-scoreboard-opponent{font-size:14px}
  .staley-scoreboard-nav{font-size:18px}
}

.staley-scoreboard-game-link{color:inherit;text-decoration:none}.staley-scoreboard-game-link:hover,.staley-scoreboard-game-link:focus{text-decoration:underline}


/* 1.9.43 - postseason scoreboard label */
.staley-scoreboard-date{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.staley-scoreboard-playoff-label{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.staley-scoreboard-playoff-label img{
  width:12px;
  height:12px;
  object-fit:contain;
}

/* 2.2.5.8 - canceled/postponed games and Freshman squad statuses */
.staley-scoreboard-result.is-status-canceled strong,
.staley-scoreboard-dual .is-status-canceled strong{
  color:#a12622;
}
.staley-scoreboard-result.is-status-postponed strong,
.staley-scoreboard-dual .is-status-postponed strong{
  color:#7a5a12;
}