/* Hux Studio · Skill detail spacing and left alignment v102 */

@media (min-width: 761px) {
  .skill-detail-row {
    min-height: 0;
  }

  .skill-detail-row .skill-detail-label,
  .skill-detail-row .skill-detail-value {
    min-height: 0;
    padding-top: var(--skill-detail-row-pad);
    padding-bottom: var(--skill-detail-row-pad);
  }

  .skill-detail-row .skill-detail-label {
    align-items: center;
  }

  .skill-detail-row.is-list .skill-detail-label {
    align-items: flex-start;
  }

  .skill-detail-row .skill-detail-value > p,
  .skill-detail-row .skill-detail-pills,
  .skill-detail-row .skill-detail-steps {
    padding-left: 0;
  }

  .skill-detail-steps {
    list-style: none;
    counter-reset: skill-detail-step;
  }

  .skill-detail-steps li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 8px;
    align-items: start;
    counter-increment: skill-detail-step;
  }

  .skill-detail-steps li::before {
    content: counter(skill-detail-step) ".";
    color: var(--brand);
    font-family: var(--font-mono);
    font-weight: 750;
    line-height: inherit;
  }
}