/* 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(--text-soft);
  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:#8a939e;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}
.hl-meta{color:#66717d}
.code-copy-status{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.journal-prose pre.code-block-enhanced{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:0 .85rem;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch
}
.journal-prose pre.code-block-enhanced:not(.has-line-numbers){
  display:block
}
.code-gutter{
  display:flex;
  flex-direction:column;
  padding:.9rem 0;
  color:#8a939e;
  font-family:var(--mono);
  font-size:.82rem;
  line-height:1.6;
  user-select:none;
  text-align:right;
  border-right:1px solid #272d35
}
.code-gutter__line{
  display:block;
  min-width:2ch;
  padding-right:.35rem
}
.journal-prose pre.has-line-numbers code{
  grid-column:2;
  display:block
}