.code-container{
margin:25px 0;
border:1px solid #e5e5e5;
border-radius:6px;
background:#f8f9fb;
overflow:hidden;
}

.code-header{
display:flex;
justify-content:space-between;
align-items:center;
background:#f1f3f6;
padding:8px 14px;
border-bottom:1px solid #e5e5e5;
font-size:13px;
}

.code-lang{
font-weight:600;
color:#444;
}

.copy-btn{
background:#04AA6D;
color:white;
border:none;
padding:4px 10px;
font-size:12px;
border-radius:4px;
cursor:pointer;
}

.copy-btn:hover{
background:#03995f;
}

.code-container pre{
margin:0;
padding:16px;
overflow-x:auto;
background:#f8f9fb;
white-space:pre;
}

.code-container code{
font-family:Consolas, Monaco, "Courier New", monospace;
font-size:14px;
line-height:1.6;
}