/* Reuse the documentation theme; the toolbar stays outside horizontal scrolling. */
#content { min-width: 0; }
#content .code-block { min-width: 0; max-width: 100%; margin: 1rem 0; background: var(--code-bg); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
#content .code-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .45rem .85rem; border-bottom: 1px solid var(--border); color: var(--muted); font-size: .8rem; }
#content .code-toolbar > span { min-width: 0; overflow-wrap: anywhere; }
#content .code-toolbar button { flex-shrink: 0; font: inherit; color: var(--accent); background: var(--surface); border: 1px solid var(--border); border-radius: 5px; min-height: 36px; padding: .3rem .7rem; cursor: pointer; }
#content .code-toolbar button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
#content .code-block pre { margin: 0; border: 0; border-radius: 0; max-width: 100%; white-space: pre; overflow-x: auto; }
#content .code-terminal .code-toolbar { border-left: 3px solid var(--accent); }
#content .code-output { border-style: dashed; }
#content .code-output pre code { color: var(--muted); }
#content .code-status { display: block; font-size: .8rem; color: var(--muted); }
#content .code-status:not(:empty) { padding: .25rem .85rem .5rem; }