.positioning {
  margin: 1.75rem 0 2.25rem;
  padding: 1.35rem;
  background: #f0e6d5;
  border: 1px solid #d5bd95;
}

.positioning h3 {
  margin: 0 0 1rem;
  font-size: 1.25rem;
}

.positioning dl { margin: 0; }

.positioning dl div {
  display: grid;
  grid-template-columns: minmax(130px, .42fr) minmax(0, 1fr);
  gap: 1rem;
  padding: .8rem 0;
  border-top: 1px solid #d9cbb5;
}

.positioning dt {
  font: 800 .72rem/1.4 var(--sans);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.positioning dd {
  margin: 0;
  font: 400 .86rem/1.55 var(--sans);
}

@media (max-width: 820px) {
  .positioning dl div {
    grid-template-columns: 1fr;
    gap: .35rem;
  }
}