.code-block{position:relative;margin:var(--space-xl) 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)} .code-block__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-muted);border-bottom:1px solid var(--color-border);font-size:0.75rem;color:var(--color-text-muted)} .code-block__meta{display:flex;align-items:center;gap:var(--space-sm);min-width:0} .code-block__lang{flex-shrink:0;padding:0.15rem 0.45rem;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm)} .code-block[data-lang="html"] .code-block__lang{border-color:#e34c26;color:#c0392b} .code-block[data-lang="css"] .code-block__lang{border-color:#264de4;color:#1a3ab8} .code-block[data-lang="javascript"] .code-block__lang,.code-block[data-lang="typescript"] .code-block__lang{border-color:#f0db4f;color:#8a7a00} .code-block[data-lang="jquery"] .code-block__lang{border-color:#0769ad;color:#055a94} .code-block[data-lang="csharp"] .code-block__lang{border-color:#68217a;color:#512061} .code-block[data-lang="razor"] .code-block__lang{border-color:#512061;color:#3d1849} .code-block__file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)} .code-block__copy{flex-shrink:0;padding:0.25rem 0.5rem;font-size:0.6875rem;font-weight:600;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)} .code-block__copy:hover{border-color:var(--color-accent);color:var(--color-accent)} .code-block pre{margin:0;padding:var(--space-lg);background:var(--color-code-bg);overflow-x:auto;tab-size:2} .code-block code{display:block;color:var(--color-text);white-space:pre} .hljs-keyword,.hljs-selector-tag{color:#0550ae;font-weight:600} .hljs-string,.hljs-regexp{color:#0a6f31} .hljs-comment,.hljs-quote{color:#6b7585;font-style:italic} .hljs-function,.hljs-title.function_{color:#8250df} .hljs-number,.hljs-literal{color:#0550ae} .hljs-class,.hljs-title.class_{color:#953800} .hljs-built_in,.hljs-type{color:#0891b2} .hljs-variable,.hljs-params{color:#953800} .hljs-tag,.hljs-name{color:#0550ae} .hljs-attr,.hljs-attribute{color:#953800} .hljs-property{color:#8250df} .hljs-selector-class,.hljs-selector-id{color:#953800} .hljs-meta,.hljs-meta .hljs-keyword{color:#6b7585} .hljs-section{color:#0550ae} .hljs-addition{color:#0a6f31} .hljs-deletion{color:#cf222e} .language-razor .hljs-meta,.language-razor .hljs-keyword{color:#512061;font-weight:600} .language-razor .hljs-string{color:#0a6f31} [data-theme="dark"] .hljs-keyword,[data-theme="dark"] .hljs-selector-tag{color:#79c0ff} [data-theme="dark"] .hljs-string,[data-theme="dark"] .hljs-regexp{color:#7ee787} [data-theme="dark"] .hljs-comment,[data-theme="dark"] .hljs-quote{color:#8b949e} [data-theme="dark"] .hljs-function,[data-theme="dark"] .hljs-title.function_{color:#d2a8ff} [data-theme="dark"] .hljs-number,[data-theme="dark"] .hljs-literal{color:#79c0ff} [data-theme="dark"] .hljs-class,[data-theme="dark"] .hljs-title.class_{color:#ffa657} [data-theme="dark"] .hljs-built_in,[data-theme="dark"] .hljs-type{color:#79c0ff} [data-theme="dark"] .hljs-variable,[data-theme="dark"] .hljs-params{color:#ffa657} [data-theme="dark"] .hljs-tag,[data-theme="dark"] .hljs-name{color:#7ee787} [data-theme="dark"] .hljs-attr,[data-theme="dark"] .hljs-attribute{color:#79c0ff} [data-theme="dark"] .hljs-property{color:#d2a8ff} [data-theme="dark"] .language-razor .hljs-meta,[data-theme="dark"] .language-razor .hljs-keyword{color:#d2a8ff}