.content-area.container{display:flex;gap:30px;align-items:flex-start}
.blog-article{flex:1;min-width:0}
.sidebar{flex:0 0 300px;position:sticky;top:20px}
#recent-posts-sidebar{background:#e9f2ff;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
#recent-posts-sidebar h3{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #007bff}
#recent-posts-sidebar ul{list-style:none;padding:0;margin:0}
#recent-posts-sidebar li{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #d0e3f7}
#recent-posts-sidebar li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
#recent-posts-sidebar a{text-decoration:none;color:#333;font-size:.95rem;font-weight:500;line-height:1.5;display:block;transition:all .3s}
#recent-posts-sidebar a:hover{color:#007bff;transform:translateX(4px)}
@media(max-width:992px){.content-area.container{flex-direction:column}.sidebar{flex:1 1 auto;width:100%;position:static}}
@media(max-width:768px){#recent-posts-sidebar{padding:20px}#recent-posts-sidebar h3{font-size:1.3rem}#recent-posts-sidebar a{font-size:.9rem}}