/* Trust (v2): the product screen beside its copy, and the roadmap as planned cards. Everything else comes from v2.css. */

.sx-red { font-size: .9em; color: var(--studio-ink); }
.v2-split .copy .small { max-width: 34em; }
.v2-split .copy .body { max-width: 31em; }

.sx-shot { align-self: center; }
.sx-shot img { display: block; }

/* Planned controls draw dashed, as planned items do everywhere on the site */
.sx-road { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sx-road li { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 10px; padding: 18px 20px 22px; border: 1px dashed var(--studio-line-strong); border-radius: 10px; }
.sx-road .cap { margin-left: auto; }
.sx-road h3 { flex-basis: 100%; font-size: 16.5px; line-height: 23px; font-weight: 600; letter-spacing: -0.01em; }

@media (max-width: 1080px) {
  .sx-road { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .sx-road { grid-template-columns: minmax(0, 1fr); }
}