/* _content/Osirion.Blazor.Cms.Core/Components/Editor/MarkdownEditor.razor.rz.scp.css */
/* MarkdownEditor Component - Osirion.Blazor.Cms.Core */

.osirion-markdown-editor[b-0z5kf216hq] {
    display: flex;
    flex-direction: column;
    border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    background-color: var(--osirion-background-primary, #ffffff);
    box-shadow: var(--osirion-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05));
    transition: border-color var(--osirion-transition-duration-200, 0.2s), box-shadow var(--osirion-transition-duration-200, 0.2s);
    height: 100%;
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

    .osirion-markdown-editor:focus-within[b-0z5kf216hq] {
        border-color: var(--osirion-action-primary, #2563eb);
        box-shadow: 0 0 0 3px var(--osirion-focus-ring-color, rgba(37, 99, 235, 0.1));
    }

/* Toolbar styling */
.osirion-markdown-editor-toolbar[b-0z5kf216hq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-1, 0.25rem);
    padding: var(--osirion-spacing-2, 0.5rem);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    border-bottom: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-top-left-radius: calc(var(--osirion-radius-lg, 0.5rem) - 1px);
    border-top-right-radius: calc(var(--osirion-radius-lg, 0.5rem) - 1px);
}

.osirion-markdown-toolbar-button[b-0z5kf216hq] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-sm, 0.25rem);
    padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-2, 0.5rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    font-weight: var(--osirion-font-weight-medium, 500);
    color: var(--osirion-text-primary, #374151);
    cursor: pointer;
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
    min-width: 2rem;
    height: 1.75rem;
}

    .osirion-markdown-toolbar-button:hover[b-0z5kf216hq] {
        background-color: var(--osirion-background-hover, #e5e7eb);
    }

    .osirion-markdown-toolbar-button:active[b-0z5kf216hq] {
        background-color: var(--osirion-background-active, #d1d5db);
        transform: translateY(1px);
    }

.osirion-markdown-toolbar-icon[b-0z5kf216hq] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Editor header styling */
.osirion-markdown-editor-header[b-0z5kf216hq] {
    padding: var(--osirion-spacing-2, 0.5rem) var(--osirion-spacing-3, 0.75rem);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    border-bottom: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    font-weight: var(--osirion-font-weight-medium, 500);
    color: var(--osirion-text-primary, #374151);
    font-size: var(--osirion-font-size-sm, 0.875rem);
}

.osirion-markdown-editor-title[b-0z5kf216hq] {
    margin: 0;
    font-size: var(--osirion-font-size-sm, 0.875rem);
    font-weight: var(--osirion-font-weight-medium, 500);
}

/* Textarea styling */
.osirion-markdown-editor-content[b-0z5kf216hq] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.osirion-markdown-editor-textarea[b-0z5kf216hq] {
    flex: 1;
    width: 100%;
    min-height: 200px;
    padding: var(--osirion-spacing-3, 0.75rem);
    border: none;
    resize: none;
    font-family: var(--osirion-font-family-mono, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    line-height: var(--osirion-line-height-relaxed, 1.625);
    color: var(--osirion-text-primary, #374151);
    background-color: var(--osirion-background-primary, #ffffff);
    overflow-y: auto;
    tab-size: 4;
}

    .osirion-markdown-editor-textarea:focus[b-0z5kf216hq] {
        outline: none;
    }

    .osirion-markdown-editor-textarea[b-0z5kf216hq]::placeholder {
        color: var(--osirion-text-tertiary, #9ca3af);
        opacity: 0.7;
    }

/* Responsive adjustments */
@media (max-width: 640px) {
    .osirion-markdown-editor-toolbar[b-0z5kf216hq] {
        padding: var(--osirion-spacing-1, 0.25rem);
    }

    .osirion-markdown-toolbar-button[b-0z5kf216hq] {
        padding: var(--osirion-spacing-1, 0.25rem);
        min-width: 1.75rem;
        font-size: var(--osirion-font-size-xs, 0.75rem);
    }

    .osirion-markdown-editor-textarea[b-0z5kf216hq] {
        min-height: 150px;
        padding: var(--osirion-spacing-2, 0.5rem);
        font-size: calc(var(--osirion-font-size-xs, 0.75rem) + 1px);
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-markdown-editor[b-0z5kf216hq],
    .osirion-markdown-toolbar-button[b-0z5kf216hq] {
        transition: none;
    }

        .osirion-markdown-toolbar-button:active[b-0z5kf216hq] {
            transform: none;
        }
}
/* _content/Osirion.Blazor.Cms.Core/Components/Editor/MarkdownEditorPreview.razor.rz.scp.css */
/* MarkdownEditorPreview Component - Osirion.Blazor.Cms.Core */

.osirion-markdown-editor-preview[b-wp3t7w3hlf] {
    display: flex;
    flex-direction: column;
    border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    background-color: var(--osirion-background-primary, #ffffff);
    box-shadow: var(--osirion-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05));
    height: 100%;
    min-height: 400px;
}

.osirion-markdown-editor-preview-container[b-wp3t7w3hlf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    flex: 1;
    background-color: var(--osirion-border-color, #e5e7eb);
    border-radius: calc(var(--osirion-radius-lg, 0.5rem) - 1px);
    overflow: hidden;
    height: 100%;
}

.preview-hidden .osirion-markdown-editor-preview-container[b-wp3t7w3hlf] {
    grid-template-columns: 1fr;
}

.osirion-markdown-editor-section[b-wp3t7w3hlf],
.osirion-markdown-preview-section[b-wp3t7w3hlf] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--osirion-background-primary, #ffffff);
    height: 100%;
}

.osirion-markdown-editor-preview-actions[b-wp3t7w3hlf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-2, 0.5rem);
    padding: var(--osirion-spacing-2, 0.5rem);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    border-bottom: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
}

.osirion-markdown-action-button[b-wp3t7w3hlf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    padding: 0 var(--osirion-spacing-2, 0.5rem);
    gap: var(--osirion-spacing-2, 0.5rem);
    background-color: var(--osirion-background-primary, #ffffff);
    border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-md, 0.375rem);
    color: var(--osirion-text-primary, #374151);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    font-weight: var(--osirion-font-weight-medium, 500);
    cursor: pointer;
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-markdown-action-button:hover[b-wp3t7w3hlf] {
        background-color: var(--osirion-background-hover, #f0f2f4);
    }

    .osirion-markdown-action-button:active[b-wp3t7w3hlf] {
        background-color: var(--osirion-background-active, #e5e7eb);
        transform: translateY(1px);
    }

    .osirion-markdown-action-button svg[b-wp3t7w3hlf] {
        width: 1rem;
        height: 1rem;
        stroke-width: 2;
    }

.osirion-markdown-footer[b-wp3t7w3hlf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--osirion-spacing-2, 0.5rem) var(--osirion-spacing-3, 0.75rem);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    border-top: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
}

.osirion-markdown-footer-actions[b-wp3t7w3hlf] {
    display: flex;
    gap: var(--osirion-spacing-2, 0.5rem);
}

.osirion-markdown-toggle-button[b-wp3t7w3hlf] {
    background: none;
    border: none;
    color: var(--osirion-text-secondary, #6b7280);
    cursor: pointer;
    font-size: var(--osirion-font-size-sm, 0.875rem);
    display: flex;
    align-items: center;
    gap: var(--osirion-spacing-1, 0.25rem);
    padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-2, 0.5rem);
    border-radius: var(--osirion-radius-md, 0.375rem);
    transition: background-color var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-markdown-toggle-button:hover[b-wp3t7w3hlf] {
        background-color: var(--osirion-background-hover, #f0f2f4);
        color: var(--osirion-text-primary, #374151);
    }

.osirion-markdown-word-count[b-wp3t7w3hlf] {
    font-size: var(--osirion-font-size-xs, 0.75rem);
    color: var(--osirion-text-secondary, #6b7280);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .osirion-markdown-editor-preview-container[b-wp3t7w3hlf] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }

        .osirion-markdown-editor-preview-container.preview-only[b-wp3t7w3hlf] {
            grid-template-rows: 0fr 1fr;
        }

        .osirion-markdown-editor-preview-container.editor-only[b-wp3t7w3hlf] {
            grid-template-rows: 1fr 0fr;
        }

    .osirion-markdown-editor-preview-actions[b-wp3t7w3hlf] {
        padding: var(--osirion-spacing-1, 0.25rem);
        gap: var(--osirion-spacing-1, 0.25rem);
    }

    .osirion-markdown-action-button[b-wp3t7w3hlf] {
        height: 1.75rem;
        padding: 0 var(--osirion-spacing-1-5, 0.375rem);
        font-size: var(--osirion-font-size-xs, 0.75rem);
    }
}

@media (max-width: 480px) {
    .osirion-markdown-footer[b-wp3t7w3hlf] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--osirion-spacing-2, 0.5rem);
    }

    .osirion-markdown-footer-actions[b-wp3t7w3hlf] {
        width: 100%;
        justify-content: space-between;
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-markdown-action-button[b-wp3t7w3hlf],
    .osirion-markdown-toggle-button[b-wp3t7w3hlf] {
        transition: none;
    }

        .osirion-markdown-action-button:active[b-wp3t7w3hlf] {
            transform: none;
        }
}
/* _content/Osirion.Blazor.Cms.Core/Components/Editor/MarkdownPreview.razor.rz.scp.css */
/* MarkdownPreview Component Styles */
.osirion-markdown-preview[b-6bquwxowiq] {
    display: flex;
    flex-direction: column;
    border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-base, 4px);
    background-color: var(--osirion-background-primary, #ffffff);
    box-shadow: var(--osirion-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05));
    height: 100%;
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

/* Preview header */
.osirion-markdown-preview-header[b-6bquwxowiq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--osirion-spacing-2, 0.5rem) var(--osirion-spacing-3, 0.75rem);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    border-bottom: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-top-left-radius: calc(var(--osirion-radius-base, 4px) - 1px);
    border-top-right-radius: calc(var(--osirion-radius-base, 4px) - 1px);
}

    .osirion-markdown-preview-header h3[b-6bquwxowiq] {
        margin: 0;
        font-size: var(--osirion-font-size-sm, 0.875rem);
        font-weight: var(--osirion-font-weight-medium, 500);
        color: var(--osirion-text-primary, #374151);
    }

/* Preview content container */
.osirion-markdown-preview-content[b-6bquwxowiq] {
    flex: 1;
    padding: var(--osirion-spacing-4, 1rem);
    overflow-y: auto;
    color: var(--osirion-text-primary, #374151);
    line-height: var(--osirion-line-height-normal, 1.6);
}

.osirion-markdown-preview-placeholder[b-6bquwxowiq] {
    color: var(--osirion-text-tertiary, #9ca3af);
    font-style: italic;
    padding: var(--osirion-spacing-4, 1rem) 0;
}

/* Markdown content styling */
.osirion-markdown-preview-content h1[b-6bquwxowiq],
.osirion-markdown-preview-content h2[b-6bquwxowiq],
.osirion-markdown-preview-content h3[b-6bquwxowiq],
.osirion-markdown-preview-content h4[b-6bquwxowiq],
.osirion-markdown-preview-content h5[b-6bquwxowiq],
.osirion-markdown-preview-content h6[b-6bquwxowiq] {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: var(--osirion-font-weight-semibold, 600);
    line-height: var(--osirion-line-height-tight, 1.25);
    color: var(--osirion-text-primary, #374151);
}

    .osirion-markdown-preview-content h1:first-child[b-6bquwxowiq],
    .osirion-markdown-preview-content h2:first-child[b-6bquwxowiq],
    .osirion-markdown-preview-content h3:first-child[b-6bquwxowiq],
    .osirion-markdown-preview-content h4:first-child[b-6bquwxowiq],
    .osirion-markdown-preview-content h5:first-child[b-6bquwxowiq],
    .osirion-markdown-preview-content h6:first-child[b-6bquwxowiq] {
        margin-top: 0;
    }

.osirion-markdown-preview-content h1[b-6bquwxowiq] {
    font-size: var(--osirion-font-size-2xl, 1.5rem);
    border-bottom: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    padding-bottom: 0.3em;
}

.osirion-markdown-preview-content h2[b-6bquwxowiq] {
    font-size: var(--osirion-font-size-xl, 1.25rem);
    border-bottom: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    padding-bottom: 0.3em;
}

.osirion-markdown-preview-content h3[b-6bquwxowiq] {
    font-size: var(--osirion-font-size-lg, 1.125rem);
}

.osirion-markdown-preview-content h4[b-6bquwxowiq] {
    font-size: var(--osirion-font-size-base, 1rem);
}

.osirion-markdown-preview-content h5[b-6bquwxowiq] {
    font-size: var(--osirion-font-size-sm, 0.875rem);
}

.osirion-markdown-preview-content h6[b-6bquwxowiq] {
    font-size: var(--osirion-font-size-xs, 0.75rem);
    color: var(--osirion-text-secondary, #6b7280);
}

.osirion-markdown-preview-content p[b-6bquwxowiq] {
    margin-top: 0;
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

.osirion-markdown-preview-content a[b-6bquwxowiq] {
    color: var(--osirion-action-primary, #2563eb);
    text-decoration: none;
}

    .osirion-markdown-preview-content a:hover[b-6bquwxowiq] {
        text-decoration: underline;
    }

.osirion-markdown-preview-content img[b-6bquwxowiq] {
    max-width: 100%;
    border-style: none;
    box-sizing: content-box;
    background-color: var(--osirion-background-primary, #ffffff);
    border-radius: var(--osirion-radius-sm, 3px);
}

.osirion-markdown-preview-content hr[b-6bquwxowiq] {
    height: 0.25em;
    padding: 0;
    margin: var(--osirion-spacing-6, 1.5rem) 0;
    background-color: var(--osirion-border-color, #e5e7eb);
    border: 0;
}

.osirion-markdown-preview-content blockquote[b-6bquwxowiq] {
    padding: 0 var(--osirion-spacing-4, 1rem);
    color: var(--osirion-text-secondary, #6b7280);
    border-left: 0.25em solid var(--osirion-border-color, #e5e7eb);
    margin: 0 0 var(--osirion-spacing-4, 1rem) 0;
}

.osirion-markdown-preview-content ul[b-6bquwxowiq],
.osirion-markdown-preview-content ol[b-6bquwxowiq] {
    padding-left: var(--osirion-spacing-8, 2rem);
    margin-top: 0;
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

.osirion-markdown-preview-content code[b-6bquwxowiq] {
    background-color: var(--osirion-background-secondary, #f3f4f6);
    padding: 0.2em 0.4em;
    margin: 0;
    font-family: var(--osirion-font-family-mono, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, "Liberation Mono", monospace);
    font-size: 85%;
    border-radius: var(--osirion-radius-sm, 3px);
}

.osirion-markdown-preview-content pre[b-6bquwxowiq] {
    background-color: var(--osirion-background-secondary, #f3f4f6);
    padding: var(--osirion-spacing-4, 1rem);
    margin-bottom: var(--osirion-spacing-4, 1rem);
    border-radius: var(--osirion-radius-sm, 3px);
    overflow: auto;
    font-family: var(--osirion-font-family-mono, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, "Liberation Mono", monospace);
    font-size: 85%;
    line-height: 1.45;
}

    .osirion-markdown-preview-content pre code[b-6bquwxowiq] {
        background-color: transparent;
        padding: 0;
        margin: 0;
        font-size: 100%;
        word-break: normal;
        white-space: pre;
    }

.osirion-markdown-preview-content table[b-6bquwxowiq] {
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 0;
    margin-bottom: var(--osirion-spacing-4, 1rem);
    display: block;
    width: 100%;
    overflow: auto;
}

    .osirion-markdown-preview-content table th[b-6bquwxowiq],
    .osirion-markdown-preview-content table td[b-6bquwxowiq] {
        padding: 6px 13px;
        border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    }

    .osirion-markdown-preview-content table tr[b-6bquwxowiq] {
        background-color: var(--osirion-background-primary, #ffffff);
        border-top: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    }

        .osirion-markdown-preview-content table tr:nth-child(2n)[b-6bquwxowiq] {
            background-color: var(--osirion-background-secondary, #f3f4f6);
        }

.markdown-error[b-6bquwxowiq] {
    color: var(--osirion-status-danger, #ef4444);
    background-color: var(--osirion-status-danger-bg, #fee2e2);
    padding: var(--osirion-spacing-4, 1rem);
    border-radius: var(--osirion-radius-sm, 3px);
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

/* Dark theme adjustments */
:root[data-theme="dark"] .osirion-markdown-preview[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview[b-6bquwxowiq] {
    background-color: var(--osirion-background-primary, #1f2937);
    border-color: var(--osirion-border-color, #4b5563);
}

:root[data-theme="dark"] .osirion-markdown-preview-header[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-header[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-header[b-6bquwxowiq] {
    background-color: var(--osirion-background-secondary, #374151);
    border-color: var(--osirion-border-color, #4b5563);
}

    :root[data-theme="dark"] .osirion-markdown-preview-header h3[b-6bquwxowiq],
    .dark-theme .osirion-markdown-preview-header h3[b-6bquwxowiq],
    .theme-dark .osirion-markdown-preview-header h3[b-6bquwxowiq] {
        color: var(--osirion-text-secondary, #9ca3af);
    }

:root[data-theme="dark"] .osirion-markdown-preview-content[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content[b-6bquwxowiq] {
    color: var(--osirion-text-primary, #e5e7eb);
}

:root[data-theme="dark"] .osirion-markdown-preview-placeholder[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-placeholder[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-placeholder[b-6bquwxowiq] {
    color: var(--osirion-text-tertiary, #9ca3af);
}

:root[data-theme="dark"] .osirion-markdown-preview-content h1[b-6bquwxowiq],
:root[data-theme="dark"] .osirion-markdown-preview-content h2[b-6bquwxowiq],
:root[data-theme="dark"] .osirion-markdown-preview-content h3[b-6bquwxowiq],
:root[data-theme="dark"] .osirion-markdown-preview-content h4[b-6bquwxowiq],
:root[data-theme="dark"] .osirion-markdown-preview-content h5[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content h1[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content h2[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content h3[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content h4[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content h5[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content h1[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content h2[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content h3[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content h4[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content h5[b-6bquwxowiq] {
    color: var(--osirion-text-primary, #e5e7eb);
    border-color: var(--osirion-border-color, #4b5563);
}

:root[data-theme="dark"] .osirion-markdown-preview-content h6[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content h6[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content h6[b-6bquwxowiq] {
    color: var(--osirion-text-secondary, #9ca3af);
}

:root[data-theme="dark"] .osirion-markdown-preview-content a[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content a[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content a[b-6bquwxowiq] {
    color: var(--osirion-action-primary, #60a5fa);
}

:root[data-theme="dark"] .osirion-markdown-preview-content blockquote[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content blockquote[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content blockquote[b-6bquwxowiq] {
    color: var(--osirion-text-secondary, #9ca3af);
    border-color: var(--osirion-border-color, #4b5563);
}

:root[data-theme="dark"] .osirion-markdown-preview-content hr[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content hr[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content hr[b-6bquwxowiq] {
    background-color: var(--osirion-border-color, #4b5563);
}

:root[data-theme="dark"] .osirion-markdown-preview-content code[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content code[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content code[b-6bquwxowiq] {
    background-color: var(--osirion-background-secondary, #374151);
}

:root[data-theme="dark"] .osirion-markdown-preview-content pre[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content pre[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content pre[b-6bquwxowiq] {
    background-color: var(--osirion-background-secondary, #374151);
}

:root[data-theme="dark"] .osirion-markdown-preview-content table tr[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content table tr[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content table tr[b-6bquwxowiq] {
    background-color: var(--osirion-background-primary, #1f2937);
    border-color: var(--osirion-border-color, #4b5563);
}

    :root[data-theme="dark"] .osirion-markdown-preview-content table tr:nth-child(2n)[b-6bquwxowiq],
    .dark-theme .osirion-markdown-preview-content table tr:nth-child(2n)[b-6bquwxowiq],
    .theme-dark .osirion-markdown-preview-content table tr:nth-child(2n)[b-6bquwxowiq] {
        background-color: var(--osirion-background-secondary, #374151);
    }

:root[data-theme="dark"] .osirion-markdown-preview-content table th[b-6bquwxowiq],
:root[data-theme="dark"] .osirion-markdown-preview-content table td[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content table th[b-6bquwxowiq],
.dark-theme .osirion-markdown-preview-content table td[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content table th[b-6bquwxowiq],
.theme-dark .osirion-markdown-preview-content table td[b-6bquwxowiq] {
    border-color: var(--osirion-border-color, #4b5563);
}

:root[data-theme="dark"] .markdown-error[b-6bquwxowiq],
.dark-theme .markdown-error[b-6bquwxowiq],
.theme-dark .markdown-error[b-6bquwxowiq] {
    color: var(--osirion-status-danger, #f87171);
    background-color: var(--osirion-status-danger-bg, #7f1d1d);
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .osirion-markdown-preview-header[b-6bquwxowiq] {
        padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-2, 0.5rem);
    }

    .osirion-markdown-preview-content[b-6bquwxowiq] {
        padding: var(--osirion-spacing-3, 0.75rem);
        font-size: 0.9375rem;
    }

        .osirion-markdown-preview-content h1[b-6bquwxowiq] {
            font-size: 1.75em;
        }

        .osirion-markdown-preview-content h2[b-6bquwxowiq] {
            font-size: 1.375em;
        }

        .osirion-markdown-preview-content h3[b-6bquwxowiq] {
            font-size: 1.125em;
        }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    .osirion-markdown-preview *[b-6bquwxowiq] {
        transition: none !important;
    }
}
/* _content/Osirion.Blazor.Cms.Core/Components/Layout/BlogLayout.razor.rz.scp.css */
.osirion-blog-article[b-xielld5ltz] {
    margin-bottom: var(--osirion-spacing-16, 4rem);
}

.osirion-blog-featured-image-container[b-xielld5ltz] {
    margin: var(--osirion-spacing-6, 1.5rem) 0 var(--osirion-spacing-8, 2rem);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    overflow: hidden;
}

.osirion-blog-featured-image[b-xielld5ltz] {
    width: 100%;
    height: auto;
    display: block;
}

.osirion-blog-image-caption[b-xielld5ltz] {
    text-align: center;
    padding: var(--osirion-spacing-3, 0.75rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-secondary, #6b7280);
    background-color: var(--osirion-background-secondary, #f3f4f6);
}

.osirion-blog-content[b-xielld5ltz] {
    font-size: var(--osirion-font-size-base, 1rem);
    line-height: var(--osirion-line-height-relaxed, 1.7);
    color: var(--osirion-text-primary, #374151);
}

.osirion-blog-footer[b-xielld5ltz] {
    margin-top: var(--osirion-spacing-10, 2.5rem);
    padding-top: var(--osirion-spacing-6, 1.5rem);
    border-top: 1px solid var(--osirion-border-color, #e5e7eb);
}

/* Dark mode adjustments */
:root[data-theme="dark"] .osirion-blog-image-caption[b-xielld5ltz],
.dark-theme .osirion-blog-image-caption[b-xielld5ltz],
.theme-dark .osirion-blog-image-caption[b-xielld5ltz],
.osirion-theme-dark .osirion-blog-image-caption[b-xielld5ltz] {
    background-color: var(--osirion-background-secondary, #374151);
    color: var(--osirion-text-secondary, #9ca3af);
}
/* _content/Osirion.Blazor.Cms.Core/Components/Navigation/DocumentTree.razor.rz.scp.css */
.osirion-doc-tree-nav[b-eyawcaj7g2] {
    width: 100%;
    font-family: var(--osirion-font-family-base);
}

.osirion-doc-tree[b-eyawcaj7g2] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.osirion-doc-tree-section[b-eyawcaj7g2] {
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
}

.osirion-doc-tree-section-title[b-eyawcaj7g2] {
    font-size: var(--osirion-font-size-sm, 0.875rem);
    font-weight: var(--osirion-font-weight-semibold, 600);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--osirion-text-tertiary, #6b7280);
    margin-bottom: var(--osirion-spacing-2, 0.5rem);
    padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-3, 0.75rem);
}

.osirion-doc-tree-items[b-eyawcaj7g2] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.osirion-doc-tree-item[b-eyawcaj7g2] {
    margin-bottom: var(--osirion-spacing-1, 0.25rem);
}

.osirion-doc-tree-link[b-eyawcaj7g2] {
    display: block;
    padding: var(--osirion-spacing-2, 0.5rem) var(--osirion-spacing-3, 0.75rem);
    color: var(--osirion-text-primary, #374151);
    text-decoration: none;
    border-radius: var(--osirion-radius-md, 0.375rem);
    transition: background-color var(--osirion-transition-duration-200, 0.2s);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    font-weight: var(--osirion-font-weight-medium, 500);
}

    .osirion-doc-tree-link:hover[b-eyawcaj7g2] {
        background-color: var(--osirion-background-hover, #f3f4f6);
    }

.osirion-doc-tree-item.active > .osirion-doc-tree-link[b-eyawcaj7g2] {
    background-color: var(--osirion-background-active, #e0f2fe);
    color: var(--osirion-action-primary, #0369a1);
}

.osirion-doc-tree-children[b-eyawcaj7g2] {
    list-style: none;
    padding: 0;
    margin: var(--osirion-spacing-1, 0.25rem) 0 var(--osirion-spacing-2, 0.5rem) var(--osirion-spacing-4, 1rem);
}

.osirion-doc-tree-child[b-eyawcaj7g2] {
    margin-bottom: var(--osirion-spacing-1, 0.25rem);
}

.osirion-doc-tree-child-link[b-eyawcaj7g2] {
    display: block;
    padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-3, 0.75rem);
    color: var(--osirion-text-secondary, #6b7280);
    text-decoration: none;
    border-radius: var(--osirion-radius-md, 0.375rem);
    transition: background-color var(--osirion-transition-duration-200, 0.2s);
    font-size: var(--osirion-font-size-sm, 0.875rem);
}

    .osirion-doc-tree-child-link:hover[b-eyawcaj7g2] {
        background-color: var(--osirion-background-hover, #f3f4f6);
        color: var(--osirion-text-primary, #374151);
    }

.osirion-doc-tree-child.active > .osirion-doc-tree-child-link[b-eyawcaj7g2] {
    background-color: var(--osirion-background-active, #e0f2fe);
    color: var(--osirion-action-primary, #0369a1);
}

/* Dark mode adjustments */
:root[data-theme="dark"] .osirion-doc-tree-link:hover[b-eyawcaj7g2],
.dark-theme .osirion-doc-tree-link:hover[b-eyawcaj7g2],
.theme-dark .osirion-doc-tree-link:hover[b-eyawcaj7g2],
.osirion-theme-dark .osirion-doc-tree-link:hover[b-eyawcaj7g2] {
    background-color: var(--osirion-background-hover, #374151);
}

:root[data-theme="dark"] .osirion-doc-tree-item.active > .osirion-doc-tree-link[b-eyawcaj7g2],
.dark-theme .osirion-doc-tree-item.active > .osirion-doc-tree-link[b-eyawcaj7g2],
.theme-dark .osirion-doc-tree-item.active > .osirion-doc-tree-link[b-eyawcaj7g2],
.osirion-theme-dark .osirion-doc-tree-item.active > .osirion-doc-tree-link[b-eyawcaj7g2] {
    background-color: var(--osirion-background-active, #1e40af);
    color: var(--osirion-color-active, #93c5fd);
}