.code-container{margin:1rem 0;position:relative}.code{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#212529;display:block;font-family:\',Courier New,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.5;padding:2rem 1rem 1rem;white-space:pre-wrap;word-wrap:break-word;margin:0;overflow-x:auto}.copy-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s ease;z-index:10}.copy-button:hover{background-color:#5a6268}.copy-button:active{background-color:#495057}.copy-button.copied{background-color:#28a745}.copy-button.copied:hover{background-color:#218838}@media (prefers-color-scheme:dark){.code{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.copy-button{background-color:#4a5568}.copy-button:hover{background-color:#2d3748}}