/* _content/Osirion.Blazor.Cms.Web/Components/ContentList.razor.rz.scp.css */
/* ContentList Component - Osirion.Blazor.Cms.Web */

.osirion-content-list[b-ll3fx7qoj3] {
    padding: var(--osirion-spacing-8, 2rem) 0;
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
    background-color: var(--osirion-background-primary, transparent);
}

.osirion-content-list-header[b-ll3fx7qoj3] {
    margin-bottom: var(--osirion-spacing-8, 2rem);
}

.osirion-content-list-title[b-ll3fx7qoj3] {
    margin: 0 0 var(--osirion-spacing-2, 0.5rem);
    font-size: var(--osirion-font-size-3xl, 1.875rem);
    font-weight: var(--osirion-font-weight-bold, 700);
    line-height: var(--osirion-line-height-tight, 1.25);
    color: var(--osirion-text-primary, #111827);
}

.osirion-content-list-description[b-ll3fx7qoj3] {
    margin: 0;
    max-width: 65ch;
    font-size: var(--osirion-font-size-lg, 1.125rem);
    color: var(--osirion-text-secondary, #4b5563);
}

.osirion-content-grid[b-ll3fx7qoj3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--osirion-width-sm, 300px), 1fr));
    gap: var(--osirion-spacing-6, 1.5rem);
}

.osirion-content-card[b-ll3fx7qoj3] {
    border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    overflow: hidden;
    background-color: var(--osirion-background-primary, #ffffff);
    transition: box-shadow var(--osirion-transition-duration-200, 0.2s) ease, transform var(--osirion-transition-duration-200, 0.2s) ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .osirion-content-card:hover[b-ll3fx7qoj3] {
        box-shadow: var(--osirion-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
        transform: translateY(-2px);
    }

.osirion-content-image-container[b-ll3fx7qoj3] {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    background-color: var(--osirion-background-secondary, #f3f4f6);
}

.osirion-content-featured-image[b-ll3fx7qoj3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--osirion-transition-duration-200, 0.2s) ease;
}

.osirion-content-card:hover .osirion-content-featured-image[b-ll3fx7qoj3] {
    transform: scale(1.05);
}

.osirion-content-body[b-ll3fx7qoj3] {
    padding: var(--osirion-spacing-6, 1.5rem);
    display: flex;
    flex-direction: column;
    flex: 1;
    line-height: var(--osirion-line-height-normal, 1.6);
    color: var(--osirion-text-primary, #374151);
}

.osirion-content-title[b-ll3fx7qoj3] {
    margin: 0 0 var(--osirion-spacing-2, 0.5rem);
    font-size: var(--osirion-font-size-xl, 1.25rem);
    font-weight: var(--osirion-font-weight-bold, 700);
    color: var(--osirion-text-primary, #111827);
    line-height: var(--osirion-line-height-tight, 1.25);
}

.osirion-content-title-link[b-ll3fx7qoj3] {
    color: inherit;
    text-decoration: none;
    transition: color var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-content-title-link:hover[b-ll3fx7qoj3] {
        color: var(--osirion-background-tertiary, #2563eb);
    }

.osirion-content-meta[b-ll3fx7qoj3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-2, 0.5rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    font-weight: var(--osirion-font-weight-normal, 400);
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

.osirion-content-meta-item[b-ll3fx7qoj3] {
    display: flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
}

.osirion-content-meta-icon[b-ll3fx7qoj3] {
    flex-shrink: 0;
    opacity: 0.8;
}

.osirion-content-description[b-ll3fx7qoj3] {
    margin: 0 0 var(--osirion-spacing-4, 1rem);
    color: var(--osirion-text-primary, #374151);
    font-weight: var(--osirion-font-weight-normal, 400);
    line-height: var(--osirion-line-height-normal, 1.6);
}

.osirion-content-tags[b-ll3fx7qoj3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-2, 0.5rem);
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

.osirion-content-tag[b-ll3fx7qoj3] {
    background-color: var(--osirion-background-tertiary, var(--osirion-background-tertiary, #f3f4f6));
    color: var(--osirion-text-secondary, var(--osirion-text-secondary, #4b5563));
    padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-3, 0.75rem);
    border-radius: var(--osirion-radius-full, 9999px);
    font-size: var(--osirion-font-size-xs, 0.75rem);
    text-decoration: none;
    transition: background-color var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-content-tag:hover[b-ll3fx7qoj3] {
        background-color: var(--osirion-background-secondary, var(--osirion-background-secondary, #e5e7eb));
        cursor:pointer;
    }

.osirion-content-footer[b-ll3fx7qoj3] {
    margin-top: auto;
    padding-top: var(--osirion-spacing-4, 1rem);
}

.osirion-content-read-more[b-ll3fx7qoj3] {
    display: flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    /*color: var(--osirion-action-primary-hover, #2563eb);*/
    text-decoration: none;
    font-weight: var(--osirion-font-weight-semibold, 600);
    transition: color var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-content-read-more:hover[b-ll3fx7qoj3] {
        text-decoration: underline;
        /*color: var(--osirion-action-primary-hover, #1d4ed8);*/
    }

.osirion-content-read-more-icon[b-ll3fx7qoj3] {
    transition: transform var(--osirion-transition-duration-200, 0.2s) ease;
}

.osirion-content-read-more:hover .osirion-content-read-more-icon[b-ll3fx7qoj3] {
    transform: translateX(3px);
}

/* Pagination Styles */
.osirion-content-pagination[b-ll3fx7qoj3] {
    display: flex;
    justify-content: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    margin-top: var(--osirion-spacing-8, 2rem);
    flex-wrap: wrap;
}

.osirion-pagination-link[b-ll3fx7qoj3] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 var(--osirion-spacing-3, 0.75rem);
    background-color: var(--osirion-background-primary, #ffffff);
    color: var(--osirion-text-primary, #374151);
    border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-md, 0.375rem);
    text-decoration: none;
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

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

    .osirion-pagination-link.osirion-active[b-ll3fx7qoj3] {
        background-color: var(--osirion-background-active, var(--osirion-action-primary, #2563eb));
        color: var(--osirion-action-primary-text, #ffffff);
        border-color: var(--osirion-action-primary, #2563eb);
    }

.osirion-pagination-ellipsis[b-ll3fx7qoj3] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    color: var(--osirion-text-secondary, #6b7280);
}

/* Loading and No Content States */
.osirion-loading[b-ll3fx7qoj3],
.osirion-no-content[b-ll3fx7qoj3] {
    text-align: center;
    padding: var(--osirion-spacing-6, 1.5rem);
    color: var(--osirion-text-secondary, #6b7280);
    background-color: var(--osirion-background-primary, transparent);
    border-radius: var(--osirion-radius-lg, 0.5rem);
}

.osirion-no-content[b-ll3fx7qoj3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--osirion-spacing-4, 1rem);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .osirion-content-grid[b-ll3fx7qoj3] {
        grid-template-columns: 1fr;
    }

    .osirion-content-meta[b-ll3fx7qoj3] {
        flex-direction: column;
        gap: var(--osirion-spacing-1, 0.25rem);
    }
}

@media (max-width: 480px) {
    .osirion-content-title[b-ll3fx7qoj3] {
        font-size: calc(var(--osirion-font-size-lg, 1.125rem));
    }

    .osirion-content-body[b-ll3fx7qoj3] {
        padding: var(--osirion-spacing-4, 1rem);
    }

    .osirion-pagination-link[b-ll3fx7qoj3] {
        min-width: 2rem;
        height: 2rem;
        padding: 0 var(--osirion-spacing-2, 0.5rem);
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-content-card[b-ll3fx7qoj3],
    .osirion-content-featured-image[b-ll3fx7qoj3],
    .osirion-pagination-link[b-ll3fx7qoj3],
    .osirion-content-read-more[b-ll3fx7qoj3],
    .osirion-content-read-more-icon[b-ll3fx7qoj3] {
        transition: none;
    }

        .osirion-content-card:hover[b-ll3fx7qoj3] {
            transform: none;
        }

            .osirion-content-card:hover .osirion-content-featured-image[b-ll3fx7qoj3] {
                transform: none;
            }

        .osirion-content-read-more:hover .osirion-content-read-more-icon[b-ll3fx7qoj3] {
            transform: none;
        }
}
/* _content/Osirion.Blazor.Cms.Web/Components/ContentPage.razor.rz.scp.css */
/* ContentPage Component Styles */
.osirion-content-page-container[b-d8fyc0hyly] {
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
    line-height: var(--osirion-line-height-relaxed, 1.7);
    max-width: var(--osirion-content-max-width, 800px);
    margin: 0 auto;
    padding: var(--osirion-spacing-6, 2rem) var(--osirion-spacing-4, 1rem);
}

/* Loading and Not Found States */
.osirion-content-loading[b-d8fyc0hyly],
.osirion-content-not-found[b-d8fyc0hyly] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--osirion-spacing-16, 4rem) var(--osirion-spacing-4, 1rem);
    min-height: 300px;
    color: var(--osirion-text-secondary, #6b7280);
}

.osirion-loading-spinner[b-d8fyc0hyly] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--osirion-border-color, #e5e7eb);
    border-top-color: var(--osirion-action-primary, #0369a1);
    border-radius: 50%;
    animation: osirion-spin-b-d8fyc0hyly 1s linear infinite;
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

@keyframes osirion-spin-b-d8fyc0hyly {
    to {
        transform: rotate(360deg);
    }
}

.osirion-content-not-found svg[b-d8fyc0hyly] {
    color: var(--osirion-text-secondary, #6b7280);
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

.osirion-content-not-found h2[b-d8fyc0hyly] {
    font-size: var(--osirion-font-size-xl, 1.5rem);
    margin: 0 0 var(--osirion-spacing-2, 0.5rem);
    font-weight: var(--osirion-font-weight-semibold, 600);
}

.osirion-content-not-found p[b-d8fyc0hyly] {
    font-size: var(--osirion-font-size-base, 1rem);
    margin: 0 0 var(--osirion-spacing-6, 1.5rem);
}

.osirion-content-back-link[b-d8fyc0hyly] {
    display: inline-flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    color: var(--osirion-action-primary, #0369a1);
    text-decoration: none;
    font-weight: var(--osirion-font-weight-semibold, 600);
    padding: var(--osirion-spacing-3, 0.75rem) var(--osirion-spacing-6, 1.5rem);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    background-color: var(--osirion-background-active, #e0f2fe);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-content-back-link:hover[b-d8fyc0hyly] {
        background-color: var(--osirion-background-hover, #e5e7eb);
    }

/* Breadcrumbs */
.osirion-content-breadcrumbs[b-d8fyc0hyly] {
    margin-bottom: var(--osirion-spacing-8, 2rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
}

    .osirion-content-breadcrumbs ol[b-d8fyc0hyly] {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
        color: var(--osirion-text-primary, #374151);
    }

    .osirion-content-breadcrumbs li[b-d8fyc0hyly] {
        display: flex;
        align-items: center;
    }

        .osirion-content-breadcrumbs li:not(:last-child)[b-d8fyc0hyly]::after {
            content: "/";
            margin: 0 var(--osirion-spacing-2, 0.5rem);
            color: var(--osirion-text-tertiary, #9ca3af);
        }

    .osirion-content-breadcrumbs a[b-d8fyc0hyly] {
        color: var(--osirion-text-secondary, #6b7280);
        text-decoration: none;
        transition: color var(--osirion-transition-duration-200, 0.2s) ease;
    }

        .osirion-content-breadcrumbs a:hover[b-d8fyc0hyly] {
            color: var(--osirion-action-primary, #2563eb);
            text-decoration: underline;
        }

    .osirion-content-breadcrumbs li:last-child[b-d8fyc0hyly] {
        color: var(--osirion-text-primary, #374151);
        font-weight: var(--osirion-font-weight-medium, 500);
    }

/* Article Styling */
.osirion-content-page[b-d8fyc0hyly] {
    display: flex;
    flex-direction: column;
    gap: var(--osirion-spacing-8, 2rem);
}

/* Header */
.osirion-content-header[b-d8fyc0hyly] {
    margin-bottom: var(--osirion-spacing-8, 2rem);
}

.osirion-content-meta[b-d8fyc0hyly] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-4, 1rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-secondary, #6b7280);
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
}

.osirion-content-meta-item[b-d8fyc0hyly] {
    display: flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
}

.osirion-content-meta-icon[b-d8fyc0hyly] {
    flex-shrink: 0;
}

.osirion-content-title[b-d8fyc0hyly] {
    font-size: var(--osirion-font-size-4xl, 2.5rem);
    font-weight: var(--osirion-font-weight-bold, 800);
    color: var(--osirion-text-primary, #111827);
    line-height: var(--osirion-line-height-tight, 1.2);
    margin: 0 0 var(--osirion-spacing-4, 1rem);
}

.osirion-content-summary[b-d8fyc0hyly] {
    font-size: var(--osirion-font-size-lg, 1.25rem);
    font-weight: var(--osirion-font-weight-medium, 500);
    color: var(--osirion-text-secondary, #6b7280);
    line-height: var(--osirion-line-height-normal, 1.5);
    margin: 0 0 var(--osirion-spacing-6, 1.5rem);
}

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

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

.osirion-content-image-caption[b-d8fyc0hyly] {
    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);
}

/* Content Body */
.osirion-content-body[b-d8fyc0hyly] {
    font-size: var(--osirion-font-size-base, 1rem);
    line-height: var(--osirion-line-height-relaxed, 1.7);
    color: var(--osirion-text-primary, #374151);
}

/* Footer */
.osirion-content-footer[b-d8fyc0hyly] {
    margin-top: var(--osirion-spacing-12, 3rem);
    padding-top: var(--osirion-spacing-8, 2rem);
    border-top: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    display: flex;
    flex-direction: column;
    gap: var(--osirion-spacing-8, 2rem);
}

.osirion-content-section-title[b-d8fyc0hyly] {
    font-weight: var(--osirion-font-weight-semibold, 600);
    margin-right: var(--osirion-spacing-3, 0.75rem);
    color: var(--osirion-text-primary, #374151);
}

.osirion-content-categories-container[b-d8fyc0hyly],
.osirion-content-tags-container[b-d8fyc0hyly] {
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
}

.osirion-content-categories[b-d8fyc0hyly],
.osirion-content-tags[b-d8fyc0hyly] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-2, 0.5rem);
    margin-top: var(--osirion-spacing-2, 0.5rem);
}

.osirion-content-category[b-d8fyc0hyly],
.osirion-content-tag[b-d8fyc0hyly] {
    text-decoration: none;
    padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-3, 0.75rem);
    border-radius: var(--osirion-tag-radius, var(--osirion-radius-full, 9999px));
    font-size: var(--osirion-font-size-sm, 0.875rem);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

.osirion-content-category[b-d8fyc0hyly] {
    background-color: var(--osirion-category-background-color, #e0f2fe);
    color: var(--osirion-category-text-color, #0369a1);
}

.osirion-content-tag[b-d8fyc0hyly] {
    background-color: var(--osirion-tag-background-color, #f3f4f6);
    color: var(--osirion-tag-text-color, #4b5563);
}

    .osirion-content-category:hover[b-d8fyc0hyly],
    .osirion-content-tag:hover[b-d8fyc0hyly] {
        opacity: 0.8;
        transform: translateY(-1px);
    }

/* Navigation */
.osirion-content-navigation[b-d8fyc0hyly] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--osirion-spacing-4, 1rem);
    margin-top: var(--osirion-spacing-8, 2rem);
}

.osirion-content-previous[b-d8fyc0hyly],
.osirion-content-next[b-d8fyc0hyly] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    padding: var(--osirion-spacing-4, 1rem);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

.osirion-content-previous[b-d8fyc0hyly] {
    text-align: left;
}

.osirion-content-next[b-d8fyc0hyly] {
    text-align: right;
}

    .osirion-content-previous:hover[b-d8fyc0hyly],
    .osirion-content-next:hover[b-d8fyc0hyly] {
        background-color: var(--osirion-background-hover, #e5e7eb);
    }

.osirion-content-navigation-label[b-d8fyc0hyly] {
    font-size: var(--osirion-font-size-xs, 0.75rem);
    text-transform: uppercase;
    color: var(--osirion-text-secondary, #6b7280);
    margin-bottom: var(--osirion-spacing-1, 0.25rem);
}

.osirion-content-navigation-title[b-d8fyc0hyly] {
    font-weight: var(--osirion-font-weight-semibold, 600);
    color: var(--osirion-text-primary, #374151);
}

/* Share Links */
.osirion-content-share[b-d8fyc0hyly] {
    margin-top: var(--osirion-spacing-8, 2rem);
}

.osirion-content-share-links[b-d8fyc0hyly] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-3, 0.75rem);
    margin-top: var(--osirion-spacing-2, 0.5rem);
}

.osirion-content-share-link[b-d8fyc0hyly] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    padding: var(--osirion-spacing-2, 0.5rem) var(--osirion-spacing-4, 1rem);
    border-radius: var(--osirion-radius-md, 0.375rem);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    color: var(--osirion-text-primary, #374151);
    text-decoration: none;
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-content-share-link:hover[b-d8fyc0hyly] {
        transform: translateY(-2px);
        box-shadow: var(--osirion-shadow-sm, 0 4px 6px rgba(0, 0, 0, 0.05));
    }

.osirion-content-share-twitter[b-d8fyc0hyly] {
    background-color: #1DA1F2;
    color: white;
}

.osirion-content-share-facebook[b-d8fyc0hyly] {
    background-color: #4267B2;
    color: white;
}

.osirion-content-share-linkedin[b-d8fyc0hyly] {
    background-color: #0077B5;
    color: white;
}

.osirion-share-text[b-d8fyc0hyly] {
    font-weight: var(--osirion-font-weight-medium, 500);
}

/* Related Content */
.osirion-content-related[b-d8fyc0hyly] {
    margin-top: var(--osirion-spacing-12, 3rem);
    padding-top: var(--osirion-spacing-8, 2rem);
    border-top: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
}

.osirion-content-related-title[b-d8fyc0hyly] {
    font-size: var(--osirion-font-size-xl, 1.25rem);
    margin: 0 0 var(--osirion-spacing-6, 1.5rem);
    color: var(--osirion-text-primary, #374151);
    font-weight: var(--osirion-font-weight-bold, 700);
}

.osirion-content-related-grid[b-d8fyc0hyly] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: var(--osirion-spacing-6, 1.5rem);
}

.osirion-content-related-item[b-d8fyc0hyly] {
    border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    overflow: hidden;
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-content-related-item:hover[b-d8fyc0hyly] {
        transform: translateY(-4px);
        box-shadow: var(--osirion-shadow-md, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
    }

.osirion-content-related-image-container[b-d8fyc0hyly] {
    position: relative;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background-color: var(--osirion-background-secondary, #f3f4f6);
}

.osirion-content-related-image[b-d8fyc0hyly] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.osirion-content-related-item:hover .osirion-content-related-image[b-d8fyc0hyly] {
    transform: scale(1.05);
}

.osirion-content-related-body[b-d8fyc0hyly] {
    padding: var(--osirion-spacing-4, 1rem);
}

.osirion-content-related-item-title[b-d8fyc0hyly] {
    font-size: var(--osirion-font-size-base, 1rem);
    font-weight: var(--osirion-font-weight-semibold, 600);
    margin: 0 0 var(--osirion-spacing-2, 0.5rem);
    line-height: 1.4;
}

    .osirion-content-related-item-title a[b-d8fyc0hyly] {
        color: var(--osirion-text-primary, #374151);
        text-decoration: none;
    }

        .osirion-content-related-item-title a:hover[b-d8fyc0hyly] {
            color: var(--osirion-action-primary, #0369a1);
        }

.osirion-content-related-date[b-d8fyc0hyly] {
    font-size: var(--osirion-font-size-xs, 0.75rem);
    color: var(--osirion-text-secondary, #6b7280);
}

/* Custom Footer Content */
.osirion-content-custom-footer[b-d8fyc0hyly] {
    margin-top: var(--osirion-spacing-8, 2rem);
    padding-top: var(--osirion-spacing-4, 1rem);
    border-top: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .osirion-content-page-container[b-d8fyc0hyly] {
        padding: var(--osirion-spacing-6, 1.5rem) var(--osirion-spacing-4, 1rem);
    }

    .osirion-content-title[b-d8fyc0hyly] {
        font-size: var(--osirion-font-size-3xl, 2rem);
    }

    .osirion-content-summary[b-d8fyc0hyly] {
        font-size: var(--osirion-font-size-base, 1rem);
    }
}

@media (max-width: 768px) {
    .osirion-content-navigation[b-d8fyc0hyly] {
        grid-template-columns: 1fr;
    }

    .osirion-content-next[b-d8fyc0hyly] {
        text-align: left;
    }

    .osirion-content-related-grid[b-d8fyc0hyly] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .osirion-content-page-container[b-d8fyc0hyly] {
        padding: var(--osirion-spacing-4, 1rem) var(--osirion-spacing-3, 0.75rem);
    }

    .osirion-content-title[b-d8fyc0hyly] {
        font-size: var(--osirion-font-size-2xl, 1.5rem);
    }

    .osirion-content-meta[b-d8fyc0hyly] {
        flex-direction: column;
        gap: var(--osirion-spacing-2, 0.5rem);
    }

    .osirion-content-breadcrumbs li:not(:first-child):not(:last-child)[b-d8fyc0hyly] {
        display: none;
    }

    .osirion-content-breadcrumbs li:first-child[b-d8fyc0hyly]::after {
        content: "...";
        margin: 0 var(--osirion-spacing-2, 0.5rem);
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-content-share-link:hover[b-d8fyc0hyly],
    .osirion-content-related-item:hover[b-d8fyc0hyly],
    .osirion-content-related-item:hover .osirion-content-related-image[b-d8fyc0hyly],
    .osirion-loading-spinner[b-d8fyc0hyly] {
        transition: none;
        animation: none;
        transform: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/ContentRenderer.razor.rz.scp.css */
.osirion-content-view[b-mp154nxk8l] {
    /*font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);*/
    /*color: var(--osirion-text-primary, #374151);*/
    /*background-color: var(--osirion-background-secondary, #ffffff);*/
    line-height: var(--osirion-line-height-relaxed, 1.7);
}

.osirion-content-body[b-mp154nxk8l] {
    line-height: var(--osirion-line-height-relaxed, 1.7);
    color: var(--osirion-text-primary, #374151);
    margin-bottom: var(--osirion-spacing-8, 2rem);
}

    .osirion-content-body h2[b-mp154nxk8l] {
        margin-top: 1.8em;
        margin-bottom: 0.8em;
        font-size: var(--osirion-font-size-2xl, 1.5rem);
        /*color: var(--osirion-text-primary, #374151);*/
        font-weight: var(--osirion-font-weight-bold, 700);
    }

    .osirion-content-body h3[b-mp154nxk8l] {
        margin-top: 1.5em;
        margin-bottom: 0.6em;
        font-size: var(--osirion-font-size-xl, 1.25rem);
        /*color: var(--osirion-text-primary, #374151);*/
        font-weight: var(--osirion-font-weight-bold, 700);
    }

    .osirion-content-body p[b-mp154nxk8l] {
        margin-bottom: 1.2em;
    }

    .osirion-content-body img[b-mp154nxk8l] {
        max-width: 100%;
        height: auto;
        border-radius: var(--osirion-radius-md, 0.375rem);
        margin: var(--osirion-spacing-4, 1rem) 0;
    }

    .osirion-content-body a[b-mp154nxk8l] {
        color: var(--osirion-action-primary, #0369a1);
        text-decoration: none;
        transition: color var(--osirion-transition-duration-200, 0.2s) ease;
    }

        .osirion-content-body a:hover[b-mp154nxk8l] {
            text-decoration: underline;
            color: var(--osirion-action-primary-hover, #0284c7);
        }

@media (max-width: 768px) {
    .osirion-content-view[b-mp154nxk8l] {
        /*padding: var(--osirion-spacing-4, 1rem);*/
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-translation-link[b-mp154nxk8l],
    .osirion-content-category[b-mp154nxk8l],
    .osirion-content-tag[b-mp154nxk8l],
    .osirion-content-previous[b-mp154nxk8l],
    .osirion-content-next[b-mp154nxk8l],
    .osirion-content-body a[b-mp154nxk8l] {
        transition: none;
    }

        .osirion-content-category:hover[b-mp154nxk8l],
        .osirion-content-tag:hover[b-mp154nxk8l] {
            transform: none;
        }
}

/* Print styles */
@media print {
    .osirion-content-view[b-mp154nxk8l] {
        padding: 0;
        color: black;
        background-color: white;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/ContentView.razor.rz.scp.css */
/* ContentView Component - Modern, clean styling with improved typography */
.osirion-content-view[b-rfc34b8iqz] {
    padding: var(--osirion-spacing-6, 1.5rem);
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
    background-color: var(--osirion-background-primary, #ffffff);
    line-height: var(--osirion-line-height-relaxed, 1.7);
}

/* Article header with improved spacing */
.osirion-content-header[b-rfc34b8iqz] {
    margin-bottom: var(--osirion-spacing-8, 2rem);
}

.osirion-content-article[b-rfc34b8iqz] {
    max-width: var(--osirion-width-content, 65ch);
    margin: 0 auto;
}

    .osirion-content-article h1[b-rfc34b8iqz] {
        font-size: var(--osirion-font-size-3xl, 2.25rem);
        line-height: 1.2;
        margin-bottom: var(--osirion-spacing-6, 1.5rem);
        color: var(--osirion-text-primary, #111827);
        font-weight: var(--osirion-font-weight-bold, 700);
        letter-spacing: -0.025em;
    }

/* Enhanced metadata display */
.osirion-content-meta[b-rfc34b8iqz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-4, 1rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-secondary, #6b7280);
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
    letter-spacing: 0.01em;
}

.osirion-content-author[b-rfc34b8iqz],
.osirion-content-date[b-rfc34b8iqz],
.osirion-content-read-time[b-rfc34b8iqz] {
    display: inline-flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
}

/* Modern image treatment */
.osirion-content-featured-image[b-rfc34b8iqz] {
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    border-radius: var(--osirion-radius-xl, 0.75rem);
    margin-bottom: var(--osirion-spacing-8, 2rem);
    box-shadow: var(--osirion-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));
}

/* Content body with improved typography and readability */
.osirion-content-body[b-rfc34b8iqz] {
    line-height: var(--osirion-line-height-relaxed, 1.7);
    color: var(--osirion-text-primary, #374151);
    margin-bottom: var(--osirion-spacing-10, 2.5rem);
    font-size: var(--osirion-font-size-base, 1rem);
}

    .osirion-content-body h2[b-rfc34b8iqz],
    .osirion-content-body h3[b-rfc34b8iqz],
    .osirion-content-body h4[b-rfc34b8iqz],
    .osirion-content-body h5[b-rfc34b8iqz],
    .osirion-content-body h6[b-rfc34b8iqz] {
        margin-top: 2em;
        margin-bottom: 0.75em;
        color: var(--osirion-text-primary, #111827);
        font-weight: var(--osirion-font-weight-semibold, 600);
        line-height: var(--osirion-line-height-tight, 1.25);
        letter-spacing: -0.015em;
    }

    .osirion-content-body h2[b-rfc34b8iqz] {
        font-size: var(--osirion-font-size-2xl, 1.5rem);
        padding-bottom: var(--osirion-spacing-3, 0.75rem);
        border-bottom: 1px solid var(--osirion-border-color, #e5e7eb);
        margin-top: 2.5em;
    }

    .osirion-content-body h3[b-rfc34b8iqz] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
    }

    .osirion-content-body h4[b-rfc34b8iqz] {
        font-size: var(--osirion-font-size-lg, 1.125rem);
    }

    .osirion-content-body h5[b-rfc34b8iqz] {
        font-size: var(--osirion-font-size-base, 1rem);
        font-weight: var(--osirion-font-weight-bold, 700);
    }

    .osirion-content-body h6[b-rfc34b8iqz] {
        font-size: var(--osirion-font-size-sm, 0.875rem);
        font-weight: var(--osirion-font-weight-bold, 700);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    /* Paragraph spacing for better readability */
    .osirion-content-body p[b-rfc34b8iqz] {
        margin-bottom: var(--osirion-spacing-5, 1.25rem);
        margin-top: 0;
    }

    /* Link styling with smooth transitions */
    .osirion-content-body a[b-rfc34b8iqz] {
        color: var(--osirion-action-primary, #2563eb);
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: color var(--osirion-transition-duration-200, 0.2s), border-color var(--osirion-transition-duration-200, 0.2s);
    }

        .osirion-content-body a:hover[b-rfc34b8iqz] {
            color: var(--osirion-action-primary-hover, #1d4ed8);
            border-bottom-color: var(--osirion-action-primary-hover, #1d4ed8);
        }

    /* Enhanced image display */
    .osirion-content-body img[b-rfc34b8iqz] {
        max-width: 100%;
        height: auto;
        display: block;
        margin: var(--osirion-spacing-8, 2rem) auto;
        border-radius: var(--osirion-radius-md, 0.375rem);
        box-shadow: var(--osirion-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));
    }

    /* Stylish blockquotes */
    .osirion-content-body blockquote[b-rfc34b8iqz] {
        border-left: 4px solid var(--osirion-action-primary, #2563eb);
        padding: var(--osirion-spacing-4, 1rem) var(--osirion-spacing-6, 1.5rem);
        margin: var(--osirion-spacing-8, 2rem) 0;
        background-color: var(--osirion-background-secondary, #f9fafb);
        border-radius: 0 var(--osirion-radius-md, 0.375rem) var(--osirion-radius-md, 0.375rem) 0;
        font-style: italic;
        color: var(--osirion-text-secondary, #4b5563);
    }

        .osirion-content-body blockquote p:last-child[b-rfc34b8iqz] {
            margin-bottom: 0;
        }

    /* Code and pre formatting */
    .osirion-content-body pre[b-rfc34b8iqz] {
        background-color: var(--osirion-background-secondary, #f3f4f6);
        padding: var(--osirion-spacing-5, 1.25rem);
        border-radius: var(--osirion-radius-md, 0.375rem);
        overflow-x: auto;
        margin: var(--osirion-spacing-6, 1.5rem) 0;
        font-family: var(--osirion-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
        font-size: 0.9em;
        line-height: 1.6;
        border: 1px solid var(--osirion-border-color, #e5e7eb);
    }

    .osirion-content-body code[b-rfc34b8iqz] {
        background-color: var(--osirion-background-secondary, #f3f4f6);
        padding: 0.2em 0.4em;
        border-radius: var(--osirion-radius-sm, 0.125rem);
        font-family: var(--osirion-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
        font-size: 0.9em;
        white-space: nowrap;
    }

    .osirion-content-body pre code[b-rfc34b8iqz] {
        background-color: transparent;
        padding: 0;
        white-space: pre;
    }

    /* List styling */
    .osirion-content-body ul[b-rfc34b8iqz],
    .osirion-content-body ol[b-rfc34b8iqz] {
        margin: var(--osirion-spacing-6, 1.5rem) 0;
        padding-left: var(--osirion-spacing-6, 1.5rem);
    }

        .osirion-content-body ul li[b-rfc34b8iqz],
        .osirion-content-body ol li[b-rfc34b8iqz] {
            margin-bottom: var(--osirion-spacing-2, 0.5rem);
            padding-left: var(--osirion-spacing-2, 0.5rem);
        }

    /* Horizontal rule */
    .osirion-content-body hr[b-rfc34b8iqz] {
        height: 1px;
        background-color: var(--osirion-border-color, #e5e7eb);
        border: 0;
        margin: var(--osirion-spacing-8, 2rem) 0;
    }

/* Footer styling */
.osirion-content-footer[b-rfc34b8iqz] {
    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);
}

.osirion-content-section-title[b-rfc34b8iqz] {
    font-weight: var(--osirion-font-weight-semibold, 600);
    margin-right: var(--osirion-spacing-3, 0.75rem);
    color: var(--osirion-text-primary, #374151);
    font-size: var(--osirion-font-size-sm, 0.875rem);
}

/* Category and tag styling */
.osirion-content-categories[b-rfc34b8iqz],
.osirion-content-tags[b-rfc34b8iqz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-2, 0.5rem);
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
    align-items: center;
}

.osirion-content-category[b-rfc34b8iqz],
.osirion-content-tag[b-rfc34b8iqz] {
    text-decoration: none;
    padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-3, 0.75rem);
    border-radius: var(--osirion-radius-full, 9999px);
    font-size: var(--osirion-font-size-xs, 0.75rem);
    font-weight: var(--osirion-font-weight-medium, 500);
    transition: all var(--osirion-transition-duration-200, 0.2s) var(--osirion-transition-timing-default, ease);
    letter-spacing: 0.025em;
}

.osirion-content-category[b-rfc34b8iqz] {
    background-color: var(--osirion-category-background-color, #e0f2fe);
    color: var(--osirion-category-text-color, #0369a1);
}

.osirion-content-tag[b-rfc34b8iqz] {
    background-color: var(--osirion-tag-background-color, #f3f4f6);
    color: var(--osirion-tag-text-color, #4b5563);
}

    .osirion-content-category:hover[b-rfc34b8iqz],
    .osirion-content-tag:hover[b-rfc34b8iqz] {
        transform: translateY(-2px);
        box-shadow: var(--osirion-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
    }

/* Navigation links */
.osirion-content-navigation[b-rfc34b8iqz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--osirion-spacing-4, 1rem);
    margin-top: var(--osirion-spacing-8, 2rem);
}

.osirion-content-previous[b-rfc34b8iqz],
.osirion-content-next[b-rfc34b8iqz] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    padding: var(--osirion-spacing-4, 1rem);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    transition: all var(--osirion-transition-duration-200, 0.2s) var(--osirion-transition-timing-default, ease);
    border: 1px solid var(--osirion-border-color, #e5e7eb);
}

.osirion-content-previous[b-rfc34b8iqz] {
    text-align: left;
}

.osirion-content-next[b-rfc34b8iqz] {
    text-align: right;
}

    .osirion-content-previous:hover[b-rfc34b8iqz],
    .osirion-content-next:hover[b-rfc34b8iqz] {
        background-color: var(--osirion-background-hover, #f9fafb);
        transform: translateY(-2px);
        box-shadow: var(--osirion-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
    }

.osirion-content-navigation-label[b-rfc34b8iqz] {
    font-size: var(--osirion-font-size-xs, 0.75rem);
    text-transform: uppercase;
    color: var(--osirion-text-tertiary, #6b7280);
    margin-bottom: var(--osirion-spacing-1, 0.25rem);
    letter-spacing: 0.05em;
}

.osirion-content-navigation-title[b-rfc34b8iqz] {
    font-weight: var(--osirion-font-weight-medium, 500);
    color: var(--osirion-text-primary, #374151);
}

/* Loading and not found states */
.osirion-loading[b-rfc34b8iqz],
.osirion-not-found[b-rfc34b8iqz] {
    text-align: center;
    padding: var(--osirion-spacing-10, 2.5rem);
    color: var(--osirion-text-secondary, #6b7280);
    background-color: var(--osirion-background-secondary, #f9fafb);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    margin: var(--osirion-spacing-6, 1.5rem) 0;
    border: 1px solid var(--osirion-border-color, #e5e7eb);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .osirion-content-article h1[b-rfc34b8iqz] {
        font-size: var(--osirion-font-size-2xl, 1.5rem);
    }

    .osirion-content-body h2[b-rfc34b8iqz] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
    }
}

@media (max-width: 768px) {
    .osirion-content-view[b-rfc34b8iqz] {
        padding: var(--osirion-spacing-4, 1rem);
    }

    .osirion-content-article h1[b-rfc34b8iqz] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
        margin-bottom: var(--osirion-spacing-4, 1rem);
    }

    .osirion-content-meta[b-rfc34b8iqz] {
        gap: var(--osirion-spacing-3, 0.75rem);
        margin-bottom: var(--osirion-spacing-4, 1rem);
        flex-direction: column;
        align-items: flex-start;
    }

    .osirion-content-navigation[b-rfc34b8iqz] {
        grid-template-columns: 1fr;
        gap: var(--osirion-spacing-3, 0.75rem);
    }

    .osirion-content-next[b-rfc34b8iqz] {
        text-align: left;
    }
}

/* Accessibility - reduce motion preference */
@media (prefers-reduced-motion: reduce) {
    .osirion-content-category:hover[b-rfc34b8iqz],
    .osirion-content-tag:hover[b-rfc34b8iqz],
    .osirion-content-previous:hover[b-rfc34b8iqz],
    .osirion-content-next:hover[b-rfc34b8iqz] {
        transform: none;
    }
}

/* Print styles */
@media print {
    .osirion-content-view[b-rfc34b8iqz] {
        padding: 0;
    }

    .osirion-content-navigation[b-rfc34b8iqz],
    .osirion-content-categories[b-rfc34b8iqz],
    .osirion-content-tags[b-rfc34b8iqz] {
        display: none;
    }

    .osirion-content-body a[b-rfc34b8iqz] {
        text-decoration: underline;
        color: inherit;
    }

    .osirion-content-body img[b-rfc34b8iqz] {
        box-shadow: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/LocalizedContentView.razor.rz.scp.css */
.osirion-localized-content-view[b-biypmd98zs] {
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
    /*background-color: var(--osirion-background-primary, #ffffff);*/
}

.osirion-translations[b-biypmd98zs] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-2, 0.5rem);
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
}

.osirion-translation-link[b-biypmd98zs] {
    padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-3, 0.75rem);
    background-color: var(--osirion-background-tertiary, #f3f4f6);
    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);
    text-decoration: none;
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-translation-link:hover[b-biypmd98zs] {
        background-color: var(--osirion-background-hover, #e5e7eb);
    }

    .osirion-translation-link.osirion-active[b-biypmd98zs] {
        background-color: var(--osirion-background-active, #e0f2fe);
        color: var(--osirion-action-primary, #0369a1);
        border-color: var(--osirion-action-primary, #0369a1);
    }

.osirion-content-header[b-biypmd98zs] {
    margin-bottom: var(--osirion-spacing-8, 2rem);
}

    .osirion-content-header h1[b-biypmd98zs] {
        font-size: var(--osirion-font-size-4xl, 2.25rem);
        margin-bottom: var(--osirion-spacing-2, 0.5rem);
        color: var(--osirion-text-primary, #111827);
        line-height: var(--osirion-line-height-tight, 1.2);
        font-weight: var(--osirion-font-weight-bold, 700);
    }

.osirion-content-meta[b-biypmd98zs] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-2, 0.5rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-secondary, #6b7280);
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

.osirion-content-featured-image[b-biypmd98zs] {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    border-radius: var(--osirion-radius-lg, 0.5rem);
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
}

.osirion-content-article[b-biypmd98zs] {
    max-width: var(--osirion-width-content, 65ch);
    margin: 0 auto;
}

    .osirion-content-article h1[b-biypmd98zs] {
        font-size: var(--osirion-font-size-3xl, 2.25rem);
        line-height: 1.2;
        margin-bottom: var(--osirion-spacing-6, 1.5rem);
        color: var(--osirion-text-primary, #111827);
        font-weight: var(--osirion-font-weight-bold, 700);
        letter-spacing: -0.025em;
    }

.osirion-content-body[b-biypmd98zs] {
    line-height: var(--osirion-line-height-relaxed, 1.7);
    color: var(--osirion-text-primary, #374151);
    margin-bottom: var(--osirion-spacing-8, 2rem);
}

    .osirion-content-body h2[b-biypmd98zs] {
        margin-top: 1.8em;
        margin-bottom: 0.8em;
        font-size: var(--osirion-font-size-2xl, 1.5rem);
        color: var(--osirion-text-primary, #374151);
        font-weight: var(--osirion-font-weight-bold, 700);
    }

    .osirion-content-body h3[b-biypmd98zs] {
        margin-top: 1.5em;
        margin-bottom: 0.6em;
        font-size: var(--osirion-font-size-xl, 1.25rem);
        color: var(--osirion-text-primary, #374151);
        font-weight: var(--osirion-font-weight-bold, 700);
    }

    .osirion-content-body p[b-biypmd98zs] {
        margin-bottom: 1.2em;
    }

    .osirion-content-body img[b-biypmd98zs] {
        max-width: 100%;
        height: auto;
        border-radius: var(--osirion-radius-md, 0.375rem);
        margin: var(--osirion-spacing-4, 1rem) 0;
    }

    .osirion-content-body a[b-biypmd98zs] {
        color: var(--osirion-action-primary, #0369a1);
        text-decoration: none;
        transition: color var(--osirion-transition-duration-200, 0.2s) ease;
    }

        .osirion-content-body a:hover[b-biypmd98zs] {
            text-decoration: underline;
            color: var(--osirion-action-primary-hover, #0284c7);
        }

.osirion-content-footer[b-biypmd98zs] {
    border-top: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    padding-top: var(--osirion-spacing-6, 1.5rem);
    margin-top: var(--osirion-spacing-8, 2rem);
}

.osirion-content-section-title[b-biypmd98zs] {
    margin-right: var(--osirion-spacing-2, 0.5rem);
    font-weight: var(--osirion-font-weight-semibold, 600);
    color: var(--osirion-text-primary, #374151);
}

.osirion-content-categories[b-biypmd98zs],
.osirion-content-tags[b-biypmd98zs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

.osirion-content-category[b-biypmd98zs],
.osirion-content-tag[b-biypmd98zs] {
    text-decoration: none;
    padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-3, 0.75rem);
    border-radius: var(--osirion-radius-full, 9999px);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

.osirion-content-category[b-biypmd98zs] {
    background-color: var(--osirion-category-background-color, #e0f2fe);
    color: var(--osirion-category-text-color, #0369a1);
}

.osirion-content-tag[b-biypmd98zs] {
    background-color: var(--osirion-tag-background-color, #f3f4f6);
    color: var(--osirion-tag-text-color, #4b5563);
}

    .osirion-content-category:hover[b-biypmd98zs],
    .osirion-content-tag:hover[b-biypmd98zs] {
        transform: translateY(-1px);
        opacity: 0.9;
    }

.osirion-content-navigation[b-biypmd98zs] {
    display: flex;
    justify-content: space-between;
    margin-top: var(--osirion-spacing-8, 2rem);
    flex-wrap: wrap;
    gap: var(--osirion-spacing-4, 1rem);
}

.osirion-content-previous[b-biypmd98zs],
.osirion-content-next[b-biypmd98zs] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    padding: var(--osirion-spacing-3, 0.75rem) var(--osirion-spacing-4, 1rem);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    transition: background-color var(--osirion-transition-duration-200, 0.2s) ease;
    flex: 1;
    min-width: 40%;
}

    .osirion-content-previous:hover[b-biypmd98zs],
    .osirion-content-next:hover[b-biypmd98zs] {
        background-color: var(--osirion-background-hover, #e5e7eb);
    }

.osirion-content-navigation-label[b-biypmd98zs] {
    font-size: var(--osirion-font-size-xs, 0.75rem);
    text-transform: uppercase;
    color: var(--osirion-text-secondary, #6b7280);
    margin-bottom: var(--osirion-spacing-1, 0.25rem);
}

.osirion-content-navigation-title[b-biypmd98zs] {
    font-weight: var(--osirion-font-weight-bold, 700);
    color: var(--osirion-text-primary, #374151);
}

.osirion-content-previous[b-biypmd98zs] {
    text-align: left;
}

.osirion-content-next[b-biypmd98zs] {
    text-align: right;
}

/* Responsive styles */
@media (max-width: 768px) {
    .osirion-content-header h1[b-biypmd98zs] {
        font-size: calc(var(--osirion-font-size-3xl, 1.875rem));
    }

    .osirion-content-navigation[b-biypmd98zs] {
        flex-direction: column;
    }

    .osirion-content-previous[b-biypmd98zs],
    .osirion-content-next[b-biypmd98zs] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .osirion-content-header h1[b-biypmd98zs] {
        font-size: calc(var(--osirion-font-size-2xl, 1.5rem));
    }

    .osirion-translations[b-biypmd98zs] {
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: var(--osirion-spacing-2, 0.5rem);
        margin-bottom: var(--osirion-spacing-4, 1rem);
    }

    .osirion-translation-link[b-biypmd98zs] {
        flex: 0 0 auto;
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-translation-link[b-biypmd98zs],
    .osirion-content-category[b-biypmd98zs],
    .osirion-content-tag[b-biypmd98zs],
    .osirion-content-previous[b-biypmd98zs],
    .osirion-content-next[b-biypmd98zs],
    .osirion-content-body a[b-biypmd98zs] {
        transition: none;
    }

        .osirion-content-category:hover[b-biypmd98zs],
        .osirion-content-tag:hover[b-biypmd98zs] {
            transform: none;
        }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Navigation/CategoriesList.razor.rz.scp.css */
/* CategoriesList Component - Osirion.Blazor.Cms.Web */

.osirion-categories-list-container[b-jtove3uvjj] {
    padding: var(--osirion-spacing-2, 0.5rem);
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
}

.osirion-categories-title[b-jtove3uvjj] {
    margin-bottom: 1rem;
    font-size: var(--osirion-font-size-lg, 1.125rem);
    font-weight: var(--osirion-font-weight-medium, 500);
    color: var(--osirion-text-primary, #374151);
}

.osirion-categories-list[b-jtove3uvjj] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.osirion-category-item[b-jtove3uvjj] {
    margin-bottom: var(--osirion-spacing-2, 0.5rem);
}

.osirion-category-link[b-jtove3uvjj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--osirion-spacing-2, 0.5rem);
    text-decoration: none;
    color: var(--osirion-text-primary, #374151);
    border-radius: var(--osirion-radius-md, 0.375rem);
    transition: background-color var(--osirion-transition-duration-200, 0.2s) ease;
    font-size: var(--osirion-font-size-base, 1rem);
}

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

    .osirion-category-link.osirion-active[b-jtove3uvjj] {
        background-color: var(--osirion-background-active, #e0f2fe);
        color: var(--osirion-action-primary, #0369a1);
        font-weight: var(--osirion-font-weight-medium, 500);
    }

        .osirion-category-link.osirion-active .osirion-category-count[b-jtove3uvjj] {
            background-color: rgba(var(--osirion-action-primary-rgb, 3, 105, 161), 0.2);
            color: var(--osirion-action-primary, #0369a1);
        }

.osirion-category-count[b-jtove3uvjj] {
    background-color: var(--osirion-background-tertiary, #e5e7eb);
    color: var(--osirion-text-secondary, #6b7280);
    padding: 0.25rem 0.5rem;
    border-radius: var(--osirion-radius-full, 9999px);
    font-size: var(--osirion-font-size-xs, 0.75rem);
    font-weight: var(--osirion-font-weight-medium, 500);
}

.osirion-loading[b-jtove3uvjj],
.osirion-no-categories[b-jtove3uvjj] {
    text-align: center;
    padding: var(--osirion-spacing-4, 1rem);
    color: var(--osirion-text-secondary, #6b7280);
}

/* Accessibility adjustments */
@media (prefers-reduced-motion: reduce) {
    .osirion-category-link[b-jtove3uvjj] {
        transition: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Navigation/ContentBreadcrumbs.razor.rz.scp.css */
/* ContentBreadcrumbs Component - Osirion.Blazor.Cms.Web */

.osirion-breadcrumbs[b-x6pzytqwsv] {
    margin-bottom: 1.5rem;
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

.osirion-breadcrumbs-list[b-x6pzytqwsv] {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    color: var(--osirion-text-primary, #374151);
}

.osirion-breadcrumbs-item[b-x6pzytqwsv] {
    display: flex;
    align-items: center;
}

    .osirion-breadcrumbs-item:not(:last-child)[b-x6pzytqwsv]::after {
        content: "/";
        margin: 0 0.5rem;
        color: var(--osirion-text-tertiary, #9ca3af);
    }

.osirion-breadcrumbs-link[b-x6pzytqwsv] {
    color: var(--osirion-text-secondary, #6b7280);
    text-decoration: none;
    transition: color var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-breadcrumbs-link:hover[b-x6pzytqwsv] {
        color: var(--osirion-action-primary, #2563eb);
        text-decoration: underline;
    }

.osirion-breadcrumbs-current[b-x6pzytqwsv] {
    color: var(--osirion-text-primary, #374151);
    font-weight: var(--osirion-font-weight-medium, 500);
}

.osirion-breadcrumbs-text[b-x6pzytqwsv] {
    margin: 0;
}

/* Media queries cannot read custom properties, so this is the literal value of --osirion-breakpoint-sm-max */
@media (max-width: 767.98px) {
    .osirion-breadcrumbs[b-x6pzytqwsv] {
        font-size: var(--osirion-font-size-sm, 0.875rem);
    }

    .osirion-breadcrumbs-item:not(:last-child)[b-x6pzytqwsv]::after {
        margin: 0 var(--osirion-spacing-1, 0.25rem);
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .osirion-breadcrumbs-link[b-x6pzytqwsv] {
        transition: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Navigation/ContentSeriesNavigation.razor.rz.scp.css */
.osirion-series-nav[b-bzb81x2iwg] {
    margin: var(--osirion-spacing-6, 1.5rem) 0;
    padding: var(--osirion-spacing-4, 1rem);
    border: 1px solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-md, 0.375rem);
    background-color: var(--osirion-background-secondary, #f9fafb);
}

.osirion-series-nav-heading[b-bzb81x2iwg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-2, 0.5rem);
    align-items: baseline;
    margin: 0 0 var(--osirion-spacing-3, 0.75rem);
}

.osirion-series-nav-position[b-bzb81x2iwg] {
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-secondary, #4b5563);
}

.osirion-series-nav-name[b-bzb81x2iwg] {
    font-weight: var(--osirion-font-weight-semibold, 600);
    color: var(--osirion-text-primary, #111827);
}

.osirion-series-nav-parts[b-bzb81x2iwg] {
    margin: 0 0 var(--osirion-spacing-4, 1rem);
    padding-left: var(--osirion-spacing-6, 1.5rem);
}

    .osirion-series-nav-parts li[b-bzb81x2iwg] {
        margin: var(--osirion-spacing-1, 0.25rem) 0;
    }

    .osirion-series-nav-parts a[aria-current="page"][b-bzb81x2iwg] {
        font-weight: var(--osirion-font-weight-semibold, 600);
        color: var(--osirion-text-primary, #111827);
        text-decoration: none;
    }

.osirion-series-nav-pager[b-bzb81x2iwg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-3, 0.75rem);
    justify-content: space-between;
}

    .osirion-series-nav-pager a[b-bzb81x2iwg] {
        display: flex;
        flex-direction: column;
        max-width: 48%;
        text-decoration: none;
    }

    .osirion-series-nav-pager .osirion-series-nav-next[b-bzb81x2iwg] {
        margin-left: auto;
        text-align: right;
    }

.osirion-series-nav-direction[b-bzb81x2iwg] {
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-secondary, #4b5563);
}

.osirion-series-nav-previous .osirion-series-nav-direction[b-bzb81x2iwg]::before {
    content: "\2190\00a0";
}

.osirion-series-nav-next .osirion-series-nav-direction[b-bzb81x2iwg]::after {
    content: "\00a0\2192";
}

@media (max-width: 30rem) {
    .osirion-series-nav-pager a[b-bzb81x2iwg] {
        max-width: 100%;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Navigation/DirectoryNavigation.razor.rz.scp.css */
/* DirectoryNavigation Component - Osirion.Blazor.Cms.Web */

.osirion-directory-navigation[b-ta5yahe0p2] {
    padding: var(--osirion-spacing-2, 0.5rem);
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
}

.osirion-directory-title[b-ta5yahe0p2] {
    margin-bottom: 1rem;
    font-size: var(--osirion-font-size-lg, 1.125rem);
    font-weight: var(--osirion-font-weight-medium, 500);
    color: var(--osirion-text-primary, #374151);
}

.osirion-directory-list[b-ta5yahe0p2] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.osirion-directory-item[b-ta5yahe0p2] {
    margin-bottom: var(--osirion-spacing-2, 0.5rem);
}

.osirion-directory-link[b-ta5yahe0p2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--osirion-spacing-2, 0.5rem);
    text-decoration: none;
    color: var(--osirion-text-primary, #374151);
    border-radius: var(--osirion-radius-md, 0.375rem);
    transition: background-color var(--osirion-transition-duration-200, 0.2s) ease;
    font-size: var(--osirion-font-size-base, 1rem);
}

    .osirion-directory-link:hover[b-ta5yahe0p2] {
        background-color: var(--osirion-background-secondary, #f3f4f6);
    }

    .osirion-directory-link.osirion-active[b-ta5yahe0p2] {
        background-color: var(--osirion-background-secondary, #e0f2fe);
        color: var(--osirion-action-primary, #0369a1);
    }

.osirion-directory-count[b-ta5yahe0p2] {
    background-color: var(--osirion-background-primary, #e5e7eb);
    color: var(--osirion-text-secondary, #6b7280);
    padding: 0.25rem 0.5rem;
    border-radius: var(--osirion-radius-full, 9999px);
    font-size: var(--osirion-font-size-xs, 0.75rem);
}

.osirion-directory-link.osirion-active .osirion-directory-count[b-ta5yahe0p2] {
    background-color: rgba(var(--osirion-action-primary-rgb, 3, 105, 161), 0.2);
    color: var(--osirion-action-primary, #0369a1);
}

.osirion-subdirectory-list[b-ta5yahe0p2] {
    list-style: none;
    padding-left: 1.5rem;
    margin: 0.5rem 0;
}

.osirion-loading[b-ta5yahe0p2],
.osirion-no-directories[b-ta5yahe0p2] {
    text-align: center;
    padding: var(--osirion-spacing-4, 1rem);
    color: var(--osirion-text-secondary, #6b7280);
}

/* Accessibility adjustments */
@media (prefers-reduced-motion: reduce) {
    .osirion-directory-link[b-ta5yahe0p2] {
        transition: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Navigation/LocalizedNavigation.razor.rz.scp.css */
/* LocalizedNavigation Component - Osirion.Blazor.Cms.Web */

.osirion-localized-navigation[b-va2ok0jhyu] {
    padding: var(--osirion-spacing-2, 0.5rem);
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
}

.osirion-nav-title[b-va2ok0jhyu] {
    font-size: var(--osirion-font-size-lg, 1.125rem);
    margin-bottom: 1rem;
    color: var(--osirion-text-primary, #374151);
    font-weight: var(--osirion-font-weight-medium, 500);
}

.osirion-locale-selector[b-va2ok0jhyu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.osirion-locale-button[b-va2ok0jhyu] {
    padding: 0.25rem 0.75rem;
    background-color: var(--osirion-background-tertiary, #f3f4f6);
    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);
    cursor: pointer;
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
    font-family: inherit;
    line-height: normal;
}

    .osirion-locale-button:hover[b-va2ok0jhyu] {
        background-color: var(--osirion-background-hover, #e5e7eb);
    }

    .osirion-locale-button.osirion-active[b-va2ok0jhyu] {
        background-color: var(--osirion-background-active, #e0f2fe);
        color: var(--osirion-action-primary, #0369a1);
        border-color: var(--osirion-action-primary, #0369a1);
        font-weight: var(--osirion-font-weight-medium, 500);
    }

.osirion-nav-list[b-va2ok0jhyu] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.osirion-nav-item[b-va2ok0jhyu] {
    margin-bottom: var(--osirion-spacing-2, 0.5rem);
}

.osirion-nav-link[b-va2ok0jhyu] {
    display: block;
    padding: var(--osirion-spacing-2, 0.5rem);
    text-decoration: none;
    color: var(--osirion-text-primary, #374151);
    border-radius: var(--osirion-radius-md, 0.375rem);
    font-weight: var(--osirion-font-weight-medium, 500);
    transition: background-color var(--osirion-transition-duration-200, 0.2s) ease;
}

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

.osirion-nav-sublist[b-va2ok0jhyu] {
    list-style: none;
    padding-left: 1.5rem;
    margin: 0.5rem 0;
}

.osirion-nav-content-item[b-va2ok0jhyu] {
    margin-bottom: 0.25rem;
}

.osirion-nav-content-link[b-va2ok0jhyu] {
    display: block;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    color: var(--osirion-text-secondary, #6b7280);
    border-radius: var(--osirion-radius-md, 0.375rem);
    transition: background-color var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-nav-content-link:hover[b-va2ok0jhyu] {
        background-color: var(--osirion-background-hover, #f3f4f6);
    }

.osirion-loading[b-va2ok0jhyu],
.osirion-no-directories[b-va2ok0jhyu] {
    text-align: center;
    padding: var(--osirion-spacing-4, 1rem);
    color: var(--osirion-text-secondary, #6b7280);
}

/* Responsive styles */
@media (max-width: 768px) {
    .osirion-locale-selector[b-va2ok0jhyu] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }

    .osirion-locale-button[b-va2ok0jhyu] {
        flex: 0 0 auto;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .osirion-locale-button[b-va2ok0jhyu],
    .osirion-nav-link[b-va2ok0jhyu],
    .osirion-nav-content-link[b-va2ok0jhyu] {
        transition: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Navigation/OsirionContentNavigation.razor.rz.scp.css */
/* OsirionContentNavigation Component Styles */

/* Container */
.osirion-content-navigation[b-evfzdgirjg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--osirion-spacing-4, 1rem);
    margin-top: var(--osirion-spacing-12, 3rem);
    padding-top: var(--osirion-spacing-8, 2rem);
    border-top: 1px solid var(--osirion-border-color, #e5e7eb);
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

/* Base Link Styles */
.osirion-content-previous[b-evfzdgirjg],
.osirion-content-next[b-evfzdgirjg] {
    display: flex;
    flex-direction: column;
    gap: var(--osirion-spacing-1, 0.25rem);
    padding: var(--osirion-spacing-4, 1rem);
    text-decoration: none;
    border-radius: var(--osirion-radius-lg, 0.5rem);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
    position: relative;
    max-width: 45%;
    min-height: 4.5rem;
}

    /* Hover States */
    .osirion-content-previous:hover[b-evfzdgirjg],
    .osirion-content-next:hover[b-evfzdgirjg] {
        background-color: var(--osirion-background-secondary, #f9fafb);
    }

    .osirion-content-previous:hover[b-evfzdgirjg] {
        transform: translateX(-4px);
    }

    .osirion-content-next:hover[b-evfzdgirjg] {
        transform: translateX(4px);
    }

    /* Focus States */
    .osirion-content-previous:focus[b-evfzdgirjg],
    .osirion-content-next:focus[b-evfzdgirjg] {
        outline: var(--osirion-focus-ring-width, 3px) solid var(--osirion-focus-ring-color, rgba(59, 130, 246, 0.5));
        outline-offset: var(--osirion-focus-ring-offset, 2px);
    }

    /* Active States */
    .osirion-content-previous:active[b-evfzdgirjg],
    .osirion-content-next:active[b-evfzdgirjg] {
        transform: scale(0.98);
    }

/* Navigation Labels */
.osirion-content-navigation-label[b-evfzdgirjg] {
    font-size: var(--osirion-font-size-sm, 0.875rem);
    font-weight: var(--osirion-font-weight-medium, 500);
    color: var(--osirion-text-tertiary, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
}

/* Navigation Icons */
.osirion-content-navigation-icon[b-evfzdgirjg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

    .osirion-content-navigation-icon svg[b-evfzdgirjg] {
        width: 100%;
        height: 100%;
    }

/* Navigation Titles */
.osirion-content-navigation-title[b-evfzdgirjg] {
    font-size: var(--osirion-font-size-base, 1rem);
    font-weight: var(--osirion-font-weight-semibold, 600);
    color: var(--osirion-text-primary, #111827);
    line-height: var(--osirion-line-height-snug, 1.375);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Navigation Descriptions */
.osirion-content-navigation-description[b-evfzdgirjg] {
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-secondary, #6b7280);
    line-height: var(--osirion-line-height-normal, 1.5);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: var(--osirion-spacing-1, 0.25rem);
}

/* Alignment */
.osirion-content-previous[b-evfzdgirjg] {
    align-items: flex-start;
    text-align: left;
    margin-right: auto;
}

.osirion-content-next[b-evfzdgirjg] {
    align-items: flex-end;
    text-align: right;
    margin-left: auto;
}

/* Placeholder for missing items */
.osirion-content-navigation-placeholder[b-evfzdgirjg] {
    flex: 1;
    max-width: 45%;
}

/* Single item navigation */
.osirion-content-navigation-single .osirion-content-previous[b-evfzdgirjg],
.osirion-content-navigation-single .osirion-content-next[b-evfzdgirjg] {
    max-width: 48%;
}

/* Variant: Compact */
.osirion-content-navigation-compact[b-evfzdgirjg] {
    margin-top: var(--osirion-spacing-8, 2rem);
    padding-top: var(--osirion-spacing-6, 1.5rem);
}

    .osirion-content-navigation-compact .osirion-content-previous[b-evfzdgirjg],
    .osirion-content-navigation-compact .osirion-content-next[b-evfzdgirjg] {
        padding: var(--osirion-spacing-3, 0.75rem);
        min-height: auto;
    }

    .osirion-content-navigation-compact .osirion-content-navigation-label[b-evfzdgirjg] {
        font-size: var(--osirion-font-size-xs, 0.75rem);
    }

    .osirion-content-navigation-compact .osirion-content-navigation-title[b-evfzdgirjg] {
        font-size: var(--osirion-font-size-sm, 0.875rem);
    }

/* Variant: Card */
.osirion-content-navigation-card[b-evfzdgirjg] {
    gap: var(--osirion-spacing-6, 1.5rem);
    border-top: none;
    padding-top: 0;
}

    .osirion-content-navigation-card .osirion-content-previous[b-evfzdgirjg],
    .osirion-content-navigation-card .osirion-content-next[b-evfzdgirjg] {
        background-color: var(--osirion-card-background, var(--osirion-background-primary, #ffffff));
        border: 1px solid var(--osirion-card-border-color, var(--osirion-border-color, #e5e7eb));
        box-shadow: var(--osirion-card-shadow, var(--osirion-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05)));
        padding: var(--osirion-spacing-6, 1.5rem);
        min-height: 6rem;
    }

        .osirion-content-navigation-card .osirion-content-previous:hover[b-evfzdgirjg],
        .osirion-content-navigation-card .osirion-content-next:hover[b-evfzdgirjg] {
            box-shadow: var(--osirion-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
            border-color: var(--osirion-action-primary, #2563eb);
        }

/* Dark Theme Support */
:root[data-theme="dark"] .osirion-content-previous:hover[b-evfzdgirjg],
:root[data-theme="dark"] .osirion-content-next:hover[b-evfzdgirjg],
[data-theme="dark"] .osirion-content-previous:hover[b-evfzdgirjg],
[data-theme="dark"] .osirion-content-next:hover[b-evfzdgirjg],
.dark-theme .osirion-content-previous:hover[b-evfzdgirjg],
.dark-theme .osirion-content-next:hover[b-evfzdgirjg] {
    background-color: var(--osirion-color-neutral-800, #1f2937);
}

:root[data-theme="dark"] .osirion-content-navigation-card .osirion-content-previous[b-evfzdgirjg],
:root[data-theme="dark"] .osirion-content-navigation-card .osirion-content-next[b-evfzdgirjg],
[data-theme="dark"] .osirion-content-navigation-card .osirion-content-previous[b-evfzdgirjg],
[data-theme="dark"] .osirion-content-navigation-card .osirion-content-next[b-evfzdgirjg],
.dark-theme .osirion-content-navigation-card .osirion-content-previous[b-evfzdgirjg],
.dark-theme .osirion-content-navigation-card .osirion-content-next[b-evfzdgirjg] {
    background-color: var(--osirion-color-neutral-800, #1f2937);
    border-color: var(--osirion-color-neutral-700, #374151);
}

/* Responsive Design */
@media (max-width: 768px) {
    .osirion-content-navigation[b-evfzdgirjg] {
        flex-direction: column;
        gap: var(--osirion-spacing-3, 0.75rem);
    }

    .osirion-content-previous[b-evfzdgirjg],
    .osirion-content-next[b-evfzdgirjg] {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .osirion-content-navigation-label[b-evfzdgirjg] {
        font-size: var(--osirion-font-size-xs, 0.75rem);
    }

    .osirion-content-navigation-title[b-evfzdgirjg] {
        font-size: var(--osirion-font-size-sm, 0.875rem);
    }

    .osirion-content-navigation-placeholder[b-evfzdgirjg] {
        display: none;
    }

    /* Stack variant adjustments */
    .osirion-content-navigation-card[b-evfzdgirjg] {
        gap: var(--osirion-spacing-4, 1rem);
    }

        .osirion-content-navigation-card .osirion-content-previous[b-evfzdgirjg],
        .osirion-content-navigation-card .osirion-content-next[b-evfzdgirjg] {
            padding: var(--osirion-spacing-4, 1rem);
        }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .osirion-content-previous[b-evfzdgirjg],
    .osirion-content-next[b-evfzdgirjg] {
        transition: none;
    }

        .osirion-content-previous:hover[b-evfzdgirjg],
        .osirion-content-next:hover[b-evfzdgirjg] {
            transform: none;
        }

        .osirion-content-previous:active[b-evfzdgirjg],
        .osirion-content-next:active[b-evfzdgirjg] {
            transform: none;
        }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .osirion-content-previous[b-evfzdgirjg],
    .osirion-content-next[b-evfzdgirjg] {
        border: 2px solid var(--osirion-border-color, #e5e7eb);
    }

        .osirion-content-previous:hover[b-evfzdgirjg],
        .osirion-content-next:hover[b-evfzdgirjg] {
            border-color: var(--osirion-action-primary, #2563eb);
            background-color: transparent;
        }

    .osirion-content-navigation-card .osirion-content-previous[b-evfzdgirjg],
    .osirion-content-navigation-card .osirion-content-next[b-evfzdgirjg] {
        border-width: 2px;
    }
}

/* RTL Support */
[dir="rtl"] .osirion-content-previous[b-evfzdgirjg] {
    align-items: flex-end;
    text-align: right;
    margin-right: 0;
    margin-left: auto;
}

[dir="rtl"] .osirion-content-next[b-evfzdgirjg] {
    align-items: flex-start;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .osirion-content-previous:hover[b-evfzdgirjg] {
    transform: translateX(4px);
}

[dir="rtl"] .osirion-content-next:hover[b-evfzdgirjg] {
    transform: translateX(-4px);
}

/* Print Styles */
@media print {
    .osirion-content-navigation[b-evfzdgirjg] {
        display: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Navigation/SearchBox.razor.rz.scp.css */
/* SearchBox Component - Osirion.Blazor.Cms.Web */

/* Child component theme inheritance - SearchBox inherits parent component's theme */
[data-osirion-component-theme="light"] .osirion-search-wrapper[b-ihmi8x9vju],
[data-osirion-component-theme="light"] .osirion-search-input[b-ihmi8x9vju],
[data-osirion-component-theme="light"] .osirion-search-button[b-ihmi8x9vju],
.osirion-bootstrap-integration [data-osirion-component-theme="light"] .osirion-search-wrapper[b-ihmi8x9vju],
.osirion-bootstrap-integration [data-osirion-component-theme="light"] .osirion-search-input[b-ihmi8x9vju],
.osirion-bootstrap-integration [data-osirion-component-theme="light"] .osirion-search-button[b-ihmi8x9vju] {
    /* Force light theme colors */
    --osirion-text-primary: #374151 !important;
    --osirion-text-tertiary: #9ca3af !important;
    --osirion-background-primary: #ffffff !important;
    --osirion-border-color: #e5e7eb !important;
    --osirion-action-primary: #2563eb !important;
    --osirion-action-primary-hover: #1d4ed8 !important;
    --osirion-action-primary-text: #ffffff !important;
    --osirion-focus-ring-color: rgba(59, 130, 246, 0.3) !important;
}

[data-osirion-component-theme="dark"] .osirion-search-wrapper[b-ihmi8x9vju],
[data-osirion-component-theme="dark"] .osirion-search-input[b-ihmi8x9vju],
[data-osirion-component-theme="dark"] .osirion-search-button[b-ihmi8x9vju],
.osirion-bootstrap-integration [data-osirion-component-theme="dark"] .osirion-search-wrapper[b-ihmi8x9vju],
.osirion-bootstrap-integration [data-osirion-component-theme="dark"] .osirion-search-input[b-ihmi8x9vju],
.osirion-bootstrap-integration [data-osirion-component-theme="dark"] .osirion-search-button[b-ihmi8x9vju] {
    /* Force dark theme colors */
    --osirion-text-primary: #f3f4f6 !important;
    --osirion-text-tertiary: #6b7280 !important;
    --osirion-background-primary: #1f2937 !important;
    --osirion-border-color: rgba(255, 255, 255, 0.1) !important;
    --osirion-action-primary: #60a5fa !important;
    --osirion-action-primary-hover: #3b82f6 !important;
    --osirion-action-primary-text: #ffffff !important;
    --osirion-focus-ring-color: rgba(96, 165, 250, 0.3) !important;
}

.osirion-search-wrapper[b-ihmi8x9vju] {
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

.osirion-search-title[b-ihmi8x9vju] {
    margin-bottom: 0.75rem;
    font-size: var(--osirion-font-size-lg, 1.125rem);
    font-weight: var(--osirion-font-weight-medium, 500);
    color: var(--osirion-text-primary, #374151);
}

.osirion-search-box[b-ihmi8x9vju] {
    display: flex;
    gap: var(--osirion-spacing-2, 0.5rem);
    width: 100%;
}

.osirion-search-input[b-ihmi8x9vju] {
    flex: 1;
    padding: var(--osirion-spacing-2, 0.5rem) 1rem;
    border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-md, 0.375rem);
    font-size: var(--osirion-font-size-base, 1rem);
    outline: none;
    color: var(--osirion-text-primary, #374151);
    background-color: var(--osirion-background-primary, #ffffff);
    font-family: inherit;
    transition: border-color var(--osirion-transition-duration-200, 0.2s) ease, box-shadow var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-search-input:focus[b-ihmi8x9vju] {
        border-color: var(--osirion-action-primary, #2563eb);
        box-shadow: 0 0 0 3px var(--osirion-focus-ring-color, rgba(59, 130, 246, 0.3));
    }

    .osirion-search-input[b-ihmi8x9vju]::placeholder {
        color: var(--osirion-text-tertiary, #9ca3af);
    }

.osirion-search-button[b-ihmi8x9vju] {
    padding: var(--osirion-spacing-2, 0.5rem) 1rem;
    background-color: var(--osirion-action-primary, #2563eb);
    color: var(--osirion-action-primary-text, white);
    border: none;
    border-radius: var(--osirion-radius-md, 0.375rem);
    font-size: var(--osirion-font-size-base, 1rem);
    cursor: pointer;
    transition: background-color var(--osirion-transition-duration-200, 0.2s) ease;
    font-family: inherit;
    font-weight: var(--osirion-font-weight-medium, 500);
    line-height: normal;
    white-space: nowrap;
}

    .osirion-search-button:hover[b-ihmi8x9vju] {
        background-color: var(--osirion-action-primary-hover, #1d4ed8);
    }

    .osirion-search-button:focus[b-ihmi8x9vju] {
        outline: none;
        box-shadow: 0 0 0 3px var(--osirion-focus-ring-color, rgba(59, 130, 246, 0.3));
    }

/* Responsive styles */
@media (max-width: 640px) {
    .osirion-search-box[b-ihmi8x9vju] {
        flex-direction: column;
    }

    .osirion-search-button[b-ihmi8x9vju] {
        width: 100%;
    }
}

/* Accessibility adjustments */
@media (prefers-reduced-motion: reduce) {
    .osirion-search-input[b-ihmi8x9vju],
    .osirion-search-button[b-ihmi8x9vju] {
        transition: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Navigation/TableOfContents.razor.rz.scp.css */
/* TableOfContents Component - Osirion.Blazor.Cms.Web */

.osirion-table-of-contents[b-cinn17nlly] {
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    line-height: var(--osirion-line-height-normal, 1.5);
    padding: var(--osirion-spacing-2, 0.5rem);
}

.osirion-toc-list[b-cinn17nlly] {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: toc-counter;
}

.osirion-toc-sublist[b-cinn17nlly] {
    list-style: none;
    padding-left: var(--osirion-spacing-4, 1rem);
    margin: var(--osirion-spacing-1, 0.25rem) 0 0;
    counter-reset: toc-subcounter;
}

.osirion-toc-item[b-cinn17nlly] {
    margin-bottom: var(--osirion-spacing-2, 0.5rem);
    counter-increment: toc-counter;
}

.osirion-toc-sublist .osirion-toc-item[b-cinn17nlly] {
    counter-increment: toc-subcounter;
    margin-bottom: var(--osirion-spacing-1, 0.25rem);
}

.osirion-toc-link[b-cinn17nlly] {
    display: block;
    color: var(--osirion-text-secondary, #6b7280);
    text-decoration: none;
    padding: var(--osirion-spacing-1, 0.25rem) var(--osirion-spacing-2, 0.5rem);
    border-radius: var(--osirion-radius-sm, 0.125rem);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
    position: relative;
    border-left: 2px solid transparent;
}

    .osirion-toc-link:hover[b-cinn17nlly] {
        /*color: var(--osirion-action-primary, #2563eb);*/
        background-color: var(--osirion-background-secondary, #f3f4f6);
        /*border-left-color: var(--osirion-action-primary, #2563eb);*/
    }

    .osirion-toc-link:focus[b-cinn17nlly] {
        outline: 2px solid var(--osirion-focus-ring-color, rgba(59, 130, 246, 0.5));
        outline-offset: 2px;
        background-color: var(--osirion-background-secondary, #f3f4f6);
    }

    /* The section being read, marked by the component's script as the page scrolls */
    .osirion-toc-link.osirion-toc-link-active[b-cinn17nlly] {
        color: var(--osirion-toc-active-color, var(--osirion-text-primary, #111827));
        border-left-color: var(--osirion-toc-active-accent, var(--osirion-action-primary, #2563eb));
        background-color: var(--osirion-toc-active-background, transparent);
    }

    /* Add numbering */
    .osirion-toc-link[b-cinn17nlly]::before {
        content: counter(toc-counter) ". ";
        color: var(--osirion-text-tertiary, #9ca3af);
        font-weight: var(--osirion-font-weight-medium, 500);
        margin-right: var(--osirion-spacing-1, 0.25rem);
    }

.osirion-toc-sublist .osirion-toc-link[b-cinn17nlly]::before {
    content: counter(toc-counter) "." counter(toc-subcounter) " ";
}

/* Level-specific styling */
.osirion-toc-level-1 .osirion-toc-link[b-cinn17nlly] {
    font-weight: var(--osirion-font-weight-bold, 700);
    font-size: var(--osirion-font-size-base, 1rem);
}

.osirion-toc-level-2 .osirion-toc-link[b-cinn17nlly] {
    font-weight: var(--osirion-font-weight-semibold, 600);
}

.osirion-toc-level-3 .osirion-toc-link[b-cinn17nlly] {
    font-weight: var(--osirion-font-weight-medium, 500);
}

.osirion-toc-level-4[b-cinn17nlly],
.osirion-toc-level-5[b-cinn17nlly],
.osirion-toc-level-6[b-cinn17nlly] {
    font-size: var(--osirion-font-size-xs, 0.75rem);
}

/* Empty state */
.osirion-toc-empty[b-cinn17nlly] {
    /*color: var(--osirion-text-tertiary, #9ca3af);*/
    font-style: italic;
    text-align: center;
    padding: var(--osirion-spacing-4, 1rem);
    margin: 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .osirion-table-of-contents[b-cinn17nlly] {
        font-size: var(--osirion-font-size-xs, 0.75rem);
    }

    .osirion-toc-level-1 .osirion-toc-link[b-cinn17nlly] {
        font-size: var(--osirion-font-size-sm, 0.875rem);
    }

    .osirion-toc-sublist[b-cinn17nlly] {
        padding-left: var(--osirion-spacing-3, 0.75rem);
    }

    .osirion-toc-link[b-cinn17nlly] {
        padding: var(--osirion-spacing-1, 0.25rem);
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-toc-link[b-cinn17nlly] {
        transition: none;
    }
}

/* Print styles */
@media print {
    .osirion-table-of-contents[b-cinn17nlly] {
        background-color: transparent;
        color: black;
        font-size: 10pt;
    }

    .osirion-toc-link[b-cinn17nlly] {
        color: black;
        background-color: transparent;
        border: none;
    }

        .osirion-toc-link:hover[b-cinn17nlly] {
            background-color: transparent;
        }

    .osirion-toc-empty[b-cinn17nlly] {
        display: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Navigation/TagCloud.razor.rz.scp.css */
/* TagCloud Component - Osirion.Blazor.Cms.Web */

.osirion-tag-cloud[b-j144n8gfgu] {
    padding: var(--osirion-spacing-2, 0.5rem);
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
}

.osirion-tag-cloud-title[b-j144n8gfgu] {
    margin-bottom: 1rem;
    font-size: var(--osirion-font-size-lg, 1.125rem);
    font-weight: var(--osirion-font-weight-medium, 500);
    color: var(--osirion-text-primary, #374151);
}

.osirion-tags-container[b-j144n8gfgu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-2, 0.5rem);
}

.osirion-tag-link[b-j144n8gfgu] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    background-color: var(--osirion-tag-background-color, var(--osirion-background-tertiary, #f3f4f6));
    color: var(--osirion-tag-text-color, var(--osirion-text-secondary, #4b5563));
    text-decoration: none;
    border-radius: var(--osirion-radius-full, 9999px);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    transition: all var(--osirion-transition-duration-200, 0.2s) var(--osirion-transition-timing-default, ease);
    margin: 0.1rem;
}

    .osirion-tag-link:hover[b-j144n8gfgu] {
        background-color: var(--osirion-tag-hover-background-color, var(--osirion-background-hover, #e5e7eb));
        transform: translateY(-1px);
    }

    .osirion-tag-link.osirion-tag-active[b-j144n8gfgu] {
        background-color: var(--osirion-background-active, var(--osirion-action-primary, #2563eb));
        color: var(--osirion-action-primary-text, white);
        font-weight: var(--osirion-font-weight-medium, 500);
    }

.osirion-tag-count[b-j144n8gfgu] {
    font-size: var(--osirion-font-size-xs, 0.75rem);
    opacity: 0.75;
}

.osirion-loading[b-j144n8gfgu],
.osirion-no-tags[b-j144n8gfgu] {
    text-align: center;
    padding: var(--osirion-spacing-4, 1rem);
    color: var(--osirion-text-secondary, #6b7280);
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .osirion-tags-container[b-j144n8gfgu] {
        justify-content: center;
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-tag-link[b-j144n8gfgu] {
        transition: none;
    }

        .osirion-tag-link:hover[b-j144n8gfgu] {
            transform: none;
        }
}
/* _content/Osirion.Blazor.Cms.Web/Components/PageLevel/AboutPage.razor.rz.scp.css */
/* AboutPage - Osirion.Blazor.Cms.Web */

.osirion-about-page[b-fugfuwlx3i] {
    padding-bottom: var(--osirion-spacing-12, 3rem);
}

/* The same readable width as OsirionPageHeading */
.osirion-about-page-body[b-fugfuwlx3i],
.osirion-about-page-more[b-fugfuwlx3i] {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 var(--osirion-spacing-4, 1rem);
    max-width: var(--osirion-container-lg, 960px);
}

.osirion-about-page-more[b-fugfuwlx3i] {
    margin-top: var(--osirion-spacing-10, 2.5rem);
}
/* _content/Osirion.Blazor.Cms.Web/Components/PageLevel/ArticlePage.razor.rz.scp.css */
.osirion-article-page[b-kcmppiir3v] {
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

/* Article layout */
.osirion-article-page-content[b-kcmppiir3v] {
    max-width: var(--osirion-container-xxl, 1320px);
    margin: 0 auto;
    /* The max-width only leaves side space on viewports wider than the container; this keeps it on narrower ones */
    padding: 0 var(--osirion-spacing-4, 1rem);
    position: relative;
    z-index: 1;
}

/* Three-column article layout */
.osirion-article-layout[b-kcmppiir3v] {
    margin: var(--osirion-spacing-6, 1.5rem) auto;
}

.osirion-article-layout-with-sidebar[b-kcmppiir3v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: var(--osirion-spacing-6, 1.5rem);
}

/* Main content area - Glass effect */
.osirion-article-main[b-kcmppiir3v] {
    min-width: 0; /* Prevents grid blowout */
/*    box-shadow: var(--osirion-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
    backdrop-filter: blur(12px);*/
    position: relative;
    z-index: 2;
}

/* Base sidebar styles - Glass effect */
.osirion-article-sidebar[b-kcmppiir3v] {
    position: sticky;
    top: var(--osirion-spacing-6, 1.5rem);
    height: fit-content;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
/*    padding: var(--osirion-spacing-5, 1.25rem);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    background-color: var(--osirion-background-secondary);
    border: 1px solid rgba(var(--osirion-border-color-rgb, 229, 231, 235), 0.3);
    backdrop-filter: blur(8px);
    box-shadow: var(--osirion-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05));*/
    scrollbar-width: thin;
    z-index: 1;
}

    .osirion-article-sidebar[b-kcmppiir3v]::-webkit-scrollbar {
        width: 6px;
    }

    .osirion-article-sidebar[b-kcmppiir3v]::-webkit-scrollbar-track {
        background: transparent;
    }

    .osirion-article-sidebar[b-kcmppiir3v]::-webkit-scrollbar-thumb {
        /*background-color: rgba(var(--osirion-border-color-rgb, 229, 231, 235), 0.5);*/
        border-radius: 6px;
    }

/* Sidebar sections */
.osirion-sidebar-section[b-kcmppiir3v] {
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
    padding-bottom: var(--osirion-spacing-4, 1rem);
    border-bottom: 1px solid rgba(var(--osirion-border-color-rgb, 229, 231, 235), 0.5);
}

    .osirion-sidebar-section:last-child[b-kcmppiir3v] {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

.osirion-sidebar-title[b-kcmppiir3v] {
    font-size: var(--osirion-font-size-lg, 1.125rem);
    font-weight: var(--osirion-font-weight-semibold, 600);
    color: var(--osirion-text-primary, #111827);
    margin: 0 0 var(--osirion-spacing-4, 1rem);
    padding-bottom: var(--osirion-spacing-2, 0.5rem);
    border-bottom: 2px solid var(--osirion-action-primary, #3b82f6);
}

/* Categories styling */
.osirion-sidebar-categories[b-kcmppiir3v] {
    display: flex;
    flex-direction: column;
    gap: var(--osirion-spacing-2, 0.5rem);
}

.osirion-sidebar-category[b-kcmppiir3v] {
    display: flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    padding: var(--osirion-spacing-2, 0.5rem) var(--osirion-spacing-3, 0.75rem);
    border-radius: var(--osirion-radius-md, 0.375rem);
    text-decoration: none;
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-primary, #111827);
    transition: all 0.2s ease;
    border: 1px solid rgba(var(--osirion-border-color-rgb, 229, 231, 235), 0.2);
}

    .osirion-sidebar-category:hover[b-kcmppiir3v] {
        transform: translateX(3px);
        border-color: rgba(var(--osirion-action-primary-rgb, 59, 130, 246), 0.3);
    }

/* Tag badges, drawn locally (no third-party image requests) */
.osirion-sidebar-tags[b-kcmppiir3v] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-2, 0.5rem);
}

.osirion-sidebar-tag[b-kcmppiir3v] {
    display: inline-block;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.osirion-tag-badge[b-kcmppiir3v] {
    padding: 0 0.5rem;
    line-height: 20px;
    border-radius: 3px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    background-color: var(--osirion-tag-badge-color, #555);
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}

.osirion-tag-badge-0[b-kcmppiir3v] { --osirion-tag-badge-color: #1d6fb8; }
.osirion-tag-badge-1[b-kcmppiir3v] { --osirion-tag-badge-color: #2e7d32; }
.osirion-tag-badge-2[b-kcmppiir3v] { --osirion-tag-badge-color: #c62828; }
.osirion-tag-badge-3[b-kcmppiir3v] { --osirion-tag-badge-color: #b45309; }
.osirion-tag-badge-4[b-kcmppiir3v] { --osirion-tag-badge-color: #6d28d9; }
.osirion-tag-badge-5[b-kcmppiir3v] { --osirion-tag-badge-color: #0f766e; }
.osirion-tag-badge-6[b-kcmppiir3v] { --osirion-tag-badge-color: #be185d; }
.osirion-tag-badge-7[b-kcmppiir3v] { --osirion-tag-badge-color: #4b5563; }

.osirion-sidebar-tag:hover[b-kcmppiir3v] {
    transform: translateY(-2px);
}

/* Related content */
.osirion-related-content-grid[b-kcmppiir3v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--osirion-spacing-6, 1.5rem);
}

.osirion-related-content-item[b-kcmppiir3v] {
    border: 1px solid rgba(var(--osirion-border-color-rgb, 229, 231, 235), 0.3);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    overflow: hidden;
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    backdrop-filter: blur(8px);
    box-shadow: var(--osirion-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05));
}

    .osirion-related-content-item:hover[b-kcmppiir3v] {
        transform: translateY(-4px);
        box-shadow: var(--osirion-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
        border-color: rgba(from var(--osirion-action-primary) r g b / 3);
    }

.osirion-related-image-container[b-kcmppiir3v] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.osirion-related-image[b-kcmppiir3v] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--osirion-transition-duration-300, 0.3s) ease;
}

.osirion-related-content-item:hover .osirion-related-image[b-kcmppiir3v] {
    transform: scale(1.05);
}

.osirion-related-content-body[b-kcmppiir3v] {
    padding: var(--osirion-spacing-4, 1rem);
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .osirion-related-content-body h3[b-kcmppiir3v] {
        font-size: var(--osirion-font-size-lg, 1.125rem);
        font-weight: var(--osirion-font-weight-semibold, 600);
        margin: 0 0 var(--osirion-spacing-2, 0.5rem);
        line-height: var(--osirion-line-height-tight, 1.25);
    }

        .osirion-related-content-body h3 a[b-kcmppiir3v] {
            color: var(--osirion-text-primary, #374151);
            text-decoration: none;
            transition: color var(--osirion-transition-duration-200, 0.2s) ease;
        }

            .osirion-related-content-body h3 a:hover[b-kcmppiir3v] {
                color: var(--osirion-action-primary, #2563eb);
            }

.osirion-related-description[b-kcmppiir3v] {
    color: var(--osirion-text-secondary, #6b7280);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    line-height: var(--osirion-line-height-relaxed, 1.625);
    margin: 0 0 var(--osirion-spacing-3, 0.75rem);
    flex: 1;
}

.osirion-related-date[b-kcmppiir3v] {
    font-size: var(--osirion-font-size-xs, 0.75rem);
    color: var(--osirion-text-secondary, #9ca3af);
    margin-top: auto;
}

/* Responsive layout */
@media (max-width: 1200px) {
    .osirion-article-layout[b-kcmppiir3v] {
        grid-template-columns: 200px minmax(0, 1fr) 230px;
        gap: var(--osirion-spacing-4, 1rem);
    }
}

@media (max-width: 992px) {
    .osirion-article-layout[b-kcmppiir3v] {
        grid-template-columns: minmax(0, 1fr) 230px;
    }

    .osirion-toc-sidebar[b-kcmppiir3v] {
        display: none;
    }

    /* Add a TOC to the top of the content on medium screens */
    .osirion-article-main[b-kcmppiir3v] {
        padding: var(--osirion-spacing-4, 1rem) 0;
    }

    .osirion-medium-toc[b-kcmppiir3v] {
        display: block;
        margin-bottom: var(--osirion-spacing-6, 1.5rem);
        padding-bottom: var(--osirion-spacing-4, 1rem);
        border-bottom: 1px solid rgba(var(--osirion-border-color-rgb, 229, 231, 235), 0.5);
    }
}

@media (max-width: 768px) {
    .osirion-article-page[b-kcmppiir3v] {
        padding: var(--osirion-spacing-4, 1rem) var(--osirion-spacing-3, 0.75rem);
    }

    .osirion-article-layout[b-kcmppiir3v] {
        grid-template-columns: 1fr;
        margin: var(--osirion-spacing-4, 1rem) auto;
    }

    .osirion-meta-sidebar[b-kcmppiir3v] {
        display: none;
    }

    .osirion-article-main[b-kcmppiir3v] {
        padding: var(--osirion-spacing-4, 1rem) 0;
    }

    .osirion-mobile-tags-categories[b-kcmppiir3v] {
        display: flex;
        flex-wrap: wrap;
        gap: var(--osirion-spacing-2, 0.5rem);
        width: 100%;
    }

    .osirion-related-content-grid[b-kcmppiir3v] {
        grid-template-columns: 1fr;
    }

    .osirion-mobile-section-title[b-kcmppiir3v] {
        width: 100%;
        font-size: var(--osirion-font-size-sm, 0.875rem);
        font-weight: var(--osirion-font-weight-semibold, 600);
        margin-bottom: var(--osirion-spacing-2, 0.5rem);
        color: var(--osirion-text-secondary, #6b7280);
    }
}

@media (max-width: 640px) {
    .osirion-article-sidebar[b-kcmppiir3v] {
        /*padding: var(--osirion-spacing-3, 0.75rem);*/
    }

    .osirion-toc[b-kcmppiir3v] {
        display: none;
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-spinner[b-kcmppiir3v],
    .osirion-back-link[b-kcmppiir3v],
    .osirion-sidebar-category[b-kcmppiir3v],
    .osirion-sidebar-tag[b-kcmppiir3v],
    .osirion-related-content-item[b-kcmppiir3v],
    .osirion-related-image[b-kcmppiir3v],
    .osirion-related-title a[b-kcmppiir3v] {
        transition: none;
        animation: none;
    }

        .osirion-related-content-item:hover[b-kcmppiir3v],
        .osirion-sidebar-category:hover[b-kcmppiir3v],
        .osirion-sidebar-tag:hover[b-kcmppiir3v] {
            transform: none;
        }

            .osirion-related-content-item:hover .osirion-related-image[b-kcmppiir3v] {
                transform: none;
            }
}

/* Print styles */
@media print {
    .osirion-article-page[b-kcmppiir3v] {
        background-color: white;
        color: black;
        padding: 0;
    }

    .osirion-article-main[b-kcmppiir3v],
    .osirion-article-sidebar[b-kcmppiir3v],
    .osirion-related-content-item[b-kcmppiir3v] {
        background-color: white;
        border-color: #ccc;
        box-shadow: none;
        backdrop-filter: none;
    }

    .osirion-article-sidebar[b-kcmppiir3v],
    .osirion-loading[b-kcmppiir3v],
    .osirion-not-found[b-kcmppiir3v] {
        display: none;
    }

    .osirion-article-with-sidebar .osirion-article-layout[b-kcmppiir3v] {
        grid-template-columns: 1fr;
    }
}

.osirion-article-author[b-kcmppiir3v],
.osirion-article-footer[b-kcmppiir3v] {
    margin-top: var(--osirion-spacing-8, 2rem);
}
/* _content/Osirion.Blazor.Cms.Web/Components/PageLevel/ContactPage.razor.rz.scp.css */
/* ContactPage - Osirion.Blazor.Cms.Web */

.osirion-contact-page[b-6wy4uxsq89] {
    padding-bottom: var(--osirion-spacing-12, 3rem);
}

/* The same readable width as OsirionPageHeading */
.osirion-contact-page-body[b-6wy4uxsq89],
.osirion-contact-page-form[b-6wy4uxsq89],
.osirion-contact-page-more[b-6wy4uxsq89] {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 var(--osirion-spacing-4, 1rem);
    max-width: var(--osirion-container-lg, 960px);
}

.osirion-contact-page-body[b-6wy4uxsq89] {
    margin-bottom: var(--osirion-spacing-8, 2rem);
}

.osirion-contact-page-more[b-6wy4uxsq89] {
    margin-top: var(--osirion-spacing-10, 2.5rem);
}
/* _content/Osirion.Blazor.Cms.Web/Components/PageLevel/ContentListPage.razor.rz.scp.css */
/* ContentListPage - Osirion.Blazor.Cms.Web */

.osirion-content-list-page[b-zfodgd8f4i] {
    box-sizing: border-box;
    display: grid;
    gap: var(--osirion-spacing-8, 2rem);
    margin: 0 auto;
    padding: 0 var(--osirion-spacing-4, 1rem);
    max-width: var(--osirion-container-xxl, 1320px);
}

.osirion-content-list-page-main[b-zfodgd8f4i] {
    min-width: 0;
}

.osirion-content-list-page-feed[b-zfodgd8f4i] {
    margin: var(--osirion-spacing-4, 1rem) 0 0;
    font-size: var(--osirion-font-size-sm, 0.875rem);
}

.osirion-content-list-page-feed a[b-zfodgd8f4i] {
    color: var(--osirion-link-color, var(--osirion-action-primary, #2563eb));
}

.osirion-content-list-page-sidebar[b-zfodgd8f4i] {
    display: flex;
    flex-direction: column;
    gap: var(--osirion-spacing-6, 1.5rem);
    min-width: 0;
}

@media (min-width: 992px) {
    .osirion-content-list-page-with-sidebar[b-zfodgd8f4i] {
        grid-template-columns: minmax(0, 1fr) 16rem;
        align-items: start;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/PageLevel/DocumentPage.razor.rz.scp.css */
/* DocumentPage Component - Osirion.Blazor.Cms.Web */

.osirion-document-page[b-o2ds3yjmbw] {
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
    background-color: var(--osirion-background-primary, #ffffff);
    min-height: 100vh;
}

/* Loading and error states */
.osirion-loading[b-o2ds3yjmbw],
.osirion-not-found[b-o2ds3yjmbw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
    color: var(--osirion-text-secondary, #6b7280);
    padding: var(--osirion-spacing-8, 2rem);
}

.osirion-spinner[b-o2ds3yjmbw] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--osirion-background-tertiary, #f3f4f6);
    border-top-color: var(--osirion-action-primary, #2563eb);
    border-radius: 50%;
    animation: osirion-spin-b-o2ds3yjmbw 0.8s linear infinite;
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

@keyframes osirion-spin-b-o2ds3yjmbw {
    to {
        transform: rotate(360deg);
    }
}

.osirion-not-found h2[b-o2ds3yjmbw] {
    font-size: var(--osirion-font-size-2xl, 1.5rem);
    font-weight: var(--osirion-font-weight-bold, 700);
    color: var(--osirion-text-primary, #374151);
    margin: 0 0 var(--osirion-spacing-4, 1rem);
}

.osirion-not-found p[b-o2ds3yjmbw] {
    margin: 0 0 var(--osirion-spacing-6, 1.5rem);
    font-size: var(--osirion-font-size-lg, 1.125rem);
}

.osirion-back-link[b-o2ds3yjmbw] {
    display: inline-flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    color: var(--osirion-action-primary, #2563eb);
    text-decoration: none;
    font-weight: var(--osirion-font-weight-semibold, 600);
    padding: var(--osirion-spacing-3, 0.75rem) var(--osirion-spacing-6, 1.5rem);
    border-radius: var(--osirion-radius-md, 0.375rem);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-back-link:hover[b-o2ds3yjmbw] {
        background-color: var(--osirion-background-hover, #e5e7eb);
        text-decoration: underline;
    }

/* Document layout */
.osirion-document-layout[b-o2ds3yjmbw] {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 100vh;
}

.osirion-document-with-sidenav .osirion-document-layout[b-o2ds3yjmbw] {
    grid-template-columns: 280px 1fr;
}

/* Side navigation */
.osirion-document-sidenav[b-o2ds3yjmbw] {
    background-color: var(--osirion-background-secondary, #f9fafb);
    border-right: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    padding: var(--osirion-spacing-6, 1.5rem);
    overflow-y: auto;
    position: sticky;
    top: 0;
    height: 100vh;
}

.osirion-sidenav-title[b-o2ds3yjmbw] {
    font-size: var(--osirion-font-size-lg, 1.125rem);
    font-weight: var(--osirion-font-weight-bold, 700);
    color: var(--osirion-text-primary, #374151);
    margin: 0 0 var(--osirion-spacing-4, 1rem);
    padding-bottom: var(--osirion-spacing-3, 0.75rem);
    border-bottom: 2px solid var(--osirion-action-primary, #2563eb);
}

.osirion-sidenav-list[b-o2ds3yjmbw] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.osirion-sidenav-sublist[b-o2ds3yjmbw] {
    list-style: none;
    padding: 0 0 0 var(--osirion-spacing-4, 1rem);
    margin: var(--osirion-spacing-2, 0.5rem) 0;
}

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

.osirion-sidenav-link[b-o2ds3yjmbw] {
    display: block;
    color: var(--osirion-text-secondary, #6b7280);
    text-decoration: none;
    padding: var(--osirion-spacing-2, 0.5rem) var(--osirion-spacing-3, 0.75rem);
    border-radius: var(--osirion-radius-md, 0.375rem);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
    font-size: var(--osirion-font-size-sm, 0.875rem);
    border-left: 3px solid transparent;
}

    .osirion-sidenav-link:hover[b-o2ds3yjmbw] {
        color: var(--osirion-text-primary, #374151);
        background-color: var(--osirion-background-hover, #f3f4f6);
        border-left-color: var(--osirion-action-primary, #2563eb);
    }

    .osirion-sidenav-link.osirion-sidenav-active[b-o2ds3yjmbw] {
        color: var(--osirion-action-primary, #2563eb);
        background-color: var(--osirion-background-active, #e0f2fe);
        border-left-color: var(--osirion-action-primary, #2563eb);
        font-weight: var(--osirion-font-weight-semibold, 600);
    }

/* Main content */
.osirion-document-main[b-o2ds3yjmbw] {
    padding: var(--osirion-spacing-6, 1.5rem) var(--osirion-spacing-8, 2rem);
    max-width: var(--osirion-width-4xl, 56rem);
    margin: 0 auto;
    width: 100%;
}

/* Document content */
.osirion-document-content[b-o2ds3yjmbw] {
    line-height: var(--osirion-line-height-relaxed, 1.7);
}

.osirion-document-header[b-o2ds3yjmbw] {
    margin-bottom: var(--osirion-spacing-8, 2rem);
    padding-bottom: var(--osirion-spacing-6, 1.5rem);
    border-bottom: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
}

.osirion-document-title[b-o2ds3yjmbw] {
    font-size: var(--osirion-font-size-4xl, 2.25rem);
    font-weight: var(--osirion-font-weight-bold, 700);
    color: var(--osirion-text-primary, #111827);
    margin: 0 0 var(--osirion-spacing-4, 1rem);
    line-height: var(--osirion-line-height-tight, 1.25);
}

.osirion-document-meta[b-o2ds3yjmbw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-4, 1rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-secondary, #6b7280);
}

.osirion-document-author[b-o2ds3yjmbw],
.osirion-document-date[b-o2ds3yjmbw] {
    display: flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
}

.osirion-meta-icon[b-o2ds3yjmbw] {
    flex-shrink: 0;
    opacity: 0.8;
}

/* Table of contents */
.osirion-document-toc[b-o2ds3yjmbw] {
    background-color: var(--osirion-background-secondary, #f9fafb);
    border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    padding: var(--osirion-spacing-4, 1rem);
    margin-bottom: var(--osirion-spacing-8, 2rem);
}

.osirion-toc-title[b-o2ds3yjmbw] {
    font-size: var(--osirion-font-size-base, 1rem);
    font-weight: var(--osirion-font-weight-semibold, 600);
    color: var(--osirion-text-primary, #374151);
    margin: 0 0 var(--osirion-spacing-3, 0.75rem);
}

/* Document body */
.osirion-document-body[b-o2ds3yjmbw] {
    color: var(--osirion-text-primary, #374151);
    line-height: var(--osirion-line-height-relaxed, 1.7);
}

    .osirion-document-body h1[b-o2ds3yjmbw],
    .osirion-document-body h2[b-o2ds3yjmbw],
    .osirion-document-body h3[b-o2ds3yjmbw],
    .osirion-document-body h4[b-o2ds3yjmbw],
    .osirion-document-body h5[b-o2ds3yjmbw],
    .osirion-document-body h6[b-o2ds3yjmbw] {
        margin-top: var(--osirion-spacing-8, 2rem);
        margin-bottom: var(--osirion-spacing-4, 1rem);
        color: var(--osirion-text-primary, #111827);
        font-weight: var(--osirion-font-weight-bold, 700);
        line-height: var(--osirion-line-height-tight, 1.25);
        scroll-margin-top: var(--osirion-spacing-6, 1.5rem);
    }

    .osirion-document-body h1[b-o2ds3yjmbw] {
        font-size: var(--osirion-font-size-3xl, 1.875rem);
        border-bottom: 2px solid var(--osirion-border-color, #e5e7eb);
        padding-bottom: var(--osirion-spacing-3, 0.75rem);
    }

    .osirion-document-body h2[b-o2ds3yjmbw] {
        font-size: var(--osirion-font-size-2xl, 1.5rem);
        border-bottom: 1px solid var(--osirion-border-color, #e5e7eb);
        padding-bottom: var(--osirion-spacing-2, 0.5rem);
    }

    .osirion-document-body h3[b-o2ds3yjmbw] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
    }

    .osirion-document-body h4[b-o2ds3yjmbw] {
        font-size: var(--osirion-font-size-lg, 1.125rem);
    }

    .osirion-document-body h5[b-o2ds3yjmbw],
    .osirion-document-body h6[b-o2ds3yjmbw] {
        font-size: var(--osirion-font-size-base, 1rem);
    }

    .osirion-document-body p[b-o2ds3yjmbw] {
        margin: 0 0 var(--osirion-spacing-4, 1rem);
    }

    .osirion-document-body ul[b-o2ds3yjmbw],
    .osirion-document-body ol[b-o2ds3yjmbw] {
        margin: 0 0 var(--osirion-spacing-4, 1rem);
        padding-left: var(--osirion-spacing-6, 1.5rem);
    }

    .osirion-document-body li[b-o2ds3yjmbw] {
        margin-bottom: var(--osirion-spacing-2, 0.5rem);
    }

    .osirion-document-body a[b-o2ds3yjmbw] {
        color: var(--osirion-action-primary, #2563eb);
        text-decoration: none;
        transition: color var(--osirion-transition-duration-200, 0.2s) ease;
    }

        .osirion-document-body a:hover[b-o2ds3yjmbw] {
            color: var(--osirion-action-primary-hover, #1d4ed8);
            text-decoration: underline;
        }

    .osirion-document-body img[b-o2ds3yjmbw] {
        max-width: 100%;
        height: auto;
        border-radius: var(--osirion-radius-md, 0.375rem);
        margin: var(--osirion-spacing-4, 1rem) 0;
        border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    }

    .osirion-document-body blockquote[b-o2ds3yjmbw] {
        border-left: 4px solid var(--osirion-action-primary, #2563eb);
        padding: var(--osirion-spacing-4, 1rem) var(--osirion-spacing-6, 1.5rem);
        margin: var(--osirion-spacing-6, 1.5rem) 0;
        background-color: var(--osirion-background-secondary, #f9fafb);
        border-radius: 0 var(--osirion-radius-md, 0.375rem) var(--osirion-radius-md, 0.375rem) 0;
        font-style: italic;
        color: var(--osirion-text-secondary, #4b5563);
    }

        .osirion-document-body blockquote p:last-child[b-o2ds3yjmbw] {
            margin-bottom: 0;
        }

    .osirion-document-body pre[b-o2ds3yjmbw] {
        background-color: var(--osirion-background-secondary, #f3f4f6);
        padding: var(--osirion-spacing-4, 1rem);
        border-radius: var(--osirion-radius-md, 0.375rem);
        overflow-x: auto;
        margin: var(--osirion-spacing-6, 1.5rem) 0;
        font-family: var(--osirion-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
        font-size: var(--osirion-font-size-sm, 0.875rem);
        line-height: var(--osirion-line-height-normal, 1.5);
        border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    }

    .osirion-document-body code[b-o2ds3yjmbw] {
        background-color: var(--osirion-background-secondary, #f3f4f6);
        padding: 0.125rem 0.25rem;
        border-radius: var(--osirion-radius-sm, 0.125rem);
        font-family: var(--osirion-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
        font-size: 0.9em;
    }

    .osirion-document-body pre code[b-o2ds3yjmbw] {
        background-color: transparent;
        padding: 0;
    }

    .osirion-document-body table[b-o2ds3yjmbw] {
        width: 100%;
        border-collapse: collapse;
        margin: var(--osirion-spacing-6, 1.5rem) 0;
        border: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
        border-radius: var(--osirion-radius-md, 0.375rem);
        overflow: hidden;
    }

    .osirion-document-body th[b-o2ds3yjmbw],
    .osirion-document-body td[b-o2ds3yjmbw] {
        padding: var(--osirion-spacing-3, 0.75rem);
        text-align: left;
        border-bottom: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
    }

    .osirion-document-body th[b-o2ds3yjmbw] {
        background-color: var(--osirion-background-secondary, #f9fafb);
        font-weight: var(--osirion-font-weight-semibold, 600);
        color: var(--osirion-text-primary, #374151);
    }

    .osirion-document-body tr:last-child td[b-o2ds3yjmbw] {
        border-bottom: none;
    }

/* Document pagination */
.osirion-document-pagination[b-o2ds3yjmbw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--osirion-spacing-4, 1rem);
    margin-top: var(--osirion-spacing-12, 3rem);
    padding-top: var(--osirion-spacing-8, 2rem);
    border-top: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
}

.osirion-doc-nav-previous[b-o2ds3yjmbw],
.osirion-doc-nav-next[b-o2ds3yjmbw] {
    display: flex;
    align-items: center;
    gap: var(--osirion-spacing-3, 0.75rem);
    padding: var(--osirion-spacing-4, 1rem);
    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);
    text-decoration: none;
    color: var(--osirion-text-primary, #374151);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-doc-nav-previous:hover[b-o2ds3yjmbw],
    .osirion-doc-nav-next:hover[b-o2ds3yjmbw] {
        background-color: var(--osirion-background-secondary, #f9fafb);
        border-color: var(--osirion-action-primary, #2563eb);
        transform: translateY(-2px);
        box-shadow: var(--osirion-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
    }

.osirion-doc-nav-previous[b-o2ds3yjmbw] {
    justify-content: flex-start;
}

.osirion-doc-nav-next[b-o2ds3yjmbw] {
    justify-content: flex-end;
    grid-column: 2;
}

.osirion-doc-nav-text[b-o2ds3yjmbw] {
    display: flex;
    flex-direction: column;
    gap: var(--osirion-spacing-1, 0.25rem);
}

.osirion-doc-nav-label[b-o2ds3yjmbw] {
    font-size: var(--osirion-font-size-xs, 0.75rem);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--osirion-text-secondary, #6b7280);
    font-weight: var(--osirion-font-weight-semibold, 600);
}

.osirion-doc-nav-title[b-o2ds3yjmbw] {
    font-size: var(--osirion-font-size-sm, 0.875rem);
    font-weight: var(--osirion-font-weight-semibold, 600);
    color: var(--osirion-text-primary, #374151);
}

/* Responsive design */
@media (max-width: 1024px) {
    .osirion-document-with-sidenav .osirion-document-layout[b-o2ds3yjmbw] {
        grid-template-columns: 240px 1fr;
    }

    .osirion-document-sidenav[b-o2ds3yjmbw] {
        padding: var(--osirion-spacing-4, 1rem);
    }

    .osirion-document-main[b-o2ds3yjmbw] {
        padding: var(--osirion-spacing-4, 1rem) var(--osirion-spacing-6, 1.5rem);
    }
}

@media (max-width: 768px) {
    .osirion-document-with-sidenav .osirion-document-layout[b-o2ds3yjmbw] {
        grid-template-columns: 1fr;
    }

    .osirion-document-sidenav[b-o2ds3yjmbw] {
        position: static;
        height: auto;
        border-right: none;
        border-bottom: var(--osirion-border-width, 1px) solid var(--osirion-border-color, #e5e7eb);
        padding: var(--osirion-spacing-4, 1rem);
    }

    .osirion-document-main[b-o2ds3yjmbw] {
        padding: var(--osirion-spacing-4, 1rem);
    }

    .osirion-document-title[b-o2ds3yjmbw] {
        font-size: var(--osirion-font-size-2xl, 1.5rem);
    }

    .osirion-document-pagination[b-o2ds3yjmbw] {
        grid-template-columns: 1fr;
        gap: var(--osirion-spacing-3, 0.75rem);
    }

    .osirion-doc-nav-next[b-o2ds3yjmbw] {
        grid-column: 1;
    }

    .osirion-document-meta[b-o2ds3yjmbw] {
        flex-direction: column;
        gap: var(--osirion-spacing-2, 0.5rem);
    }
}

@media (max-width: 640px) {
    .osirion-document-body h1[b-o2ds3yjmbw] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
    }

    .osirion-document-body h2[b-o2ds3yjmbw] {
        font-size: var(--osirion-font-size-lg, 1.125rem);
    }

    .osirion-document-body h3[b-o2ds3yjmbw] {
        font-size: var(--osirion-font-size-base, 1rem);
    }

    .osirion-document-body pre[b-o2ds3yjmbw] {
        padding: var(--osirion-spacing-3, 0.75rem);
        font-size: var(--osirion-font-size-xs, 0.75rem);
    }

    .osirion-document-toc[b-o2ds3yjmbw] {
        padding: var(--osirion-spacing-3, 0.75rem);
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-spinner[b-o2ds3yjmbw],
    .osirion-back-link[b-o2ds3yjmbw],
    .osirion-sidenav-link[b-o2ds3yjmbw],
    .osirion-doc-nav-previous[b-o2ds3yjmbw],
    .osirion-doc-nav-next[b-o2ds3yjmbw],
    .osirion-document-body a[b-o2ds3yjmbw] {
        transition: none;
        animation: none;
    }

        .osirion-doc-nav-previous:hover[b-o2ds3yjmbw],
        .osirion-doc-nav-next:hover[b-o2ds3yjmbw] {
            transform: none;
        }
}

/* Print styles */
@media print {
    .osirion-document-page[b-o2ds3yjmbw] {
        background-color: white;
        color: black;
    }

    .osirion-document-sidenav[b-o2ds3yjmbw],
    .osirion-document-toc[b-o2ds3yjmbw],
    .osirion-document-pagination[b-o2ds3yjmbw],
    .osirion-loading[b-o2ds3yjmbw],
    .osirion-not-found[b-o2ds3yjmbw] {
        display: none;
    }

    .osirion-document-with-sidenav .osirion-document-layout[b-o2ds3yjmbw] {
        grid-template-columns: 1fr;
    }

    .osirion-document-main[b-o2ds3yjmbw] {
        padding: 0;
        max-width: none;
    }

    .osirion-document-body a[b-o2ds3yjmbw] {
        text-decoration: underline;
        color: inherit;
    }

    .osirion-document-body img[b-o2ds3yjmbw] {
        border: 1px solid #ccc;
    }

    .osirion-document-body pre[b-o2ds3yjmbw],
    .osirion-document-body blockquote[b-o2ds3yjmbw] {
        border: 1px solid #ccc;
        background-color: transparent;
    }
}

.osirion-document-edit[b-o2ds3yjmbw] {
    margin: var(--osirion-spacing-8, 2rem) 0 0;
    font-size: var(--osirion-font-size-sm, 0.875rem);
}
/* _content/Osirion.Blazor.Cms.Web/Components/PageLevel/HomePage.razor.rz.scp.css */
/* HomePage Component - Osirion.Blazor.Cms.Web */

.osirion-homepage[b-9l2emytkod] {
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
    background-color: var(--osirion-background-primary, #ffffff);
    min-height: 100vh;
}

/* Loading and error states */
.osirion-loading[b-9l2emytkod],
.osirion-not-found[b-9l2emytkod] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
    color: var(--osirion-text-secondary, #6b7280);
}

.osirion-spinner[b-9l2emytkod] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--osirion-background-tertiary, #f3f4f6);
    border-top-color: var(--osirion-action-primary, #2563eb);
    border-radius: 50%;
    animation: osirion-spin-b-9l2emytkod 0.8s linear infinite;
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

@keyframes osirion-spin-b-9l2emytkod {
    to {
        transform: rotate(360deg);
    }
}

/* Homepage content section */
.osirion-homepage-content[b-9l2emytkod] {
    max-width: var(--osirion-container-xxl, 1320px);
    margin: 0 auto;
    padding: var(--osirion-spacing-8, 2rem) var(--osirion-spacing-4, 1rem);
    line-height: var(--osirion-line-height-relaxed, 1.7);
}

    .osirion-homepage-content h1[b-9l2emytkod] {
        font-size: var(--osirion-font-size-4xl, 2.25rem);
        font-weight: var(--osirion-font-weight-bold, 700);
        color: var(--osirion-text-primary, #111827);
        margin-bottom: var(--osirion-spacing-6, 1.5rem);
        line-height: var(--osirion-line-height-tight, 1.25);
    }

    .osirion-homepage-content h2[b-9l2emytkod] {
        font-size: var(--osirion-font-size-2xl, 1.5rem);
        font-weight: var(--osirion-font-weight-semibold, 600);
        color: var(--osirion-text-primary, #374151);
        margin: var(--osirion-spacing-8, 2rem) 0 var(--osirion-spacing-4, 1rem);
    }

    .osirion-homepage-content h3[b-9l2emytkod] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
        font-weight: var(--osirion-font-weight-semibold, 600);
        color: var(--osirion-text-primary, #374151);
        margin: var(--osirion-spacing-6, 1.5rem) 0 var(--osirion-spacing-3, 0.75rem);
    }

    .osirion-homepage-content p[b-9l2emytkod] {
        margin-bottom: var(--osirion-spacing-4, 1rem);
        color: var(--osirion-text-primary, #374151);
    }

    .osirion-homepage-content a[b-9l2emytkod] {
        color: var(--osirion-action-primary, #2563eb);
        text-decoration: none;
        transition: color var(--osirion-transition-duration-200, 0.2s) ease;
    }

        .osirion-homepage-content a:hover[b-9l2emytkod] {
            color: var(--osirion-action-primary-hover, #1d4ed8);
            text-decoration: underline;
        }

/* Browse content section */
.osirion-homepage-browse[b-9l2emytkod] {
    background-color: var(--osirion-background-secondary, #f9fafb);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    margin-top: var(--osirion-spacing-8, 2rem);
}

.osirion-browse-content[b-9l2emytkod] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--osirion-spacing-8, 2rem);
}

.osirion-browse-section h3[b-9l2emytkod] {
    font-size: var(--osirion-font-size-lg, 1.125rem);
    font-weight: var(--osirion-font-weight-semibold, 600);
    color: var(--osirion-text-primary, #374151);
    margin-bottom: var(--osirion-spacing-4, 1rem);
    border-bottom: 2px solid var(--osirion-action-primary, #2563eb);
    padding-bottom: var(--osirion-spacing-2, 0.5rem);
    display: inline-block;
}

/* Custom content section */
.osirion-homepage-custom[b-9l2emytkod] {
    margin-top: var(--osirion-spacing-8, 2rem);
    padding: var(--osirion-spacing-6, 1.5rem);
    background-color: var(--osirion-background-secondary, #f9fafb);
    border-radius: var(--osirion-radius-lg, 0.5rem);
    border-left: 4px solid var(--osirion-action-primary, #2563eb);
}

/* Additional content section */
.osirion-homepage-additional[b-9l2emytkod] {
    margin-top: var(--osirion-spacing-8, 2rem);
}

/* Responsive design */
@media (max-width: 1024px) {
    .osirion-homepage-content h1[b-9l2emytkod] {
        font-size: var(--osirion-font-size-3xl, 1.875rem);
    }

    .osirion-browse-content[b-9l2emytkod] {
        grid-template-columns: 1fr;
        gap: var(--osirion-spacing-6, 1.5rem);
    }
}

@media (max-width: 768px) {
    .osirion-homepage-content[b-9l2emytkod] {
        padding: var(--osirion-spacing-6, 1.5rem) var(--osirion-spacing-4, 1rem);
    }

        .osirion-homepage-content h1[b-9l2emytkod] {
            font-size: var(--osirion-font-size-2xl, 1.5rem);
        }

        .osirion-homepage-content h2[b-9l2emytkod] {
            font-size: var(--osirion-font-size-xl, 1.25rem);
        }

    .osirion-homepage-custom[b-9l2emytkod],
    .osirion-homepage-additional[b-9l2emytkod] {
        margin-top: var(--osirion-spacing-6, 1.5rem);
        padding: var(--osirion-spacing-4, 1rem);
    }
}

@media (max-width: 640px) {
    .osirion-homepage-content h1[b-9l2emytkod] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
    }

    .osirion-browse-section h3[b-9l2emytkod] {
        font-size: var(--osirion-font-size-base, 1rem);
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-spinner[b-9l2emytkod] {
        animation: none;
    }

    .osirion-homepage-content a[b-9l2emytkod] {
        transition: none;
    }
}

/* Print styles */
@media print {
    .osirion-homepage[b-9l2emytkod] {
        background-color: white;
        color: black;
    }

    .osirion-homepage-browse[b-9l2emytkod],
    .osirion-homepage-custom[b-9l2emytkod] {
        background-color: transparent;
        border: 1px solid #ccc;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/PageLevel/LandingPage.razor.rz.scp.css */
/* LandingPage Component - Osirion.Blazor.Cms.Web */

.osirion-landing-page[b-ky1y59fcj9] {
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
    background-color: var(--osirion-background-primary, #ffffff);
    min-height: 100vh;
}

/* Loading and error states */
.osirion-loading[b-ky1y59fcj9],
.osirion-not-found[b-ky1y59fcj9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
    color: var(--osirion-text-secondary, #6b7280);
}

.osirion-spinner[b-ky1y59fcj9] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--osirion-background-tertiary, #f3f4f6);
    border-top-color: var(--osirion-action-primary, #2563eb);
    border-radius: 50%;
    animation: osirion-spin-b-ky1y59fcj9 0.8s linear infinite;
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

@keyframes osirion-spin-b-ky1y59fcj9 {
    to {
        transform: rotate(360deg);
    }
}

/* Landing page specific styling */
.osirion-landing-page .osirion-content-section[b-ky1y59fcj9] {
    margin-bottom: var(--osirion-spacing-8, 2rem);
}

    .osirion-landing-page .osirion-content-section:last-child[b-ky1y59fcj9] {
        margin-bottom: 0;
    }

/* Hero section overrides for landing pages */
.osirion-landing-page .osirion-hero-section[b-ky1y59fcj9] {
    margin-bottom: var(--osirion-spacing-12, 3rem);
}

/* Responsive design */
@media (max-width: 768px) {
    .osirion-landing-page .osirion-hero-section[b-ky1y59fcj9] {
        margin-bottom: var(--osirion-spacing-8, 2rem);
    }

    .osirion-landing-page .osirion-content-section[b-ky1y59fcj9] {
        margin-bottom: var(--osirion-spacing-6, 1.5rem);
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-spinner[b-ky1y59fcj9] {
        animation: none;
    }
}

/* Print styles */
@media print {
    .osirion-landing-page[b-ky1y59fcj9] {
        background-color: white;
        color: black;
    }

    .osirion-loading[b-ky1y59fcj9],
    .osirion-not-found[b-ky1y59fcj9] {
        display: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/PageLevel/NotFoundPage.razor.rz.scp.css */
/* NotFoundPage - Osirion.Blazor.Cms.Web */

.osirion-not-found-page[b-p7xunmcjtn] {
    padding: var(--osirion-spacing-8, 2rem) var(--osirion-spacing-4, 1rem);
}
/* _content/Osirion.Blazor.Cms.Web/Components/Sections/ContentSection.razor.rz.scp.css */
/* ContentSection Component - Osirion.Blazor.Cms.Web */

.osirion-content-section[b-dt5f4pc64e] {
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: var(--osirion-text-primary, #374151);
}

.osirion-content-section-container[b-dt5f4pc64e] {
    width: 100%;
    margin: 0 auto;
}

/* Width variants */
.osirion-section-width-narrow .osirion-content-section-container[b-dt5f4pc64e] {
    max-width: var(--osirion-width-2xl, 42rem);
}

.osirion-section-width-normal .osirion-content-section-container[b-dt5f4pc64e] {
    max-width: var(--osirion-width-4xl, 56rem);
}

.osirion-section-width-wide .osirion-content-section-container[b-dt5f4pc64e] {
    max-width: var(--osirion-width-6xl, 72rem);
}

.osirion-section-width-full .osirion-content-section-container[b-dt5f4pc64e] {
    max-width: none;
}

/* Padding variants */
.osirion-section-padding-none[b-dt5f4pc64e] {
    padding: 0;
}

.osirion-section-padding-small[b-dt5f4pc64e] {
    padding: var(--osirion-spacing-4, 1rem) var(--osirion-spacing-4, 1rem);
}

.osirion-section-padding-normal[b-dt5f4pc64e] {
    padding: var(--osirion-spacing-8, 2rem) var(--osirion-spacing-4, 1rem);
}

.osirion-section-padding-large[b-dt5f4pc64e] {
    padding: var(--osirion-spacing-12, 3rem) var(--osirion-spacing-4, 1rem);
}

/* Text alignment variants */
.osirion-section-align-left[b-dt5f4pc64e] {
    text-align: left;
}

.osirion-section-align-center[b-dt5f4pc64e] {
    text-align: center;
}

.osirion-section-align-right[b-dt5f4pc64e] {
    text-align: right;
}

/* Section variants */
.osirion-section-variant-default[b-dt5f4pc64e] {
    background-color: transparent;
}

.osirion-section-variant-highlight[b-dt5f4pc64e] {
    background-color: var(--osirion-background-secondary, #f9fafb);
    border-radius: var(--osirion-radius-lg, 0.5rem);
}

.osirion-section-variant-bordered[b-dt5f4pc64e] {
    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);
}

.osirion-section-variant-background[b-dt5f4pc64e] {
    background-color: var(--osirion-background-secondary, #f9fafb);
}

/* Header styling */
.osirion-content-section-header[b-dt5f4pc64e] {
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
}

.osirion-content-section-title[b-dt5f4pc64e] {
    font-size: var(--osirion-font-size-2xl, 1.5rem);
    font-weight: var(--osirion-font-weight-bold, 700);
    color: var(--osirion-text-primary, #111827);
    margin: 0 0 var(--osirion-spacing-3, 0.75rem);
    line-height: var(--osirion-line-height-tight, 1.25);
}

.osirion-content-section-subtitle[b-dt5f4pc64e] {
    font-size: var(--osirion-font-size-lg, 1.125rem);
    color: var(--osirion-text-secondary, #6b7280);
    margin: 0;
    line-height: var(--osirion-line-height-normal, 1.5);
}

/* Body styling */
.osirion-content-section-body[b-dt5f4pc64e] {
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
}

.osirion-content-section-content[b-dt5f4pc64e] {
    line-height: var(--osirion-line-height-relaxed, 1.7);
    margin-bottom: var(--osirion-spacing-6, 1.5rem);
}

    .osirion-content-section-content h1[b-dt5f4pc64e] {
        font-size: var(--osirion-font-size-3xl, 1.875rem);
        font-weight: var(--osirion-font-weight-bold, 700);
        color: var(--osirion-text-primary, #111827);
        margin: 0 0 var(--osirion-spacing-4, 1rem);
        line-height: var(--osirion-line-height-tight, 1.25);
    }

    .osirion-content-section-content h2[b-dt5f4pc64e] {
        font-size: var(--osirion-font-size-2xl, 1.5rem);
        font-weight: var(--osirion-font-weight-semibold, 600);
        color: var(--osirion-text-primary, #374151);
        margin: var(--osirion-spacing-6, 1.5rem) 0 var(--osirion-spacing-3, 0.75rem);
        line-height: var(--osirion-line-height-tight, 1.25);
    }

    .osirion-content-section-content h3[b-dt5f4pc64e] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
        font-weight: var(--osirion-font-weight-semibold, 600);
        color: var(--osirion-text-primary, #374151);
        margin: var(--osirion-spacing-5, 1.25rem) 0 var(--osirion-spacing-2, 0.5rem);
        line-height: var(--osirion-line-height-tight, 1.25);
    }

    .osirion-content-section-content p[b-dt5f4pc64e] {
        margin: 0 0 var(--osirion-spacing-4, 1rem);
        color: var(--osirion-text-primary, #374151);
    }

    .osirion-content-section-content ul[b-dt5f4pc64e],
    .osirion-content-section-content ol[b-dt5f4pc64e] {
        margin: 0 0 var(--osirion-spacing-4, 1rem);
        padding-left: var(--osirion-spacing-6, 1.5rem);
    }

    .osirion-content-section-content li[b-dt5f4pc64e] {
        margin-bottom: var(--osirion-spacing-2, 0.5rem);
        color: var(--osirion-text-primary, #374151);
    }

    .osirion-content-section-content a[b-dt5f4pc64e] {
        color: var(--osirion-action-primary, #2563eb);
        text-decoration: none;
        transition: color var(--osirion-transition-duration-200, 0.2s) ease;
    }

        .osirion-content-section-content a:hover[b-dt5f4pc64e] {
            color: var(--osirion-action-primary-hover, #1d4ed8);
            text-decoration: underline;
        }

    .osirion-content-section-content img[b-dt5f4pc64e] {
        max-width: 100%;
        height: auto;
        border-radius: var(--osirion-radius-md, 0.375rem);
        margin: var(--osirion-spacing-4, 1rem) 0;
    }

    .osirion-content-section-content blockquote[b-dt5f4pc64e] {
        border-left: 4px solid var(--osirion-action-primary, #2563eb);
        padding: var(--osirion-spacing-4, 1rem) var(--osirion-spacing-6, 1.5rem);
        margin: var(--osirion-spacing-6, 1.5rem) 0;
        background-color: var(--osirion-background-secondary, #f9fafb);
        border-radius: 0 var(--osirion-radius-md, 0.375rem) var(--osirion-radius-md, 0.375rem) 0;
        font-style: italic;
        color: var(--osirion-text-secondary, #4b5563);
    }

        .osirion-content-section-content blockquote p:last-child[b-dt5f4pc64e] {
            margin-bottom: 0;
        }

    .osirion-content-section-content pre[b-dt5f4pc64e] {
        background-color: var(--osirion-background-secondary, #f3f4f6);
        padding: var(--osirion-spacing-4, 1rem);
        border-radius: var(--osirion-radius-md, 0.375rem);
        overflow-x: auto;
        margin: var(--osirion-spacing-4, 1rem) 0;
        font-family: var(--osirion-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
        font-size: var(--osirion-font-size-sm, 0.875rem);
        line-height: var(--osirion-line-height-normal, 1.5);
    }

    .osirion-content-section-content code[b-dt5f4pc64e] {
        background-color: var(--osirion-background-secondary, #f3f4f6);
        padding: 0.125rem 0.25rem;
        border-radius: var(--osirion-radius-sm, 0.125rem);
        font-family: var(--osirion-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
        font-size: 0.9em;
    }

    .osirion-content-section-content pre code[b-dt5f4pc64e] {
        background-color: transparent;
        padding: 0;
    }

.osirion-content-section-children[b-dt5f4pc64e] {
    margin-top: var(--osirion-spacing-4, 1rem);
}

/* Footer styling */
.osirion-content-section-footer[b-dt5f4pc64e] {
    margin-top: var(--osirion-spacing-6, 1.5rem);
    padding-top: var(--osirion-spacing-4, 1rem);
}

.osirion-content-section-action[b-dt5f4pc64e] {
    display: inline-flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    color: var(--osirion-action-primary, #2563eb);
    text-decoration: none;
    font-weight: var(--osirion-font-weight-semibold, 600);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-content-section-action:hover[b-dt5f4pc64e] {
        color: var(--osirion-action-primary-hover, #1d4ed8);
        text-decoration: underline;
    }

    .osirion-content-section-action svg[b-dt5f4pc64e] {
        transition: transform var(--osirion-transition-duration-200, 0.2s) ease;
    }

    .osirion-content-section-action:hover svg[b-dt5f4pc64e] {
        transform: translateX(3px);
    }

/* Responsive design */
@media (max-width: 768px) {
    .osirion-section-padding-normal[b-dt5f4pc64e] {
        padding: var(--osirion-spacing-6, 1.5rem) var(--osirion-spacing-4, 1rem);
    }

    .osirion-section-padding-large[b-dt5f4pc64e] {
        padding: var(--osirion-spacing-8, 2rem) var(--osirion-spacing-4, 1rem);
    }

    .osirion-content-section-title[b-dt5f4pc64e] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
    }

    .osirion-content-section-subtitle[b-dt5f4pc64e] {
        font-size: var(--osirion-font-size-base, 1rem);
    }

    .osirion-content-section-content h1[b-dt5f4pc64e] {
        font-size: var(--osirion-font-size-2xl, 1.5rem);
    }

    .osirion-content-section-content h2[b-dt5f4pc64e] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
    }

    .osirion-content-section-content h3[b-dt5f4pc64e] {
        font-size: var(--osirion-font-size-lg, 1.125rem);
    }
}

@media (max-width: 640px) {
    .osirion-section-width-narrow .osirion-content-section-container[b-dt5f4pc64e],
    .osirion-section-width-normal .osirion-content-section-container[b-dt5f4pc64e],
    .osirion-section-width-wide .osirion-content-section-container[b-dt5f4pc64e] {
        max-width: none;
    }

    .osirion-section-padding-small[b-dt5f4pc64e],
    .osirion-section-padding-normal[b-dt5f4pc64e],
    .osirion-section-padding-large[b-dt5f4pc64e] {
        padding-left: var(--osirion-spacing-3, 0.75rem);
        padding-right: var(--osirion-spacing-3, 0.75rem);
    }

    .osirion-content-section-content pre[b-dt5f4pc64e] {
        padding: var(--osirion-spacing-3, 0.75rem);
        font-size: var(--osirion-font-size-xs, 0.75rem);
    }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-content-section-content a[b-dt5f4pc64e],
    .osirion-content-section-action[b-dt5f4pc64e],
    .osirion-content-section-action svg[b-dt5f4pc64e] {
        transition: none;
    }

        .osirion-content-section-action:hover svg[b-dt5f4pc64e] {
            transform: none;
        }
}

/* Print styles */
@media print {
    .osirion-section-variant-highlight[b-dt5f4pc64e],
    .osirion-section-variant-bordered[b-dt5f4pc64e],
    .osirion-section-variant-background[b-dt5f4pc64e] {
        background-color: transparent !important;
        border: 1px solid #ccc !important;
    }

    .osirion-content-section-action[b-dt5f4pc64e] {
        display: none;
    }

    .osirion-content-section-content a[b-dt5f4pc64e] {
        text-decoration: underline;
        color: inherit;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Sections/FeaturedPostsSection.razor.rz.scp.css */
/* FeaturedPostsSection Component - Osirion.Blazor.Cms.Web */

.osirion-featured-posts-section[b-0zmdkmalan] {
    padding: var(--osirion-section-padding-y, 3rem) var(--osirion-section-padding-x, 1rem);
    background-color: var(--osirion-section-background, var(--osirion-background-primary, #ffffff));
    color: var(--osirion-text-primary, #374151);
    font-family: var(--osirion-font-family-base, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

.osirion-section-header[b-0zmdkmalan] {
    text-align: center;
    margin-bottom: var(--osirion-spacing-8, 2rem);
    max-width: var(--osirion-width-prose, 65ch);
    margin-left: auto;
    margin-right: auto;
}

.osirion-section-title[b-0zmdkmalan] {
    font-size: var(--osirion-section-title-size, var(--osirion-font-size-3xl, 1.875rem));
    font-weight: var(--osirion-font-weight-bold, 700);
    color: var(--osirion-heading-color, var(--osirion-text-primary, #111827));
    margin-bottom: var(--osirion-spacing-4, 1rem);
    line-height: 1.2;
}

.osirion-section-description[b-0zmdkmalan] {
    font-size: var(--osirion-font-size-lg, 1.125rem);
    color: var(--osirion-text-secondary, #6b7280);
    margin-top: 0;
    line-height: 1.6;
}

/* Grid Layout */
.osirion-featured-posts.osirion-layout-grid[b-0zmdkmalan] {
    display: grid;
    gap: var(--osirion-grid-gap, 1.5rem);
}

.osirion-layout-grid.osirion-cols-1[b-0zmdkmalan] {
    grid-template-columns: 1fr;
}

.osirion-layout-grid.osirion-cols-2[b-0zmdkmalan] {
    grid-template-columns: repeat(2, 1fr);
}

.osirion-layout-grid.osirion-cols-3[b-0zmdkmalan] {
    grid-template-columns: repeat(3, 1fr);
}

.osirion-layout-grid.osirion-cols-4[b-0zmdkmalan] {
    grid-template-columns: repeat(4, 1fr);
}

/* List Layout */
.osirion-featured-posts.osirion-layout-list[b-0zmdkmalan] {
    display: flex;
    flex-direction: column;
    gap: var(--osirion-spacing-6, 1.5rem);
}

.osirion-layout-list .osirion-featured-post[b-0zmdkmalan] {
    display: flex;
    gap: var(--osirion-spacing-6, 1.5rem);
    align-items: start;
}

.osirion-layout-list .osirion-featured-post-image-container[b-0zmdkmalan],
.osirion-layout-list .osirion-featured-post-image-placeholder[b-0zmdkmalan] {
    flex: 0 0 var(--osirion-list-image-width, 200px);
}

/* Featured First Layout */
.osirion-layout-featured-first[b-0zmdkmalan] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--osirion-spacing-8, 2rem);
}

    .osirion-layout-featured-first .osirion-featured-post:first-child[b-0zmdkmalan] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--osirion-spacing-8, 2rem);
        align-items: center;
    }

    .osirion-layout-featured-first .osirion-featured-post:not(:first-child)[b-0zmdkmalan] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: var(--osirion-spacing-6, 1.5rem);
    }

/* Carousel Layout */
.osirion-layout-carousel[b-0zmdkmalan] {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: var(--osirion-spacing-6, 1.5rem);
    padding-bottom: var(--osirion-spacing-4, 1rem);
}

    .osirion-layout-carousel .osirion-featured-post[b-0zmdkmalan] {
        flex: 0 0 var(--osirion-carousel-item-width, 300px);
        scroll-snap-align: start;
    }

/* Featured Post Card */
.osirion-featured-post[b-0zmdkmalan] {
    background-color: var(--osirion-card-background, var(--osirion-background-primary, #ffffff));
    border-radius: var(--osirion-radius-lg, 0.5rem);
    overflow: hidden;
    transition: transform var(--osirion-transition-duration-200, 0.2s) ease, box-shadow var(--osirion-transition-duration-200, 0.2s) ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: var(--osirion-card-border-width, 1px) solid var(--osirion-card-border-color, var(--osirion-border-color, #e5e7eb));
}

    .osirion-featured-post:hover[b-0zmdkmalan] {
        transform: translateY(-4px);
        box-shadow: var(--osirion-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));
    }

/* Post Images */
.osirion-featured-post-image-container[b-0zmdkmalan] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
    background-color: var(--osirion-background-secondary, #f3f4f6);
}

.osirion-featured-post-image[b-0zmdkmalan] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--osirion-transition-duration-500, 0.5s) ease;
}

.osirion-featured-post:hover .osirion-featured-post-image[b-0zmdkmalan] {
    transform: scale(1.05);
}

.osirion-featured-post-image-placeholder[b-0zmdkmalan] {
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--osirion-background-secondary, #f3f4f6);
    color: var(--osirion-text-tertiary, #9ca3af);
}

/* Post Content */
.osirion-featured-post-content[b-0zmdkmalan] {
    padding: var(--osirion-card-padding, 1.5rem);
    display: flex;
    flex-direction: column;
    flex: 1;
}

.osirion-featured-post-meta[b-0zmdkmalan] {
    display: flex;
    align-items: center;
    gap: var(--osirion-spacing-3, 0.75rem);
    margin-bottom: var(--osirion-spacing-3, 0.75rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
}

.osirion-featured-post-category[b-0zmdkmalan] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background-color: var(--osirion-category-background, var(--osirion-accent-background, rgba(37, 99, 235, 0.1)));
    color: var(--osirion-category-color, var(--osirion-accent-color, #2563eb));
    border-radius: var(--osirion-radius-full, 9999px);
    text-decoration: none;
    font-weight: var(--osirion-font-weight-medium, 500);
    transition: background-color var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-featured-post-category:hover[b-0zmdkmalan] {
        background-color: var(--osirion-category-background-hover, var(--osirion-accent-background-hover, rgba(37, 99, 235, 0.2)));
    }

.osirion-featured-post-date[b-0zmdkmalan] {
    color: var(--osirion-text-secondary, #6b7280);
}

.osirion-featured-post-title[b-0zmdkmalan] {
    font-size: var(--osirion-card-title-size, var(--osirion-font-size-xl, 1.25rem));
    font-weight: var(--osirion-font-weight-bold, 700);
    margin-top: 0;
    margin-bottom: var(--osirion-spacing-3, 0.75rem);
    line-height: 1.3;
}

.osirion-featured-post-title-link[b-0zmdkmalan] {
    color: var(--osirion-heading-color, var(--osirion-text-primary, #111827));
    text-decoration: none;
    transition: color var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-featured-post-title-link:hover[b-0zmdkmalan] {
        color: var(--osirion-action-primary, #2563eb);
    }

.osirion-featured-post-excerpt[b-0zmdkmalan] {
    color: var(--osirion-text-secondary, #6b7280);
    font-size: var(--osirion-font-size-base, 1rem);
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: var(--osirion-spacing-4, 1rem);
    flex: 1;
}

.osirion-featured-post-author[b-0zmdkmalan] {
    margin-top: var(--osirion-spacing-2, 0.5rem);
    margin-bottom: var(--osirion-spacing-4, 1rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-secondary, #6b7280);
    font-weight: var(--osirion-font-weight-medium, 500);
}

.osirion-featured-post-read-more[b-0zmdkmalan] {
    display: inline-flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    color: var(--osirion-action-primary, #2563eb);
    text-decoration: none;
    font-weight: var(--osirion-font-weight-medium, 500);
    transition: color var(--osirion-transition-duration-200, 0.2s) ease;
    margin-top: auto;
    padding-top: var(--osirion-spacing-4, 1rem);
}

    .osirion-featured-post-read-more svg[b-0zmdkmalan] {
        transition: transform var(--osirion-transition-duration-200, 0.2s) ease;
    }

    .osirion-featured-post-read-more:hover[b-0zmdkmalan] {
        color: var(--osirion-action-primary-hover, #1d4ed8);
    }

        .osirion-featured-post-read-more:hover svg[b-0zmdkmalan] {
            transform: translateX(4px);
        }

/* View All Link */
.osirion-view-all-container[b-0zmdkmalan] {
    text-align: center;
    margin-top: var(--osirion-spacing-10, 2.5rem);
}

.osirion-view-all-link[b-0zmdkmalan] {
    display: inline-flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    color: var(--osirion-action-primary, #2563eb);
    background-color: transparent;
    border: var(--osirion-border-width, 1px) solid var(--osirion-action-primary, #2563eb);
    padding: var(--osirion-spacing-2, 0.5rem) var(--osirion-spacing-6, 1.5rem);
    border-radius: var(--osirion-radius-full, 9999px);
    text-decoration: none;
    font-weight: var(--osirion-font-weight-medium, 500);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-view-all-link:hover[b-0zmdkmalan] {
        color: var(--osirion-background-primary, #ffffff);
        background-color: var(--osirion-action-primary, #2563eb);
    }

    .osirion-view-all-link svg[b-0zmdkmalan] {
        transition: transform var(--osirion-transition-duration-200, 0.2s) ease;
    }

    .osirion-view-all-link:hover svg[b-0zmdkmalan] {
        transform: translateX(4px);
    }

/* Loading and No Content States */
.osirion-loading[b-0zmdkmalan],
.osirion-no-content[b-0zmdkmalan] {
    text-align: center;
    padding: var(--osirion-spacing-16, 4rem);
    color: var(--osirion-text-secondary, #6b7280);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    border-radius: var(--osirion-radius-lg, 0.5rem);
}

.osirion-spinner[b-0zmdkmalan] {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border: 3px solid var(--osirion-background-active, #e0f2fe);
    border-top-color: var(--osirion-action-primary, #2563eb);
    border-radius: 50%;
    animation: osirion-spin-b-0zmdkmalan 0.8s linear infinite;
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

@keyframes osirion-spin-b-0zmdkmalan {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .osirion-layout-grid.osirion-cols-4[b-0zmdkmalan] {
        grid-template-columns: repeat(3, 1fr);
    }

    .osirion-layout-featured-first .osirion-featured-post:first-child[b-0zmdkmalan] {
        grid-template-columns: 1fr;
        gap: var(--osirion-spacing-4, 1rem);
    }
}

@media (max-width: 768px) {
    .osirion-layout-grid.osirion-cols-3[b-0zmdkmalan],
    .osirion-layout-grid.osirion-cols-4[b-0zmdkmalan] {
        grid-template-columns: repeat(2, 1fr);
    }

    .osirion-layout-list .osirion-featured-post[b-0zmdkmalan] {
        flex-direction: column;
    }

    .osirion-layout-list .osirion-featured-post-image-container[b-0zmdkmalan],
    .osirion-layout-list .osirion-featured-post-image-placeholder[b-0zmdkmalan] {
        width: 100%;
        flex-basis: auto;
    }

    .osirion-section-title[b-0zmdkmalan] {
        font-size: var(--osirion-font-size-2xl, 1.5rem);
    }
}

@media (max-width: 640px) {
    .osirion-layout-grid.osirion-cols-2[b-0zmdkmalan],
    .osirion-layout-grid.osirion-cols-3[b-0zmdkmalan],
    .osirion-layout-grid.osirion-cols-4[b-0zmdkmalan] {
        grid-template-columns: 1fr;
    }

    .osirion-section-title[b-0zmdkmalan] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
    }

    .osirion-section-description[b-0zmdkmalan] {
        font-size: var(--osirion-font-size-base, 1rem);
    }
}

/* Accessibility - Reduce Motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-featured-post[b-0zmdkmalan],
    .osirion-featured-post-image[b-0zmdkmalan],
    .osirion-featured-post-read-more svg[b-0zmdkmalan],
    .osirion-view-all-link svg[b-0zmdkmalan],
    .osirion-spinner[b-0zmdkmalan] {
        transition: none;
        animation: none;
    }

        .osirion-featured-post:hover[b-0zmdkmalan] {
            transform: none;
        }

            .osirion-featured-post:hover .osirion-featured-post-image[b-0zmdkmalan] {
                transform: none;
            }

    .osirion-featured-post-read-more:hover svg[b-0zmdkmalan],
    .osirion-view-all-link:hover svg[b-0zmdkmalan] {
        transform: none;
    }
}
/* _content/Osirion.Blazor.Cms.Web/Components/Sections/OsirionContentListSection.razor.rz.scp.css */
.osirion-featured-posts-section[b-8nltc7g9a0] {
    padding: var(--osirion-section-padding-y, 3rem) var(--osirion-section-padding-x, 1rem);
    background-color: var(--osirion-section-background, var(--osirion-background-primary, #ffffff));
    color: var(--osirion-text-primary, #374151);
}

.osirion-section-header[b-8nltc7g9a0] {
    text-align: center;
    margin-bottom: var(--osirion-spacing-8, 2rem);
    max-width: var(--osirion-width-prose, 65ch);
    margin-left: auto;
    margin-right: auto;
}

.osirion-section-title[b-8nltc7g9a0] {
    font-size: var(--osirion-section-title-size, var(--osirion-font-size-3xl, 1.875rem));
    font-weight: var(--osirion-font-weight-bold, 700);
    color: var(--osirion-heading-color, var(--osirion-text-primary, #111827));
    margin-bottom: var(--osirion-spacing-4, 1rem);
    line-height: 1.2;
}

.osirion-section-description[b-8nltc7g9a0] {
    font-size: var(--osirion-font-size-lg, 1.125rem);
    color: var(--osirion-text-secondary, #6b7280);
    margin-top: 0;
    line-height: 1.6;
}

/* Grid Layout */
.osirion-featured-posts.osirion-layout-grid[b-8nltc7g9a0] {
    display: grid;
    gap: var(--osirion-grid-gap, 1.5rem);
}

.osirion-layout-grid.osirion-cols-1[b-8nltc7g9a0] {
    grid-template-columns: 1fr;
}

.osirion-layout-grid.osirion-cols-2[b-8nltc7g9a0] {
    grid-template-columns: repeat(2, 1fr);
}

.osirion-layout-grid.osirion-cols-3[b-8nltc7g9a0] {
    grid-template-columns: repeat(3, 1fr);
}

.osirion-layout-grid.osirion-cols-4[b-8nltc7g9a0] {
    grid-template-columns: repeat(4, 1fr);
}

/* List Layout */
.osirion-featured-posts.osirion-layout-list[b-8nltc7g9a0] {
    display: flex;
    flex-direction: column;
    gap: var(--osirion-spacing-6, 1.5rem);
}

.osirion-layout-list .osirion-featured-post[b-8nltc7g9a0] {
    display: flex;
    gap: var(--osirion-spacing-6, 1.5rem);
    align-items: start;
}

.osirion-layout-list .osirion-featured-post-image-container[b-8nltc7g9a0],
.osirion-layout-list .osirion-featured-post-image-placeholder[b-8nltc7g9a0] {
    flex: 0 0 var(--osirion-list-image-width, 200px);
}

/* Featured First Layout */
.osirion-layout-featured-first[b-8nltc7g9a0] {
    display: flex;
    flex-direction: column;
    gap: var(--osirion-spacing-8, 2rem);
}

    /* First featured post - large and spans full width */
    .osirion-layout-featured-first .osirion-featured-post:first-child[b-8nltc7g9a0] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--osirion-spacing-8, 2rem);
        align-items: center;
    }

    /* Container for all posts after the first one */
    .osirion-layout-featured-first .osirion-featured-post[b-8nltc7g9a0] {
        display: grid;
        gap: var(--osirion-grid-gap, 1.5rem);
        grid-template-columns: repeat(3, 1fr);
    }

/* Carousel Layout */
.osirion-layout-carousel[b-8nltc7g9a0] {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: var(--osirion-spacing-6, 1.5rem);
    padding-bottom: var(--osirion-spacing-4, 1rem);
}

    .osirion-layout-carousel .osirion-featured-post[b-8nltc7g9a0] {
        flex: 0 0 var(--osirion-carousel-item-width, 300px);
        scroll-snap-align: start;
    }

.osirion-featured-post-categories[b-8nltc7g9a0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--osirion-spacing-1, .25rem);
    align-items: start;
}

.osirion-featured-post-category[b-8nltc7g9a0] {
    display: flex;
    width: fit-content;
    padding: 0.25rem 0.75rem;
    background-color: var(--osirion-category-background, var(--osirion-accent-background, rgba(37, 99, 235, 0.1)));
    color: var(--osirion-text-primary);
    border-radius: var(--osirion-radius-sm);
    text-decoration: none;
    font-weight: var(--osirion-font-weight-medium, 500);
    transition: background-color var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-featured-post-category:hover[b-8nltc7g9a0] {
        background-color: var(--osirion-category-background-hover, var(--osirion-accent-background-hover, rgba(37, 99, 235, 0.2)));
        text-decoration: none;
    }

/* Featured Post Card */
.osirion-featured-post[b-8nltc7g9a0] {
    background-color: var(--osirion-card-background, var(--osirion-background-primary, #ffffff));
    border-radius: var(--osirion-radius-lg, 0.5rem);
    overflow: hidden;
    transition: transform var(--osirion-transition-duration-200, 0.2s) ease, box-shadow var(--osirion-transition-duration-200, 0.2s) ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: var(--osirion-card-border-width, 1px) solid var(--osirion-card-border-color, var(--osirion-border-color, #e5e7eb));
}

    .osirion-featured-post:hover[b-8nltc7g9a0] {
        transform: translateY(-4px);
        box-shadow: var(--osirion-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));
    }

/* Post Images */
.osirion-featured-post-image-container[b-8nltc7g9a0] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
    background-color: var(--osirion-background-secondary, #f3f4f6);
}

.osirion-featured-post-image[b-8nltc7g9a0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--osirion-transition-duration-500, 0.5s) ease;
}

.osirion-featured-post:hover .osirion-featured-post-image[b-8nltc7g9a0] {
    transform: scale(1.05);
}

.osirion-featured-post-image-placeholder[b-8nltc7g9a0] {
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--osirion-background-secondary, #f3f4f6);
    color: var(--osirion-text-tertiary, #9ca3af);
}

/* Post Content */
.osirion-featured-post-content[b-8nltc7g9a0] {
    padding: var(--osirion-card-padding, 1.5rem);
    display: flex;
    flex-direction: column;
    flex: 1;
}

.osirion-featured-post-meta[b-8nltc7g9a0] {
    display: flex;
    align-items: center;
    gap: var(--osirion-spacing-3, 0.75rem);
    margin-bottom: var(--osirion-spacing-3, 0.75rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
}

.osirion-featured-post-date[b-8nltc7g9a0] {
    color: var(--osirion-text-secondary, #6b7280);
}

.osirion-featured-post-title[b-8nltc7g9a0] {
    font-size: var(--osirion-card-title-size, var(--osirion-font-size-xl, 1.25rem));
    font-weight: var(--osirion-font-weight-bold, 700);
    margin-top: 0;
    margin-bottom: var(--osirion-spacing-3, 0.75rem);
    line-height: 1.3;
}

.osirion-featured-post-title-link[b-8nltc7g9a0] {
    color: var(--osirion-heading-color, var(--osirion-text-primary, #111827));
    text-decoration: none;
    transition: color var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-featured-post-title-link:hover[b-8nltc7g9a0] {
        color: var(--osirion-action-primary, #2563eb);
    }

.osirion-featured-post-excerpt[b-8nltc7g9a0] {
    color: var(--osirion-text-secondary, #6b7280);
    font-size: var(--osirion-font-size-base, 1rem);
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: var(--osirion-spacing-4, 1rem);
    flex: 1;
}

.osirion-featured-post-author[b-8nltc7g9a0] {
    margin-top: var(--osirion-spacing-2, 0.5rem);
    margin-bottom: var(--osirion-spacing-4, 1rem);
    font-size: var(--osirion-font-size-sm, 0.875rem);
    color: var(--osirion-text-secondary, #6b7280);
    font-weight: var(--osirion-font-weight-medium, 500);
}

.osirion-featured-post-read-more[b-8nltc7g9a0] {
    display: inline-flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    color: var(--osirion-action-primary, #2563eb);
    text-decoration: none;
    font-weight: var(--osirion-font-weight-medium, 500);
    transition: color var(--osirion-transition-duration-200, 0.2s) ease;
    margin-top: auto;
    padding-top: var(--osirion-spacing-4, 1rem);
}

    .osirion-featured-post-read-more svg[b-8nltc7g9a0] {
        transition: transform var(--osirion-transition-duration-200, 0.2s) ease;
    }

    .osirion-featured-post-read-more:hover[b-8nltc7g9a0] {
        color: var(--osirion-action-primary-hover, #1d4ed8);
    }

        .osirion-featured-post-read-more:hover svg[b-8nltc7g9a0] {
            transform: translateX(4px);
        }

/* View All Link */
.osirion-view-all-container[b-8nltc7g9a0] {
    text-align: center;
    margin-top: var(--osirion-spacing-10, 2.5rem);
}

.osirion-view-all-link[b-8nltc7g9a0] {
    display: inline-flex;
    align-items: center;
    gap: var(--osirion-spacing-2, 0.5rem);
    color: var(--osirion-action-primary, #2563eb);
    background-color: transparent;
    border: var(--osirion-border-width, 1px) solid var(--osirion-action-primary, #2563eb);
    padding: var(--osirion-spacing-2, 0.5rem) var(--osirion-spacing-6, 1.5rem);
    border-radius: var(--osirion-radius-full, 9999px);
    text-decoration: none;
    font-weight: var(--osirion-font-weight-medium, 500);
    transition: all var(--osirion-transition-duration-200, 0.2s) ease;
}

    .osirion-view-all-link:hover[b-8nltc7g9a0] {
        color: var(--osirion-background-primary, #ffffff);
        background-color: var(--osirion-action-primary, #2563eb);
    }

    .osirion-view-all-link svg[b-8nltc7g9a0] {
        transition: transform var(--osirion-transition-duration-200, 0.2s) ease;
    }

    .osirion-view-all-link:hover svg[b-8nltc7g9a0] {
        transform: translateX(4px);
    }

/* Loading and No Content States */
.osirion-loading[b-8nltc7g9a0],
.osirion-no-content[b-8nltc7g9a0] {
    text-align: center;
    padding: var(--osirion-spacing-16, 4rem);
    color: var(--osirion-text-secondary, #6b7280);
    background-color: var(--osirion-background-secondary, #f3f4f6);
    border-radius: var(--osirion-radius-lg, 0.5rem);
}

.osirion-spinner[b-8nltc7g9a0] {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border: 3px solid var(--osirion-background-active, #e0f2fe);
    border-top-color: var(--osirion-action-primary, #2563eb);
    border-radius: 50%;
    animation: osirion-spin-b-8nltc7g9a0 0.8s linear infinite;
    margin-bottom: var(--osirion-spacing-4, 1rem);
}

@keyframes osirion-spin-b-8nltc7g9a0 {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .osirion-layout-grid.osirion-cols-4[b-8nltc7g9a0] {
        grid-template-columns: repeat(3, 1fr);
    }

    .osirion-layout-featured-first .osirion-featured-post:first-child[b-8nltc7g9a0] {
        grid-template-columns: 1fr;
        gap: var(--osirion-spacing-4, 1rem);
    }
}

@media (max-width: 768px) {
    .osirion-layout-grid.osirion-cols-3[b-8nltc7g9a0],
    .osirion-layout-grid.osirion-cols-4[b-8nltc7g9a0] {
        grid-template-columns: repeat(2, 1fr);
    }

    .osirion-layout-list .osirion-featured-post[b-8nltc7g9a0] {
        flex-direction: column;
    }

    .osirion-layout-list .osirion-featured-post-image-container[b-8nltc7g9a0],
    .osirion-layout-list .osirion-featured-post-image-placeholder[b-8nltc7g9a0] {
        width: 100%;
        flex-basis: auto;
    }

    .osirion-section-title[b-8nltc7g9a0] {
        font-size: var(--osirion-font-size-2xl, 1.5rem);
    }
}

@media (max-width: 640px) {
    .osirion-layout-grid.osirion-cols-2[b-8nltc7g9a0],
    .osirion-layout-grid.osirion-cols-3[b-8nltc7g9a0],
    .osirion-layout-grid.osirion-cols-4[b-8nltc7g9a0] {
        grid-template-columns: 1fr;
    }

    .osirion-section-title[b-8nltc7g9a0] {
        font-size: var(--osirion-font-size-xl, 1.25rem);
    }

    .osirion-section-description[b-8nltc7g9a0] {
        font-size: var(--osirion-font-size-base, 1rem);
    }
}

/* Accessibility - Reduce Motion */
@media (prefers-reduced-motion: reduce) {
    .osirion-featured-post[b-8nltc7g9a0],
    .osirion-featured-post-image[b-8nltc7g9a0],
    .osirion-featured-post-read-more svg[b-8nltc7g9a0],
    .osirion-view-all-link svg[b-8nltc7g9a0],
    .osirion-spinner[b-8nltc7g9a0] {
        transition: none;
        animation: none;
    }

        .osirion-featured-post:hover[b-8nltc7g9a0] {
            transform: none;
        }

            .osirion-featured-post:hover .osirion-featured-post-image[b-8nltc7g9a0] {
                transform: none;
            }

    .osirion-featured-post-read-more:hover svg[b-8nltc7g9a0],
    .osirion-view-all-link:hover svg[b-8nltc7g9a0] {
        transform: none;
    }
}

/* Templated items (ItemTemplate): a plain list the host styles; only the list chrome is removed here. */
.osirion-content-index[b-8nltc7g9a0] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: var(--osirion-content-index-gap, var(--osirion-spacing-6, 1.5rem));
}