.docs-layout {
    margin-top: 0.25rem;
}

.docs-sidebar {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 9rem);
    overflow-y: auto;
}

.docs-link-active {
    background-color: rgba(37, 99, 235, 0.12);
    border-radius: 6px;
}

.docs-markdown.markdown-body {
    background-color: transparent;
    color: var(--mud-palette-text-primary);
    max-width: 100%;
    box-sizing: border-box;
}

.docs-markdown.markdown-body table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    background-color: #FFFFFF;
    color: #0F172A;
}

.docs-markdown.markdown-body th,
.docs-markdown.markdown-body td {
    border: 1px solid #CBD5E1;
    color: #0F172A;
}

.docs-markdown.markdown-body th {
    background-color: #F8FAFC;
}

.docs-markdown.markdown-body td {
    background-color: #FFFFFF;
}

.docs-markdown.markdown-body pre {
    background-color: rgba(100, 116, 139, 0.14);
}

.docs-markdown.markdown-body code {
    background-color: rgba(100, 116, 139, 0.16);
}

html[data-dark-mode="true"] .docs-markdown.markdown-body {
    color: #E2E8F0;
}

html[data-dark-mode="true"] .docs-markdown.markdown-body table {
    background-color: #0F172A;
    color: #E2E8F0;
}

html[data-dark-mode="true"] .docs-markdown.markdown-body th,
html[data-dark-mode="true"] .docs-markdown.markdown-body td {
    border-color: #334155;
    color: #E2E8F0;
}

html[data-dark-mode="true"] .docs-markdown.markdown-body th {
    background-color: #1E293B;
}

html[data-dark-mode="true"] .docs-markdown.markdown-body td {
    background-color: #0F172A;
}

html[data-dark-mode="true"] .docs-markdown.markdown-body pre {
    background-color: #0B1220;
}

html[data-dark-mode="true"] .docs-markdown.markdown-body code {
    background-color: rgba(148, 163, 184, 0.2);
}

html[data-dark-mode="true"] .docs-markdown.markdown-body a {
    color: #93C5FD;
}