article img{max-width:100%;height:auto;margin:20px 0}article{max-width:800px;margin:0 auto;padding:20px}article h1,article h2{color:#333;font-family:Arial,sans-serif}article p{margin-bottom:20px;font-size:16px;line-height:1.6}article h1{background-color:#f8f9fa;border-radius:5px;padding:15px}article h2{border-bottom:2px solid #ddd;padding-bottom:10px}.container{max-width:900px;margin:0 auto;padding:20px}.date{color:#777;margin-bottom:10px;font-size:14px}article a{color:#007bff;text-decoration:none}article a:hover{text-decoration:underline}.blog-container,.category-container{max-width:800px;margin:0 auto;padding:20px}.post-list{flex-direction:column;gap:20px;display:flex}.post-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;padding:20px;transition:box-shadow .3s}.post-card:hover{box-shadow:0 2px 10px #0000001a}.post-card h2{margin-bottom:10px;font-family:Arial,sans-serif;font-size:24px}.post-card a{color:#007bff;text-decoration:none}.post-card a:hover{text-decoration:underline}.post-card p{color:#666;font-size:16px}.category-badge{color:#fff;background-color:#007bff;border-radius:5px;margin-top:10px;padding:5px 10px;font-size:14px;display:inline-block}.pagination-controls{justify-content:center;align-items:center;gap:8px;margin:20px 0;display:flex}.pagination-controls a{color:#333;background-color:#f0f0f0;border-radius:4px;margin:0 4px;padding:8px 12px;font-size:14px;text-decoration:none}.pagination-controls a:hover{background-color:#e0e0e0}.pagination-controls .active{color:#fff;background-color:#0070f3}.pagination-controls .active:hover{background-color:#0056b3}.blog-categories ul{margin-top:10px;padding:0;list-style:none}.blog-categories ul li{margin-right:10px;display:inline-block}.blog-categories ul li a{color:#fff;background-color:#000;border-radius:5px;margin:5px;padding:10px 20px;text-decoration:none;transition:background-color .3s;display:inline-block}.blog-categories ul li a:hover{color:#fff;background-color:#0056b3}