/* Calm syntax colors on warm paper; shared by editor, preview, and reader. */
.prose figure.highlight .hljs{color:#41494e;background:transparent;white-space:pre;tab-size:4}
.prose figure.highlight .hljs-keyword,.prose figure.highlight .hljs-selector-tag,.prose figure.highlight .hljs-doctag{color:#85549a;font-weight:500}
.prose figure.highlight .hljs-string,.prose figure.highlight .hljs-regexp,.prose figure.highlight .hljs-template-tag,.prose figure.highlight .hljs-template-variable{color:#52734b}
.prose figure.highlight .hljs-comment,.prose figure.highlight .hljs-quote{color:#7e8275;font-style:italic}
.prose figure.highlight .hljs-number,.prose figure.highlight .hljs-literal{color:#aa6631}
.prose figure.highlight .hljs-title,.prose figure.highlight .hljs-section{color:#2f698b}
.prose figure.highlight .hljs-built_in,.prose figure.highlight .hljs-type{color:#9b6830}
.prose figure.highlight .hljs-attr,.prose figure.highlight .hljs-attribute,.prose figure.highlight .hljs-property{color:#8c6543}
.prose figure.highlight .hljs-name,.prose figure.highlight .hljs-tag{color:#486b90}
.prose figure.highlight .hljs-variable,.prose figure.highlight .hljs-symbol,.prose figure.highlight .hljs-bullet{color:#a25455}
.prose figure.highlight .hljs-meta{color:#766c9d}.prose figure.highlight .hljs-subst{color:#41494e}
.prose figure.highlight .hljs-addition{color:#496c40;background:#e9efdf}.prose figure.highlight .hljs-deletion{color:#a75b55;background:#f6e8df}
.prose figure.highlight[data-code-caption]:after{content:attr(data-code-caption);position:absolute;top:10px;left:76px;font:10px/1.5 var(--mono);color:#878773;pointer-events:none}
.prose figure.highlight .hljs-emphasis{font-style:italic}.prose figure.highlight .hljs-strong{font-weight:700}

/* The toolbar is outside the horizontal scroll area. */
.prose figure.highlight { padding:0; overflow:hidden; background:#faf8f1; }
.prose figure.highlight:before,.prose figure.highlight[data-code-caption]:after { display:none; }
.code-toolbar { display:flex; align-items:center; gap:16px; padding:10px 14px; min-height:44px; background:#f0ecdf; border-bottom:1px solid #e4ddcc; }
.code-window-dots { display:flex; gap:6px; flex:none; }
.code-window-dots i { display:block; width:9px; height:9px; border-radius:50%; box-shadow:inset 0 1px 2px #ffffff70,0 0 0 1px #0000000c; background:#eb7269; }
.code-window-dots i:nth-child(2) { background:#e6b94d; }
.code-window-dots i:nth-child(3) { background:#8aaf75; }
.code-caption { min-width:0; color:#756b55; font:11px/1.5 var(--mono); }
.code-toolbar .copy-code { position:static; margin-left:auto; flex:none; padding:5px 10px; border-radius:6px; background:#fffdf6; border-color:#dcd2bc; color:#6b5d43; font-size:11px; }
.code-scroll { overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#c5bba6 #f0ecdf; }
.code-scroll:focus-visible { outline:2px solid #b19961; outline-offset:-2px; }
.prose figure.highlight .code-scroll > pre { padding:14px 16px; }
.prose figure.highlight .code-scroll table { margin:0; }
.prose figure.highlight .gutter { position:sticky; left:0; background:#f4f1e7; color:#a59b84; }
.prose figure.highlight td { padding-top:14px; padding-bottom:14px; }