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