.l-advice-list {
  display: grid;
  gap: var(--spacing-8);
}
.advice-detail {
  .advice-detail-body {
    padding-block: var(--spacing-8);
  }
}
.advice-status-text {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  .icon {
    width: 20px;
    height: 20px;
  }
  &.date-not-decided {
    .icon {
      fill: var(--color-text-base-disabled);
    }
    .body {
      color: var(--color-text-base-disabled);
      font-weight: bold;
    }
  }
}
.c-evaluations {
  padding-block: var(--spacing-12);
  display: grid;
  gap: var(--spacing-8);
}
.evaluation-card {
  padding-inline: var(--spacing-8);
  padding-block: var(--spacing-2);
}
.evaluation-item {
  padding-block: var(--spacing-8);
  border-bottom: 1px solid var(--color-border-base-middle);
  &:last-child {
    border-bottom: none;
  }
  .heading-5 {
    color: var(--color-text-primary);
    margin-bottom: var(--spacing-2);
  }
}
.rating-item {
  display: flex;
  align-items: center;
  padding-block: var(--spacing-1);
  .rating-item-label {
    font-size: var(--font-size-2);
    font-weight: bold;
    min-width: 112px;
    color: var(--color-text-base-middle);
  }
  .rating-item-content {
    display: flex;
    gap: var(--spacing-2);
    align-items: center;
  }
  .rating-star-bar {
    display: flex;
    gap: var(--spacing-1);
    .icon {
      width: 16px;
      height: 16px;
      fill: var(--color-text-primary);
    }
  }
  .rating-num {
    color: var(--color-text-primary);
    font-weight: bold;
    font-size: var(--font-size-6);
  }
}