.code-block{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;margin:1.5rem 0;overflow:hidden;box-shadow:none;position:relative}.code-block pre{margin:0;padding:1rem;overflow-x:auto;background:rgba(0,0,0,0);font-size:.85rem;line-height:1.4}.code-block code{font-family:SF Mono,Monaco,Menlo,Consolas,JetBrains Mono,Courier New,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary);font-weight:400;letter-spacing:.025em}.code-filename{background:var(--bg-quaternary);padding:.75rem 1rem;font-size:.8rem;font-weight:500;border-bottom:1px solid var(--border-default);color:var(--text-secondary);display:flex;align-items:center;position:relative;font-family:SF Mono,Monaco,Menlo,Consolas,monospace}.code-filename:before{content:"📄";margin-right:.5rem;font-size:.875rem}.btn-copy{position:absolute;top:.5rem;right:.75rem;z-index:10;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default);padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:.25rem;backdrop-filter:blur(8px)}.btn-copy:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-copy:active{transform:translateY(0)}.btn-copy.btn-success{background:var(--accent-success);color:var(--text-inverse);border-color:var(--accent-success)}.btn-copy.btn-success:hover{background:var(--accent-success-hover);border-color:var(--accent-success-hover);transform:translateY(-1px)}.doc-toc{position:sticky;top:2rem;width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem}.doc-toc__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.5rem}.doc-toc__link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;padding:.5rem .75rem;border-radius:6px;transition:all .2s}.doc-toc__link:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary)}@media(max-width:968px){.doc-toc{display:none}}.doc-layout{display:flex;gap:3rem;max-width:1400px;margin:0 auto;align-items:flex-start}.doc-layout__content{flex:1;max-width:800px}@media(max-width:968px){.doc-layout__content{max-width:100%}}