:root{
    --header-bg:#f8f8f8;
    --panel-bg:#fcfcfc;
    --panel-bg-alt:#ffffff;
    --text-main:#555;
    --text-soft:#777;
    --link-color:#666;
    --border-soft:rgba(0,0,0,.055);
    --shadow-soft:0 1px 4px rgba(0,0,0,.035);
    --shadow-hover:0 8px 18px rgba(0,0,0,.065);

    --kbaccent:#5f86a8;
    --kbdanger:#d14c4c;
    --kbsuccess:#4b9a68;
    --kbcode-bg:#f5f7fa;
	
	
	
	
    --panel-bg:#ffffff;
    --code-bg:#f7f9fb;

    --accent-soft:#eef4f8;

	
	
	
}

        /* The parent wrapper container */
        .IRIssue {
            border: 1px double var(--border);
            position: relative;
            padding: 20px;
            margin: 10px 0 0 0;
            width: 100%; /* Changed from 99% to 100% for perfect fit */
            box-sizing: border-box;

        }

        /* The label positioned on the border */
        .IRIssue > .IRIssueSpan {
            position: absolute;
            top: -0.7em;
            left: 15px;
            background: #fff;
            padding: 0 5px;
            font-weight: bold;
        }



		
	
/* Main Codewrap */

/* Code Body */
.CodewrapBody{
    background:white;
    overflow:auto;
    padding:22px 24px;
}

.CodewrapBody .PreCodewrap{
    color:#2d3742;
    font-family:Consolas, "Courier New", monospace;
    font-size:15px;
    line-height:1.9;
    margin:0;
    white-space:pre-wrap;
	background:white;
}




.Codewrap{
    background:var(--panel-bg);
    border:1px solid var(--border-soft);
    border-radius:18px;
    box-shadow:var(--shadow-soft);

    overflow:hidden;
    transition:.25s ease;
	width: 75%;             /* Or a fixed size like 300px */
	margin: 0 auto;
	box-shadow:var(--shadow-hover);
}


/* Header */
.CodewrapHeader{
    align-items:center;
    background:linear-gradient(180deg,#fbfcfd,#f5f7fa);
    border-bottom:1px solid rgba(0,0,0,.05);
    display:flex;
    justify-content:space-between;
    padding:14px 18px;
}

.CodewrapTitle{
    align-items:center;
    color:#456987;
    display:flex;
    font-size:13px;
    font-weight:700;
    gap:10px;
    letter-spacing:.5px;
    text-transform:uppercase;
}
	
.CodewrapLang{
    background:var(--accent-soft);
    border:1px solid rgba(95,134,168,.12);
    border-radius:30px;
    color:var(--accent);
    font-size:11px;
    font-weight:700;
    padding:6px 12px;
    text-transform:uppercase;
}

@media screen and (max-width: 900px) {
	.Codewrap{
	width: 95%;
	margin: 0 auto;  
}
	
}