.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:.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}}