/* Compact, readable decision steps on light and dark interior sections. */
.bw-content-steps li {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  align-content: start;
  min-height: 190px;
  column-gap: 14px;
}

.bw-content-steps li > span {
  grid-row: 1 / span 2;
  grid-column: 1;
}

.bw-content-steps strong {
  grid-row: 1;
  grid-column: 2;
  margin-top: 0;
}

.bw-content-steps p {
  grid-row: 2;
  grid-column: 2;
  min-height: 0;
  margin-top: 14px;
  color: rgba(21, 24, 23, .72);
  line-height: 1.6;
}

.bw-content-section--ink .bw-content-steps p {
  color: rgba(255, 255, 255, .7);
}

.bw-content-section--compact-steps {
  padding-bottom: 40px;
}

.bw-content-page > .bw-content-section--compact-steps + .bw-faq {
  padding-top: 40px;
}

@media (max-width: 760px) {
  .bw-content-section--compact-steps {
    padding-bottom: 40px;
  }

  .bw-content-page > .bw-content-section--compact-steps + .bw-faq {
    padding-top: 40px;
  }
}

@media (max-width: 560px) {
  .bw-content-steps li {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 0;
    padding: 24px;
  }
}