.code {
  margin-block: clamp(1.875rem, 1.4316rem + 1.6694vw, 2.5rem);
  padding-block: clamp(3.125rem, -0.2083rem + 6.9444vw, 5rem);
  padding-inline: 20px;
}
.article-main .code, article#post-content .code {
  background-color: var(--Primary-800) !important;
  color: var(--White) !important;
}
@media screen and (width < 48rem) {
  .code > * {
    grid-column: full-width !important;
  }
}
.code--header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.code--title {
  flex: 1;
  line-height: 1;
  margin: 0 !important;
}
.code--info {
  margin-bottom: 0 !important;
}
@media screen and (width >= 48rem) {
  .code--info {
    text-align: right;
  }
}