.design-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  margin: 15px 0;
}
.design-images a { box-sizing: border-box; display: block; max-width: 100%; padding: 4px; border-radius: 3px; background-color: rgba(255,255,255,0.11); line-height: 0; }
.design-images-pair { flex-wrap: nowrap; }
.design-images-pair a { min-width: 0; }
.design-images img { display: block; max-width: 100%; height: auto; }
.design-entry ol { margin-left: 30px; }
.design-entry ol li { margin-bottom: 6px; }
.page-design .design-entry ol li::marker { color: #80ccff; }
.page-design #container > hr { margin: 24px 0; }

@media screen and (max-width: 1228px) {
  .page-design #container > h2 { padding-left: 0 !important; }
  .page-design #wrapper { display: flex; flex-direction: column; }
  .page-design #header { order: -2; }
  .page-design #aside { order: -1; margin: 0 16px 5px !important; }
  .page-design #aside .design-summary li { margin-bottom: 0 !important; background-position: 0 center; }
  .page-design #aside .design-summary a { display: flex; align-items: center; min-height: 44px; }
}