/* details { border-bottom: 0.25 solid #ddd; } */
/* summary {  */
/*   cursor: pointer; padding: 0.5rem;  */
/* } */
/* summary h2 { */
/*   display: inline-block; */
/* } */
/* details[open] summary { font-weight: bold; } */

summary {
  list-style: none;                 /* Firefox: removes default triangle */
  display: flex;
  align-items: center;
  justify-content: space-between;   /* pushes arrow to the right edge */
  cursor: pointer;
  font-size:2rem;
  background: var(--accent2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}

summary::-webkit-details-marker { display: none; }  /* Chrome/Safari */

summary::after {
  content: '▶';
  transition: transform .2s;
  position: relative;
  top: -0.3rem;
}

details {
  padding: 0.5rem;
}

details[open] summary::after {
  transform: rotate(90deg);         /* optional: rotate when open */
}

.details-content {
  padding: 0.5rem;
}

.summary-title {
  display: inline-block;
  position: relative;
  top: -0.3rem;
  padding-left: 1rem;
}

@media (max-width: 800px) {
  summary::after {
    font-size:1.5rem;
  }
}