.blog-sidebar{position:sticky;top:2rem;align-self:start;grid-column:2!important;grid-row:1!important}.blog-sidebar-container{background:var(--white);border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--gray-200)}.blog-sidebar-title{font-size:1.5rem;font-weight:700;color:var(--navy-800);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.blog-sidebar-posts{display:flex;flex-direction:column;gap:1.5rem}.blog-sidebar-post{display:flex;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.blog-sidebar-post:last-child{border-bottom:none}.blog-sidebar-post-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:var(--gray-100);display:block}.blog-sidebar-post-thumbnail img{width:100%;height:100%;object-fit:cover}.blog-sidebar-post-content{flex:1;min-width:0}.blog-sidebar-post-title{margin:0 0 .5rem 0;font-size:1rem;font-weight:600;line-height:1.4}.blog-sidebar-post-title a{color:var(--navy-800);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.blog-sidebar-post-title a:hover{color:var(--accent-base)}.blog-sidebar-post-date{font-size:.875rem;color:var(--gray-600)}.blog-sidebar-button{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--gray-200)}.blog-sidebar-button a{display:block;text-align:center;padding:.75rem 1.5rem;background:var(--accent-base);color:var(--white);border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.blog-sidebar-button a:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){.blog-sidebar{position:static!important;margin-top:3rem!important}}
