/* Styling for API Definitionk */
h1{
    margin-left:3vw
}
h2{
    margin-left:4vw
}
p{
    margin-left:5vw
}
sup {
    font-size: 0.5em
}
div#content ul li {
    font-family: arial, Helvetica;
    color: #222;
    font-size: 1.9vw;
    margin: 1vw 10vw 0 5vw;
    line-height: 1.9vw;
}
pre {
    position: relative; /* Ensures the button positions relative to the <pre> block */
    background: #1e1e1e; /* Dark theme for readability */
    color: #ffffff; /* White text for contrast */
    font-family: "Courier New", monospace;
    font-size: 1.6vw;
    line-height: 1.6vw;
    padding: 1vw;
    border-radius: 0.6vw;
    width:87vw;
        margin-left:3vw;
    border-left: 0.5vw solid #4CAF50; /* Stylish green accent */
    overflow-x: auto; /* Enables horizontal scrolling if needed */
}
hr{
    width:87vw;
    margin-left:3vw;
}
/* Remove inline language labels like "vb" */
pre::before {
    content: none !important; /* Prevent auto-generated language labels */
}
/* Ensure the language label (vb) is visible & separated */
pre[data-lang]::before {
    content: attr(data-lang);
    display: block;
    font-size: 1.2vw;
    font-weight: bold;
    color: #f8c471;
    background: rgba(255, 255, 255, 0.1);
    padding: 5px 10px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 8px;
}
/* Inline code styling */
code {
    background: #f5f5f5;
    color: #d63384; /* A nice syntax highlight color */
    font-family: "Courier New", monospace;
    font-size: 2vw;
    line-height: 2vw;
    padding: 1vw 0.5vw;
    border-radius: 0.4vw;
    border: 0.1vw solid #ddd;
}

/* Improve readability for inline code inside pre */
pre code {
    display: block;
    background: none;
    color: inherit;
    font-size: inherit;
    padding: 8px 0; /* Ensures space between label & code */
    border: none;
}
.copy-button {
    background: #4CAF50;
    color: #ffffff;
    border: none;
    padding: 5px 10px;
    font-size: 1.8vw;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0.5vw;
    position: absolute;
    right: 1vw;
    top: 1vw;
    transition: background 0.3s;
}

.copy-button:hover {
    background: #388E3C;
}