.sidebar.blog-navigation { position: sticky; top: min(24px, calc(100dvh - var(--blog-navigation-height, 0px) - 24px)); align-self: start; max-height: none; overflow: visible; padding: 0 8px 0 1.5rem; margin: 0; border: 0; border-left: 1px solid #ffffff18; border-radius: 0; background: transparent; gap: 1.6rem; }
.blog-navigation h5 { margin: 0 0 1rem; color: #c7d0d8; font-size: .68rem; letter-spacing: .13em; font-weight: 650; }
.blog-navigation > div { margin-bottom: 0 !important; }
.blog-navigation > div + div { border-top: 1px solid #ffffff18; padding-top: 1.5rem; }
.blog-directory-controls { display: grid; gap: .65rem; margin-bottom: 1.25rem; }
.blog-directory-tabs { display: flex; flex-wrap: wrap; gap: .5rem; }
.blog-directory-tabs button { min-height: 30px; padding: .25rem .55rem; border: 1px solid transparent; border-radius: 4px; background: transparent; color: #7f8d98; font-size: .65rem; }
.blog-directory-tabs button[aria-pressed="true"] { border-color: #ffffff25; background: #ffffff09; color: #e2e7eb; }
.blog-directory-group h6 { margin: 1.25rem 0 .4rem; color: #82909b; font-size: .6rem; letter-spacing: .12em; text-transform: uppercase; }
.blog-navigation #recent-posts .blog-directory-link { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: .75rem; margin: 0; padding: .8rem 0; border: 0; border-bottom: 1px solid #ffffff10; border-radius: 0; background: transparent; color: #dce2e7; font-weight: 400; text-decoration: none; transform: none; }
.blog-navigation #recent-posts .blog-directory-link:hover { background: transparent; color: #fff; }
.blog-navigation #recent-posts .blog-directory-link[aria-current="page"] { border-bottom-color: #aebbc6; color: #fff; }
.blog-directory-link img { display: block; width: 40px; height: 40px; border-radius: 3px; object-fit: cover; opacity: .85; }
.blog-directory-link strong { display: block; font-size: .77rem; line-height: 1.45; font-weight: 500; }
.blog-directory-link small { display: block; margin-top: .3rem; color: #788994; font-size: .58rem; line-height: 1.4; }
.blog-directory-empty { color: #8998a3; font-size: .8rem; line-height: 1.6; }
.blog-navigation #social-links { gap: .55rem; }
.blog-navigation #social-links a { width: 32px; height: 32px; margin: 0; border: 1px solid #ffffff18; border-radius: 4px; color: #9baab6; background: transparent; font-size: .85rem; transform: none; }
.blog-navigation #social-links a:hover { color: white; border-color: #ffffff50; }
@media (max-width: 991px) { .sidebar.blog-navigation { position: static; border-left: 0; border-top: 1px solid #ffffff18; padding: 1.5rem 0 0; margin-top: 1.5rem; } }