body{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa}.blog-container{flex:1 0 auto;padding-top:40px;padding-bottom:40px}.blog-header{background-size:cover;min-height:30vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}.blog-header h1{font-family:Catamaran,Helvetica,Arial,"sans-serif";font-weight:700;font-size:2.8rem}.blog-header .lead{font-size:1.5rem;color:#ffffffd9}.blog-post{padding:2.5rem 0;border-bottom:1px solid #e0e0e0}.blog-post:last-child{border-bottom:none;padding-bottom:0}.blog-post h2{margin-top:0;font-family:Muli,Helvetica,Arial,"sans-serif";font-size:2rem;font-weight:600}.blog-post h2 a{color:#333;text-decoration:none;transition:color .3s ease}.blog-post h2 a:hover{color:#4963a7;text-decoration:underline}.post-meta{color:#888;font-size:.9rem;margin-bottom:15px}.post-excerpt{font-size:2rem;line-height:1.6;color:#555}.read-more-btn{display:inline-block;margin-top:15px;font-weight:700;color:#4963a7;text-decoration:none;transition:transform .2s ease-in-out}.read-more-btn:hover{color:#3a4e85;text-decoration:none;transform:translate(5px)}.blog-pagination{margin-top:40px;text-align:center}.blog-pagination a{margin:0 10px}.blog-post-detail{padding:1rem 0}.post-body{font-size:2rem;line-height:1.7;color:#333}.post-body p{margin-bottom:1.25rem}.post-body h2,.post-body h3,.post-body h4{font-family:Muli,Helvetica,Arial,"sans-serif";font-weight:600;margin-top:2rem;margin-bottom:1rem}.post-body ul,.post-body ol{padding-left:25px;margin-bottom:1.25rem}.post-body a{color:#4963a7;text-decoration:underline}.post-body img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.back-to-list-btn{display:inline-block;font-weight:700;color:#4963a7;text-decoration:none;transition:color .2s ease}.back-to-list-btn:hover{color:#3a4e85;text-decoration:underline}.blog-pagination .pagination{display:flex;justify-content:center;gap:.5rem;padding-left:0;list-style:none}.blog-pagination .page-item{margin:0}.blog-pagination .page-link{display:block;padding:.5rem .75rem;border:1px solid #dee2e6;border-radius:.25rem;text-decoration:none;color:#007bff}.blog-pagination .page-item.active .page-link{background-color:#007bff;color:#fff;border-color:#007bff}.post-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.post-links .btn{font-size:1rem;padding:.6rem 1.2rem;text-align:center;white-space:nowrap}.post-links .flag-icon{margin-right:5px;vertical-align:middle}