[role="button"]:hover,
[role="button"]:focus {
  background-color: #eee;
  text-decoration: underline;
}

[role="button"]:focus {
  outline: 1px dotted #000; 
}

[role="button"]:active {
  background-color: #bbb;
}

/*
[role="button"][aria-expanded="false"]:before {
  content: "\0025BA \0000A0";
  color: #999;
}

[role="button"][aria-expanded="true"]:before {
  content: "\0025BC \0000A0";
  color: #999;
}
*/

[role="button"][aria-expanded="false"] span {
  /* content: "\0025BA \0000A0";
  color: #999; */
  margin: -.25em 0 0; padding: 0; width: 0; height: 0; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: none; border-left: .5em solid #999; display: block; position: relative; left: -1.5em; top: 1em; 
}

[role="button"][aria-expanded="true"] span {
  /* content: "\0025BC \0000A0";
  color: #999; */
  margin: .25em 0 0; padding: 0; width: 0; height: 0; border-top: .5em solid #999; border-left: .5em solid transparent; border-right: .5em solid transparent; border-bottom: none; display: block; position: relative; left: -1.5em; top: 1em;
}

dl.faq dt {}


dl.faq dd {
    display: none;
}