#programmable-btn .bo-temp {
  display: grid;
}
#programmable-btn .picture {
  grid-row: 1;
}
#programmable-btn .content{
  grid-row: 2; width: 100%; padding-top: 2rem;
}
#programmable-btn ol{
  li { text-align: left; margin-left: 2rem; }
  ::marker {
    color: var(--cx-g-color-primary);
    font-weight: 500;
  }
}
@media (max-width: 767px) {
	#programmable-btn ol:first-child {
    padding-bottom: 1rem;
    border-bottom: 1px solid #222;
  }
}
@media (min-width: 768px) {
	#programmable-btn .parts-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	}
	#programmable-btn ol {
 	 column-count: 2;
    grid-column: unset;
	}
	#programmable-btn ol:first-child {
    border-right: 1px solid #222;
  }
	#programmable-btn ol:last-child li:nth-child(7) {
    break-flow: column;
  }
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}