/* Availability is deliberately green and more prominent than a neutral outline. */
.year-picker-button {
  font: inherit;
  color: #74758b;
  background: transparent;
  border: 0;
  border-bottom: 1px dotted currentColor;
  padding: 0 2px;
  cursor: pointer;
}
.year-picker-button:hover { color: #5554d9; }
.year-picker-button:focus-visible { outline: 2px solid #5554d9; outline-offset: 3px; border-radius: 3px; }
.event.available {
  color: #176b45;
  background: #e5f7ec;
  border: 1px solid #76c99a;
  border-left: 4px solid #27a866;
  box-shadow: 0 1px 3px #1d9b5a26;
  font-weight: 700;
}
.legend-outline {
  background: #e5f7ec;
  border: 1px solid #27a866;
  box-shadow: 0 1px 3px #1d9b5a26;
}