.markdown-body {
    color: var(--mud-palette-text-primary);
    font-family: var(--mud-typography-body1-font-family);
    font-size: var(--mud-typography-body1-font-size);
    line-height: var(--mud-typography-body1-line-height);
}

    .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
        color: var(--mud-palette-text-primary);
        margin-top: 24px;
        margin-bottom: 16px;
        font-weight: 600;
    }

    .markdown-body h1 {
        font-size: 2rem;
    }

    .markdown-body h2 {
        font-size: 1.5rem;
    }

    .markdown-body h3 {
        font-size: 1.25rem;
    }

    .markdown-body h4 {
        font-size: 1.125rem;
    }

    .markdown-body h5 {
        font-size: 1rem;
    }

    .markdown-body h6 {
        font-size: 0.875rem;
    }

    .markdown-body p {
        margin-bottom: 16px;
    }

    .markdown-body blockquote {
        padding: 0 1em;
        color: var(--mud-palette-text-secondary);
        border-left: 0.25em solid var(--mud-palette-divider);
        margin: 0 0 16px 0;
    }

    .markdown-body code {
        background-color: var(--mud-palette-background-grey);
        padding: 2px 4px;
        border-radius: 3px;
        font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
        font-size: 0.875em;
    }

    .markdown-body pre {
        background-color: var(--mud-palette-background-grey);
        padding: 16px;
        border-radius: 6px;
        overflow: auto;
        margin-bottom: 16px;
    }

        .markdown-body pre code {
            background: transparent;
            padding: 0;
        }

    .markdown-body ul, .markdown-body ol {
        padding-left: 2em;
        margin-bottom: 16px;
    }

    .markdown-body li {
        margin-bottom: 0.25em;
    }

    .markdown-body table {
        border-spacing: 0;
        border-collapse: collapse;
        margin-bottom: 16px;
        width: 100%;
    }

        .markdown-body table th, .markdown-body table td {
            padding: 6px 13px;
            border: 1px solid var(--mud-palette-divider);
        }

        .markdown-body table th {
            font-weight: 600;
            background-color: var(--mud-palette-background-grey);
        }

    .markdown-body a {
        color: var(--mud-palette-info-darken) !important;
        text-decoration: none;
        cursor: pointer;
        border-bottom: 1px solid transparent;
        transition: all 0.2s ease;
    }

        .markdown-body a:hover {
            text-decoration: underline;
            border-bottom: 1px solid var(--mud-palette-primary);
            opacity: 0.8;
        }

        .markdown-body a:visited {
            color: var(--mud-palette-secondary);
        }

.kb-page-content {
    max-width: 100%;
}

.page-title {
    margin-bottom: 1rem;
}