.user-summary-card {
  .user-card-content {
    padding-inline: var(--spacing-5);
    padding-block: var(--spacing-6) var(--spacing-5);
    display: grid;
    gap: var(--spacing-4);
  }
  .user-main {
    display: flex;
    gap: var(--spacing-4);
    border: none;
    appearance: none;
    background: transparent;
    position: relative;
    .user-main-text {
      padding-block: var(--spacing-1);
      flex: 1;
      text-align: left;
    }
    .expand-trigger {
      position: absolute;
      right: 8px;
      top: 12px;
      .icon {
        width: 16px;
        height: 16px;
        fill: var(--color-text-primary);
      }
    }
  }
  .user-detail {
    display: none;
    &.is-open {
      display: block;
    }
  }
  .user-introduction {
    .introduction-main {
      padding: var(--spacing-6);
      display: grid;
      gap: var(--spacing-4);
      border-bottom: 1px solid var(--color-border-base-low);
    }
    .introduction-career {
      padding: var(--spacing-6);
    }
  }
}