:root {
    --lubiana-text: #202124;
    --lubiana-muted: #6c757d;
    --lubiana-border: #e9ecef;
    --lubiana-surface: #f8f9fa;
}

body { color: var(--lubiana-text); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { text-underline-offset: .18em; }
.site-header { position: sticky; top: 0; z-index: 1030; }
.custom-logo { max-height: 48px; width: auto; }
.hero { background: linear-gradient(180deg, #fff 0%, var(--lubiana-surface) 100%); }
.article-card { transition: transform .18s ease; }
.article-card:hover { transform: translateY(-3px); }
.card-media { overflow: hidden; background: var(--lubiana-surface); aspect-ratio: 16 / 10; }
.card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.article-card:hover .card-media img { transform: scale(1.025); }
.placeholder-image { min-height: 100%; background: #eef0f2; }
.post-meta { font-size: .78rem; text-transform: uppercase; letter-spacing: .045em; color: var(--lubiana-muted); font-weight: 650; }
.post-meta a { color: inherit; text-decoration: none; }
.post-meta a:hover { color: var(--lubiana-text); }
.single-cover { max-height: 680px; object-fit: cover; }
.article-content { font-size: 1.08rem; line-height: 1.78; }
.article-content > * + * { margin-top: 1.25rem; }
.article-content h2, .article-content h3, .article-content h4 { margin-top: 2.2rem; font-weight: 700; }
.article-content img { max-width: 100%; height: auto; }
.article-content figure { max-width: 100%; }
.comment-list .comment-body { padding: 1.25rem 0; border-bottom: 1px solid var(--lubiana-border); }
.navigation.pagination .nav-links { display: flex; flex-wrap: wrap; gap: .4rem; }
.navigation.pagination .page-numbers { padding: .5rem .75rem; border: 1px solid var(--lubiana-border); text-decoration: none; }
.navigation.pagination .current { background: var(--lubiana-text); color: #fff; border-color: var(--lubiana-text); }
@media (max-width: 767.98px) { .display-4 { font-size: 2.4rem; } .display-5 { font-size: 2rem; } .site-header { position: static; } }