.CodeBlock_codeBlockWrapper__qYzDk{margin:1.5rem 0;border-radius:.5rem;overflow:hidden;border:1px solid #333;background-color:#1e1e1e}.CodeBlock_codeBlockHeader__bBAUF{background-color:#2d2d2d;padding:.5rem 1rem;border-bottom:1px solid #333}.CodeBlock_codeBlockTitle__QkIXA{display:flex;align-items:center;gap:.5rem}.CodeBlock_codeBlockDots__wR2op{color:#666;font-size:.8rem;letter-spacing:2px}.CodeBlock_codeBlockLanguage__AF_11{color:#888;font-size:.8rem;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace}.CodeBlock_codeBlockWrapper__qYzDk pre{margin:0!important}.CodeBlock_codeBlockWrapper__qYzDk pre::-webkit-scrollbar{height:8px}.CodeBlock_codeBlockWrapper__qYzDk pre::-webkit-scrollbar-track{background:#1e1e1e}.CodeBlock_codeBlockWrapper__qYzDk pre::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}.CodeBlock_codeBlockWrapper__qYzDk pre::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.CodeBlock_codeBlockWrapper__qYzDk .react-syntax-highlighter-line-number{color:#666;padding-right:1rem}.CodeBlock_codeBlockWrapper__qYzDk .react-syntax-highlighter-line{color:#d4d4d4}.BlogContent_content__OvBYm .code-block-wrapper{margin:1.5rem 0}.BlogContent_content__OvBYm h1{font-size:2.5rem;font-weight:700;margin:2.5rem 0 1.5rem;line-height:1.2;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.BlogContent_content__OvBYm h2{font-size:2rem;font-weight:600;margin:2rem 0 1rem;line-height:1.3;color:var(--text-primary)}.BlogContent_content__OvBYm h3{font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem;line-height:1.4;color:var(--text-primary)}.BlogContent_content__OvBYm p{margin:1.5rem 0;line-height:1.7;color:var(--text-secondary)}.BlogContent_content__OvBYm pre{border-radius:.5rem;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;position:relative;line-height:1.5;border:1px solid #333}.BlogContent_content__OvBYm code,.BlogContent_content__OvBYm pre{background-color:#1e1e1e;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace;font-size:.9rem}.BlogContent_content__OvBYm code{padding:.2rem .4rem;border-radius:.25rem;color:#d4d4d4}.BlogContent_content__OvBYm pre code{background:none;padding:0;color:#d4d4d4}.BlogContent_content__OvBYm pre::-webkit-scrollbar{height:8px}.BlogContent_content__OvBYm pre::-webkit-scrollbar-track{background:#1e1e1e}.BlogContent_content__OvBYm pre::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}.BlogContent_content__OvBYm pre::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.BlogContent_content__OvBYm ol,.BlogContent_content__OvBYm ul{margin:1.5rem 0;padding-left:1.5rem}.BlogContent_content__OvBYm li{margin:.5rem 0;color:var(--text-secondary)}.BlogContent_content__OvBYm ul li{position:relative;padding-left:1.5rem;list-style:none}.BlogContent_content__OvBYm ul li:before{content:"";position:absolute;left:0;top:.75em;transform:translateY(-50%);width:6px;height:6px;background-color:var(--accent-color);border-radius:50%}.BlogContent_content__OvBYm ol{list-style-type:decimal}.BlogContent_content__OvBYm a{color:var(--accent-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.BlogContent_content__OvBYm a:hover{border-bottom-color:var(--accent-color)}.BlogContent_content__OvBYm blockquote{border-left:4px solid var(--accent-color);margin:1.5rem 0;padding:1rem 1.5rem;background-color:var(--blockquote-bg);border-radius:0 .5rem .5rem 0;color:var(--text-secondary)}.BlogContent_content__OvBYm img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.BlogContent_content__OvBYm table{width:100%;border-collapse:collapse;margin:1.5rem 0}.BlogContent_content__OvBYm td,.BlogContent_content__OvBYm th{padding:.75rem;border:1px solid var(--border-color);text-align:left}.BlogContent_content__OvBYm th{background-color:var(--table-header-bg);font-weight:600}.BlogContent_content__OvBYm hr{border:none;border-top:2px solid var(--border-color);margin:2rem 0}