/* Make the injected button look exactly like the old h2 text */
h2.accordionTop button.accordionBtn {
  all: inherit;
  display: block;
  width: 98%;
  margin: 0em 1em;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
h2.accordionTop button.accordionBtn:focus-visible {
  /*outline: 2px solid #fff;
  outline-offset: 2px;*/
    box-shadow: none;
    background-color: #fd0;
    outline: 3px solid #415866;
    border-radius: 2px;
    text-decoration: none;
    color: #000;
}

/* causes non-selected accordion details to be un-selectable until accordion button selected
- means focus will jump between accordion h2 headings until selected */
.accordionDetails:not(.active) { display: none; }

/* fixes focus to be standard dhs, non-colour/theme specific 
a:focus {
    box-shadow: none;
    background-color: #fd0!important;
    outline: 3px solid #415866;
    border-radius: 2px;
    text-decoration: none;
    color: #000!important;
}
*/