.blogs-page{background-color:#f8f9fa;min-height:100vh;padding:2rem 0}.loading,.no-blogs{text-align:center;color:#6c757d;padding:2rem 0}.blog-card{background:#fff;border:2px solid #242835;border-radius:15px;flex-direction:column;justify-content:space-between;height:100%;padding:1.5rem;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:8px 8px #261e40}.blog-category{color:#b20;letter-spacing:.5px;margin-bottom:.5rem;font-weight:700;display:block}.blog-title{color:#261e40;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.25rem;font-weight:700;line-height:1.3;text-decoration:none;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-title:hover{color:#b20}.blog-meta{color:#2a87c5;margin-bottom:.75rem;font-size:.9rem}.blog-card .blog-excerpt{color:#261e40;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-footer{border-top:1px solid #261e40;margin-top:auto;padding-top:1rem}.read-more-btn{color:#fff;background:#242835;border:1px solid #242835;border-radius:25px;align-items:center;padding:.5rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.read-more-btn:hover{color:#fff;background:#242835;box-shadow:8px 8px #b20}.kenta-button-icon{margin-right:8px}.pagination-container{justify-content:center;gap:8px;margin-top:2rem;display:flex}.page-btn{cursor:pointer;background:#fff;border:1px solid #242835;border-radius:6px;padding:6px 12px;transition:all .3s}.page-btn:hover,.page-btn.active{color:#fff;background:#b20;border-color:#b20}.blog-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.blog-social span{color:#2a87c5;font-size:.8rem}.blog-article-body{margin-top:.5rem}.blog-html-content{color:#261e40;word-wrap:break-word;font-size:1rem;line-height:1.8}.blog-html-content a{color:#0d6efd;text-underline-offset:2px;text-decoration:underline}.blog-html-content a:hover{color:#b20}.blog-html-content :target{scroll-margin-top:5rem}.blog-html-content ul,.blog-html-content ol{margin:1rem 0;padding-left:1.5rem}.blog-html-content img{max-width:100%;height:auto}