.accordion { max-width: 600px;  }
  .accordion-trigger {
    display: flex; align-items: center; justify-content: center;
    width: 100%; border: none; background: none; cursor: pointer; padding: 0;    
  }
  .line {
    flex: 1; height: 2px; background: #ccc;
  }
  .circle {
    width: 36px; height: 36px; background: #fff; border: 2px solid #ccc;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    margin: 0 8px;
    transition: border-color 0.2s ease;
    font-size: 20px;
    /*font-weight: bold;*/
    line-height:1;
  }
  .accordion-trigger[aria-expanded="true"] .icon {
    content: "-";
  }
  .accordion-trigger:hover .circle {
    border-color: #666;
  }

  .accordion-panel {
    height: 0; overflow: hidden; transition: height 0.28s ease;
  }
  .accordion-panel-inner {
    padding-bottom: 16px; 
  }