.sync-diagram-wrap {
  margin: 0 auto 18px;
  text-align: center;
}
.sync-diagram-wrap > p {
  margin: 0 0 8px !important;
}
.sync-diagram-wrap picture {
  display: block;
  line-height: 0;
}
.sync-diagram-wrap img {
  display: block;
  max-width: 720px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* Keep wide specification tables inside their own viewport on small screens. */
#tab-specs {
  min-width: 0;
  max-width: 100%;
}
#tab-specs .profile-table {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 640px) {
  html, body { overflow-x: hidden; }
  #tab-specs { overflow-x: auto; }
  #tab-specs .profile-table {
    min-width: 560px;
    width: 560px;
    max-width: none;
  }
}