/*
 CSS for the main interaction
*/
.accordion > input[type="checkbox"] {
  position: absolute;
  left: -100vw;
}

.accordion .content {
  overflow-y:visible;
  height: auto;
  transition: height 10s ease;
}


.accordion > input[type="checkbox"]:checked ~ .content {
  height: 0;
  overflow-y: hidden;
}

@media (orientation: landscape) {
    .accordion .content {
        height: 0;
        overflow-y: hidden;
        
      }
      .accordion > input[type="checkbox"]:checked ~ .content {
        overflow-y:visible;
        height: auto;
        transition: height 10s ease;
      }
  }

  
.accordion label {
  display: block;
}

/*
 Styling
*/


.accordion {
  margin-bottom: 1em;
}


.accordion .handle {
  margin: 0;
 
}

.accordion label {
  cursor: pointer;
  display: block;

}


.accordion .handle label:before {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  content: "\25BC";
}

.accordion > input[type="checkbox"]:checked ~ .handle label:before {
    content: "\25BA";
}



/* .accordion {
  max-width: 65em;
} */

.accordion p:last-child {
  margin-bottom: 0;
}