.clubby-team-calendar { margin-top: 1.5rem; }
.clubby-team-calendar [hidden] { display: none !important; }
.clubby-calendar-controls { display: flex; flex-wrap: wrap; gap: .5rem; margin: .75rem 0 1rem; }
.clubby-calendar-controls button { flex: 1 1 10rem; min-height: 44px; padding: .65rem .85rem; border: 1px solid #176b43; border-radius: .5rem; background: #fff; color: #176b43; font: inherit; cursor: pointer; }
.clubby-calendar-controls button[aria-pressed="true"] { background: #176b43; color: #fff; font-weight: 700; }
.clubby-calendar-controls button:focus-visible { outline: 3px solid #176b43; outline-offset: 3px; }
@media (max-width: 575px) {
  .clubby-team-calendar .team-detail-calendar-item { grid-template-columns: auto minmax(0, 1fr); }
  .clubby-team-calendar .team-detail-calendar-date { grid-column: 2; white-space: normal; }
}
[data-competition-panel][hidden] { display: none !important; }
[data-competition-tabs] .team-detail-competition-tabs button {
  min-height: 44px;
  padding: .5rem .25rem;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
[data-competition-tabs] .team-detail-competition-tabs button.is-active {
  color: var(--ssb-green-dark, #0f5b27);
  border-bottom-color: currentColor;
}
[data-competition-tabs] .team-detail-competition-tabs button:focus-visible {
  outline: 2px solid var(--ssb-green-dark, #0f5b27);
  outline-offset: 2px;
}