/* Wrapper style for the editor view */
/* Wrapper style for the editor view */
pre.rainbow-code {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
    border: 1px solid #ddd;
    background-color: transparent;
    padding: 10px 10px 10px 4em; /* Adjust padding for line numbers */
    margin: 10px auto; /* Center align */
    overflow: auto;
    font-family: "D2Coding", Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 13px;
    line-height: 1.5;
    tab-size: 4;
    width: 90%; /* Requested width */
}

/* Ensure code block inherits font */
/* Ensure code block inherits font */
pre.rainbow-code code {
    font-family: inherit;
    background: none;
    padding: 0;
    border: none;
    box-shadow: none;
    white-space: pre;
    position: relative;
    display: block;
}

.rainbow-code code .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    bottom: 0;
    font-size: 100%;
    left: -3.8em; /* Adjusted to align in the pre's padding-left area */
    width: 3.8em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    user-select: none;
    background-color: transparent;
    padding: 0; /* Align with code, not pre */
    z-index: 10;
}

.line-numbers-rows > span {
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
}

.line-numbers-rows > span.highlight-row {
     background-color: yellow; /* Highlight color */
     font-weight: bold;
     color: #000;
}



/* Basic styling matching Prism's default or custom preferences */
pre[class*="language-"] {
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}