:root {
  interpolate-size: allow-keywords;
}

details summary {
  display: flex;
}

details::details-content {
  height: 0;
  overflow: hidden;
  transition:
    height 0.3s,
    content-visibility 0.3s;
  transition-behavior: allow-discrete;
}

details[open]::details-content {
  height: auto;
}