$number-size: rem(12px);
$bullet-size: rem(18px);

.p_qu {
  list-style: none;
  margin-top: 0;
  padding-left: 0;

  + .p_qu {
    margin-top: spacing();
  }
}

.p_vh {
  > .p_in::before {
    content: '\2022'; // bullet
    font-size: $bullet-size;
  }
}

.p_xv {
  counter-reset: ordered-counter;

  > .p_in::before {
    @include text-emphasis-strong;
    content: counter(ordered-counter, decimal) '.';
    counter-increment: ordered-counter;
    font-size: $number-size;
    vertical-align: top;
  }
}

.p_in {
  position: relative;
  margin-bottom: spacing(tight);
  padding-left: spacing();

  &:last-child {
    margin-bottom: 0;
  }

  &::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }

  .p_qu:first-child {
    margin-top: spacing(tight);
  }
}