/*--------------------------------------------------------------
## Accordion Styling
--------------------------------------------------------------*/

.accordion-title {
  cursor: pointer;
  user-select: none;
}

.accordion .icon {
  width: 11px;
  display: inline-block;
}

.accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
  
  &.active {
    grid-template-rows: 1fr;
  }
}

.accordion-content-inner {
  overflow: hidden;
  padding-left: 16.5px;
  user-select: none;
  
  strong {
    font-weight: bold;
  }
  a {
    text-decoration: underline;
  }
  
  ul, ol {
    list-style-type: "–  ";
    margin-left: 10px;
    li {
      margin-bottom: 0.02em;
      padding-left: 0.15em;
    }
  }
}