.my-scrollable-div {
    overflow-y: auto;
    height: 98dvh;
}

.my-scrollable-div::-webkit-scrollbar {
    width: 6px;
}

.my-scrollable-div::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.my-scrollable-div::-webkit-scrollbar-thumb {
    background: #888;
}

.my-scrollable-div::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Base styles for all code blocks */
code,
pre {
    display: inline-grid;
    background-color: #2d2d2d;
    color: #f8f8f2;
    padding: 0.5em;
    border-radius: 4px;
    font-family: Consolas, Monaco, "" Andale Mono"", "" Ubuntu Mono"", monospace;
    font-size: 0.65em;
    line-height: 1.5;
    overflow-x: auto;
    white-space: pre;
}

table {
    width: 90%;
    margin: 10px auto;
    border-collapse: collapse;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

thead {
    background-color: #d6d6d6;
    color: #333333;
}

th,
td {
    padding: 10px 15px;
    border: 1px solid #cccccc;
    text-align: left;
    font-size: 14px;
}

tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

tbody tr:nth-child(even) {
    background-color: #e9e9e9;
}

tbody tr:hover {
    background-color: #d0d0d0;
}