.posts-container{display:flex;gap:20px;padding:10px}.sidebar{width:250px;background:#f8f9fa;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.sidebar-title{font-size:18px;font-weight:700;margin-bottom:10px;border-bottom:2px solid #007bff;padding-bottom:5px;color:#333}.sidebar-list{list-style:none;padding:0}.sidebar-item{padding:8px 12px;margin:5px 0;cursor:pointer;transition:all .3s ease;border-radius:5px;color:#333;background:#fff;border:1px solid transparent}.sidebar-item:hover{background:#007bff;color:#fff;border-color:#007bff}.sidebar-item.active{background:#0056b3;color:#fff;font-weight:700}.posts-content{flex:1 1}.sidebar-toggle{display:none;background:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-bottom:10px}.sidebar-toggle:hover{background:#0056b3}@media screen and (max-width:768px){.posts-container{flex-direction:column}.sidebar{width:100%;position:absolute;left:0;top:50px;z-index:10;background:#fff;transform:translateX(-100%);box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease-in-out}.sidebar.open{transform:translateX(0)}.sidebar-toggle{display:block}}