.block__code { clear: both; min-width: 0; margin: 26px 0; overflow: hidden; border: 1px solid #2d405d; border-radius: 9px; background: #142136; }
.b_code--head { margin: 0; padding: 9px 16px; border-bottom: 1px solid #2d405d; color: #a9bfdf; background: #0f192a; font-family: Consolas, 'Cascadia Code', monospace; font-size: 11px; font-weight: 600; line-height: 1.5; }
.b_code--body { max-width: 100%; margin: 0; padding: 16px; overflow-x: auto; color: #c9d9ef; font-family: Consolas, 'Cascadia Code', monospace; font-size: 13px; line-height: 1.65; tab-size: 4; text-align: left; white-space: pre; direction: ltr; }
.b_code--body code { padding: 0; color: inherit; background: transparent; font: inherit; white-space: inherit; }
.b_code--body:focus-visible { outline: 2px solid #82aaff; outline-offset: -3px; }
.block__code :is(.b_code--comment, .b_code--prolog, .b_code--doctype, .b_code--cdata) { color: #8094b2; }
.block__code :is(.b_code--keyword, .b_code--atrule) { color: #c792ea; }
.block__code :is(.b_code--class-name, .b_code--property, .b_code--builtin) { color: #82d7ff; }
.block__code :is(.b_code--operator, .b_code--attr-name) { color: #ffcb6b; }
.block__code :is(.b_code--variable, .b_code--parameter) { color: #b8cff5; }
.block__code :is(.b_code--string, .b_code--char, .b_code--attr-value, .b_code--selector) { color: #c3e88d; }
.block__code :is(.b_code--number, .b_code--boolean, .b_code--constant) { color: #f78c6c; }
.block__code .b_code--function { color: #82aaff; }
.block__code .b_code--tag { color: #f07178; }
.block__code .b_code--punctuation { color: #9eacc1; }
@media (max-width: 700px) {
    .b_code--body { padding: 12px; font-size: 12px; }
    .b_code--head { padding: 8px 12px; }
}