.accordion {
  overflow: hidden;
  margin-top: 0.125em;
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
  border-radius: 3px;
}

.accordion > summary {
  display: block;
  cursor: pointer;
  padding: .5em .5em .5em .7em;
  background: #ededed;
  color: #2b2b2b;
  border-radius: 3px 3px 0 0;
}

.accordion:not([open]) summary:hover,
.accordion:not([open]) summary:focus {      
  background: #f6f6f6;
  color: #454545;
}

.accordion[open] summary {
  border: 1px solid #fe8122;
  background: #fe8122;
  color: #ffffff;
}

.accordion main {
  padding: 1em 2.2em;
}