.panel {
      width: 70vw;
      max-width: 700px;
      margin: 50px auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.08);
      padding: 32px 24px;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    .row {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      cursor: pointer;
      padding: 16px 0;
      border-bottom: 1px solid #eee;
      user-select: none;
      transition: background 0.13s;
    }
    .row:last-child {
      border-bottom: none;
    }
    .icon {
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      color: #444;
      flex-shrink: 0;
      transition: color 0.2s;
    }
    .row.active .icon {
      /* bk color: #0a7cff;*/
    }
    .row .lead {
      font-weight: bold;
    /* bk  color: #222;*/
      margin-right: 6px;
      transition: color 0.2s;
    }
    .row.active .lead {
    /* bk  color: #0a7cff;*/
    }
    .details {
      display: none;
      padding-left: 44px;
      margin-top: 8px;
      /* bkcolor: #444;*/
      font-size: 1rem;
      line-height: 1.6;
      animation: fadeIn 0.2s;
    }
    .row.active + .details {
      display: block;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-8px);}
      to { opacity: 1; transform: translateY(0);}
    }