pre{counter-reset:line;line-height:1.2em;white-space:pre;overflow-x:auto;overflow-y:hidden;background-color:#f5f5f5;padding:5px;border-radius:5px;border:1px solid #ddd;margin:0;font-family:courier new,Courier,monospace;max-width:100%}pre code{display:block;background-color:inherit;width:max-content;padding:0;margin:0}pre code span.code-line{display:block;padding:0;margin:0;padding-left:3em;counter-increment:line;position:relative}pre code span.code-line:before{content:counter(line);display:inline-block;width:2em;position:absolute;left:0;text-align:right;color:#888;border-right:1px solid #ddd;margin-right:1em}#copyButton{margin-top:10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}#copyButton:hover{background-color:#0056b3}