/* Isolated GrMD block code. Other content remains theme-owned. */
.grmd-code-block{--grmd-code-bg:#f6f8fa;--grmd-code-fg:#24292f;--grmd-code-bar:#eef1f4;--grmd-code-muted:#57606a;--grmd-code-border:#d8dee4;margin:1.5em 0!important;border:1px solid var(--grmd-code-border)!important;border-radius:12px!important;overflow:hidden!important;background:var(--grmd-code-bg)!important;color:var(--grmd-code-fg)!important;box-shadow:none!important;text-align:left!important}
.grmd-code-block .grmd-code-header{display:flex!important;align-items:center!important;padding:10px 18px!important;margin:0!important;border-bottom:1px solid var(--grmd-code-border)!important;background:var(--grmd-code-bar)!important;color:var(--grmd-code-muted)!important;font:500 12px/1.5 system-ui,sans-serif!important;letter-spacing:.03em!important}
.grmd-code-block .grmd-code-scroll{display:block!important;margin:0!important;padding:18px 20px!important;overflow:auto!important;max-height:36rem;background:var(--grmd-code-bg)!important;color:var(--grmd-code-fg)!important;scrollbar-width:thin}
.grmd-code-block .grmd-code-scroll>code.grmd-code-text{display:block!important;width:max-content!important;min-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--grmd-code-fg)!important;box-shadow:none!important;text-shadow:none!important;font:400 14px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important;text-align:left!important;letter-spacing:normal!important;tab-size:4}
.grmd-code-block .grmd-code-text::before,.grmd-code-block .grmd-code-text::after{content:none!important;display:none!important}
.grmd-code-block .grmd-code-scroll:focus-visible{outline:2px solid #58a6ff;outline-offset:-3px}
html[data-theme="dark"] .grmd-code-block,body[data-theme="dark"] .grmd-code-block{--grmd-code-bg:#161b22;--grmd-code-fg:#e6edf3;--grmd-code-bar:#0d1117;--grmd-code-muted:#9da7b3;--grmd-code-border:#30363d}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]):not([data-theme="dark"]) .grmd-code-block{--grmd-code-bg:#161b22;--grmd-code-fg:#e6edf3;--grmd-code-bar:#0d1117;--grmd-code-muted:#9da7b3;--grmd-code-border:#30363d}}
@media(max-width:600px){.grmd-code-block{border-radius:9px!important}.grmd-code-block .grmd-code-scroll{padding:14px 15px!important}.grmd-code-block .grmd-code-scroll>code.grmd-code-text{font-size:13px!important}}

/* Copy control inherits the code-block color palette. */
.grmd-code-block .grmd-code-header{justify-content:space-between!important;gap:12px!important}
.grmd-code-block button.grmd-code-copy{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;margin:0!important;padding:5px 10px!important;min-height:30px!important;border:1px solid var(--grmd-code-border)!important;border-radius:6px!important;background:var(--grmd-code-bg)!important;color:var(--grmd-code-muted)!important;font:500 12px/1.4 system-ui,sans-serif!important;box-shadow:none!important;cursor:pointer!important;letter-spacing:normal!important;text-transform:none!important}
.grmd-code-block button.grmd-code-copy:hover{color:var(--grmd-code-fg)!important;border-color:var(--grmd-code-muted)!important}
.grmd-code-block button.grmd-code-copy:focus-visible{outline:2px solid #58a6ff!important;outline-offset:2px!important}
.grmd-code-block button.grmd-code-copy[data-copy-state="success"]{color:#27834b!important}
.grmd-code-block button.grmd-code-copy[data-copy-state="error"]{color:#d14343!important}
html[data-theme="dark"] .grmd-code-block button.grmd-code-copy[data-copy-state="success"]{color:#7ee2a8!important}

/* GrMD scoped syntax palette. */
.grmd-code-block{--grmd-hl-keyword:#cf222e;--grmd-hl-string:#0a3069;--grmd-hl-number:#0550ae;--grmd-hl-comment:#6e7781;--grmd-hl-title:#8250df;--grmd-hl-variable:#953800;--grmd-hl-tag:#116329}
.grmd-code-block .grmd-code-text .hljs-keyword,.grmd-code-block .grmd-code-text .hljs-selector-tag,.grmd-code-block .grmd-code-text .hljs-literal{color:var(--grmd-hl-keyword)!important}
.grmd-code-block .grmd-code-text .hljs-string,.grmd-code-block .grmd-code-text .hljs-regexp,.grmd-code-block .grmd-code-text .hljs-template-tag{color:var(--grmd-hl-string)!important}
.grmd-code-block .grmd-code-text .hljs-number,.grmd-code-block .grmd-code-text .hljs-attr,.grmd-code-block .grmd-code-text .hljs-built_in,.grmd-code-block .grmd-code-text .hljs-attribute{color:var(--grmd-hl-number)!important}
.grmd-code-block .grmd-code-text .hljs-comment,.grmd-code-block .grmd-code-text .hljs-quote{color:var(--grmd-hl-comment)!important}
.grmd-code-block .grmd-code-text .hljs-title,.grmd-code-block .grmd-code-text .hljs-section,.grmd-code-block .grmd-code-text .hljs-selector-class{color:var(--grmd-hl-title)!important}
.grmd-code-block .grmd-code-text .hljs-variable,.grmd-code-block .grmd-code-text .hljs-symbol,.grmd-code-block .grmd-code-text .hljs-meta{color:var(--grmd-hl-variable)!important}
.grmd-code-block .grmd-code-text .hljs-name,.grmd-code-block .grmd-code-text .hljs-selector-id,.grmd-code-block .grmd-code-text .hljs-type{color:var(--grmd-hl-tag)!important}
html[data-theme="dark"] .grmd-code-block,body[data-theme="dark"] .grmd-code-block{--grmd-hl-keyword:#ff7b72;--grmd-hl-string:#a5d6ff;--grmd-hl-number:#79c0ff;--grmd-hl-comment:#8b949e;--grmd-hl-title:#d2a8ff;--grmd-hl-variable:#ffa657;--grmd-hl-tag:#7ee787}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]):not([data-theme="dark"]) .grmd-code-block{--grmd-hl-keyword:#ff7b72;--grmd-hl-string:#a5d6ff;--grmd-hl-number:#79c0ff;--grmd-hl-comment:#8b949e;--grmd-hl-title:#d2a8ff;--grmd-hl-variable:#ffa657;--grmd-hl-tag:#7ee787}}
/* Compact typed code cards, inspired by the ICTSTU code-block demo. */
.grmd-code-block{
 --grmd-accent:#2563eb;--grmd-edge:#3b82f6;--grmd-code-bg:#f8fafc;--grmd-code-fg:#24292e;
 --grmd-code-muted:#64748b;--grmd-code-border:#3b82f6;--grmd-code-bar:#edf2fc;--grmd-gutter:#94a3b8;
 margin:24px 0!important;border-radius:8px!important;border-color:var(--grmd-edge)!important;box-shadow:0 1px 3px #0000000a!important
}
.grmd-code-block[data-code-type="terminal"]{--grmd-accent:#16a34a;--grmd-edge:#22c55e}
.grmd-code-block[data-code-type="network"]{--grmd-accent:#ea580c;--grmd-edge:#f97316}
.grmd-code-block[data-code-type="config"]{--grmd-accent:#7c3aed;--grmd-edge:#8b5cf6}
.grmd-code-block[data-code-type="log"]{--grmd-accent:#dc2626;--grmd-edge:#ef4444}
.grmd-code-block .grmd-code-header{
 padding:6px 12px!important;min-height:36px!important;box-sizing:border-box!important;
 background:color-mix(in srgb,var(--grmd-accent) 8%,var(--grmd-code-bg))!important;
 border-bottom:1px solid color-mix(in srgb,var(--grmd-edge) 24%,transparent)!important
}
.grmd-code-block .grmd-code-heading{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;overflow:hidden!important}
.grmd-code-block .grmd-code-badge{display:inline-block!important;background:var(--grmd-accent)!important;color:#fff!important;padding:2px 8px!important;border-radius:3px!important;font:700 10px/1.5 system-ui,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap!important}
.grmd-code-block .grmd-code-language{font:500 11px/1.5 ui-monospace,monospace!important;color:var(--grmd-code-muted)!important;white-space:nowrap!important}
.grmd-code-block button.grmd-code-copy{min-height:26px!important;padding:3px 8px!important;gap:5px!important;background:transparent!important;border:1px solid color-mix(in srgb,var(--grmd-edge) 30%,transparent)!important;border-radius:4px!important;font-size:11px!important}
.grmd-code-block button.grmd-code-copy:hover{border-color:var(--grmd-edge)!important;color:var(--grmd-accent)!important}
.grmd-code-block .grmd-copy-check{display:none!important}
.grmd-code-block button[data-copy-state="success"] .grmd-copy-icon{display:none!important}
.grmd-code-block button[data-copy-state="success"] .grmd-copy-check{display:block!important}
.grmd-code-block .grmd-code-scroll{display:flex!important;align-items:stretch!important;padding:14px 0!important;gap:0!important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--grmd-accent) 18%,#94a3b8) transparent}
.grmd-code-block .grmd-code-scroll>code.grmd-code-text{flex:1 0 auto!important;min-width:0!important;padding:0 14px!important;font-size:13px!important;line-height:1.65!important}
.grmd-code-block .grmd-code-gutter{flex:0 0 36px!important;display:block!important;box-sizing:border-box!important;border-right:1px dashed #cbd5e1!important;color:var(--grmd-gutter)!important;white-space:pre!important;text-align:right!important;padding:0 8px 0 6px!important;font:400 11px/21.45px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;user-select:none!important}
.grmd-code-block[data-code-type="terminal"] .grmd-code-gutter,.grmd-code-block[data-code-type="network"] .grmd-code-gutter{display:none!important}
html[data-theme="dark"] .grmd-code-block,body[data-theme="dark"] .grmd-code-block{--grmd-code-bg:#0f172a;--grmd-code-fg:#e1e4e8;--grmd-code-muted:#94a3b8;--grmd-gutter:#52525b;box-shadow:0 1px 3px #0000004d!important}
html[data-theme="dark"] .grmd-code-block .grmd-code-header,body[data-theme="dark"] .grmd-code-block .grmd-code-header{background:color-mix(in srgb,var(--grmd-accent) 16%,var(--grmd-code-bg))!important}
html[data-theme="dark"] .grmd-code-block .grmd-code-gutter,body[data-theme="dark"] .grmd-code-block .grmd-code-gutter{border-right-color:#3f3f46!important}
@media(prefers-color-scheme:dark){
 html:not([data-theme="light"]):not([data-theme="dark"]) .grmd-code-block{--grmd-code-bg:#0f172a;--grmd-code-fg:#e1e4e8;--grmd-code-muted:#94a3b8;--grmd-gutter:#52525b}
 html:not([data-theme="light"]):not([data-theme="dark"]) .grmd-code-block .grmd-code-header{background:color-mix(in srgb,var(--grmd-accent) 16%,var(--grmd-code-bg))!important}
 html:not([data-theme="light"]):not([data-theme="dark"]) .grmd-code-block .grmd-code-gutter{border-right-color:#3f3f46!important}
}
@media(max-width:600px){
 .grmd-code-block .grmd-code-header{padding:6px 8px!important;gap:8px!important}
 .grmd-code-block .grmd-code-scroll>code.grmd-code-text{padding:0 10px!important;font-size:12px!important;line-height:1.65!important}
 .grmd-code-block .grmd-code-gutter{flex-basis:30px!important;font-size:10px!important;line-height:19.8px!important;padding-right:6px!important}
}
