/* the token section: copy on the left, the dashboard preview on the right */
.developers { display: grid; grid-template-columns: 1fr 1fr; }
.developers__content { display: grid; align-content: start; padding: var(--section-y) var(--pad); }
.developers__list { display: grid; gap: 20px; margin: 64px 0 40px; }
.developers__item dt { font: 400 18px/26px var(--sans); }
.developers__item dd { margin: 4px 0 0; }
.developers__visual {
  display: grid;
  place-items: center;
  padding: 64px var(--pad);
  border-left: 1px solid var(--line);
}
@media (max-width: 860px) {
  .developers { grid-template-columns: 1fr; }
  .developers__visual { border-left: 0; border-top: 1px solid var(--line); }
}