/* Static syntax highlighting: no runtime or external requests. */
.code-example{margin:28px 0;border:1px solid var(--line);background:var(--soft);min-width:0}
.code-example figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line);font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}
.code-example pre{margin:0;padding:22px;max-width:100%;overflow-x:auto;tab-size:4;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}
.code-example pre:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.article-content :not(pre)>code{font-size:.88em;background:var(--soft);padding:2px 4px;overflow-wrap:anywhere}
.tok-keyword{color:#633d8b;font-weight:600}.tok-function{color:#235978}.tok-string{color:#376337}.tok-comment{color:#62625e;font-style:italic}
:root[data-theme=dark] .tok-keyword{color:#ccb1e8}:root[data-theme=dark] .tok-function{color:#9fcde6}:root[data-theme=dark] .tok-string{color:#b4d5a5}:root[data-theme=dark] .tok-comment{color:#b0b0aa}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tok-keyword{color:#ccb1e8}:root:not([data-theme=light]) .tok-function{color:#9fcde6}:root:not([data-theme=light]) .tok-string{color:#b4d5a5}:root:not([data-theme=light]) .tok-comment{color:#b0b0aa}}
@media(max-width:760px){.code-example pre{padding:16px;font-size:12px}}
@media print{.code-example pre{white-space:pre-wrap;overflow-wrap:anywhere}.code-example span{color:#222!important}}