.collapsible-section{
      position:relative;
      margin:0;
    }

    .collapsible-section summary{
      list-style:none;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      width:100%;
      padding:16px 0;
      transition:background-color 0.2s;
      font-weight:600;
      font-size:1.25rem;
    }

    .collapsible-section summary::-webkit-details-marker{
      display:none;
    }

    .collapsible-section summary::after{
      content:"";
      width:20px;
      height:20px;
      flex-shrink:0;
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232d7f91'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      background-repeat:no-repeat;
      background-size:contain;
      background-position:center;
      transition:transform 0.3s ease;
    }

    .collapsible-section[open] summary::after{
      transform:rotate(180deg);
    }

    .collapsible-section[open] summary{
      margin-bottom:16px;
      border-bottom:1px solid rgba(0, 0, 0, 0.1);
      padding-bottom:16px;
    }

    .collapsible-content{
      animation:fadeIn 0.4s ease;
    }

    @keyframes fadeIn{
      from{
        opacity:0;
        transform:translateY(-10px);
      }

      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    [v-cloak]{
      display:none;
    }