/* Fabricio code highlighting */
.code-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:2rem 0 0;
  padding:.55rem .8rem;
  border:1px solid #272d35;
  border-bottom:0;
  border-radius:6px 6px 0 0;
  background:#0b0e12;
  color:var(--muted-3);
  font-family:var(--mono);
  font-size:.63rem;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.code-language{white-space:nowrap}
.code-copy{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--muted);
  padding:.15rem 0;
  font-family:inherit;
  font-size:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
  cursor:pointer;
}
.code-copy:hover{color:var(--accent)}
.journal-prose pre.code-block-enhanced{
  margin-top:0;
  border-radius:0 0 6px 6px;
}
.hl-keyword{color:#e2b45c}
.hl-string{color:#a8c98f}
.hl-comment{color:#66717d;font-style:italic}
.hl-number{color:#c4a7e7}
.hl-tag{color:#8fb7d8}
.hl-attr{color:#d6a96d}
.hl-property{color:#8fb7d8}
.hl-literal{color:#c4a7e7}
@media(max-width:560px){
  .code-toolbar{padding:.5rem .65rem}
}

.hl-type{color:#8fb7d8}
.hl-variable{color:#d6a96d}