body { font-family: sans-serif; background: #f4f4f4; padding: 20px; }
.blog-widget { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); max-width: 600px; margin: 0 auto; }
.blog-widget h2 { border-bottom: 2px solid #007bff; padding-bottom: 10px; }
.blog-widget ul { list-style: none; padding: 0; }
.blog-widget li { padding: 10px 0; border-bottom: 1px solid #eee; }
.blog-widget a { text-decoration: none; color: #007bff; font-weight: bold; text-transform: capitalize; }
.blog-widget a:hover { color: #0056b3; }
.container { max-width: 800px; margin: 0 auto; background: #fff; padding: 40px; }