.blog-post-box{background-color:#fff;border:2px solid #5e2d8a;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:20px auto;max-height:1187px;max-width:400px;padding:20px}.blog-post-box-title{background-color:#fff;border-bottom:1px solid #ccc;color:#5e2d8a;flex-shrink:0;font-size:18px;margin-bottom:10px;padding-bottom:8px;position:sticky;top:0;z-index:1}.blog-post-list-container{flex-grow:1;overflow:hidden;transition:all .3s ease}.blog-post-box.expanded .blog-post-list-container{overflow-y:auto}.blog-post-list{list-style:none;margin:0;padding-left:0}.blog-post-list li{align-items:center;display:flex;margin-bottom:10px}.blog-number{font-weight:700;margin-right:6px}.blog-post-list a{color:#1a1a1a;font-size:15px;text-decoration:none;transition:color .2s}.blog-post-list a:hover{color:#a153e7;text-decoration:underline}.toggle-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;flex-shrink:0;font-size:14px;margin-top:10px;padding:8px 15px}.toggle-btn,.toggle-btn:hover{background-color:#a153e7}