.su-blog-section{padding:3rem 0 4rem}.su-blog-list{margin-bottom:2rem}.su-blog-item{border-bottom:1px solid var(--color-gray-200);padding:1.5rem 0}.su-blog-item:first-child{padding-top:0}.su-blog-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.su-blog-category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-secondary);background-color:rgba(13,148,136,.08);padding:.125rem .5rem;border-radius:var(--radius-sm)}.su-blog-date{font-size:.8125rem;color:var(--color-gray-500)}.su-blog-title{font-size:1.25rem;margin-bottom:.5rem}.su-blog-title a{color:var(--color-primary)}.su-blog-title a:hover{color:var(--color-secondary)}.su-blog-excerpt{font-size:.9375rem;color:var(--color-gray-600);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.su-blog-footer{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.su-blog-author{color:var(--color-gray-500)}.su-read-more{color:var(--color-secondary);font-weight:500}.su-read-more:hover{color:var(--color-secondary-dark)}.pagination{margin-top:1.5rem}.pagination .page-link{color:var(--color-gray-600);border-color:var(--color-gray-200);font-size:.875rem;border-radius:var(--radius-sm);margin:0 .125rem}.pagination .page-item.active .page-link{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.pagination .page-link:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.su-sidebar{border:2px solid var(--color-border);border-radius:var(--radius-card);padding:1.25rem}.su-sidebar-title{font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200)}.su-recent-posts{list-style:none;padding:0;margin:0}.su-recent-posts li{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-gray-100)}.su-recent-posts li:last-child{border-bottom:none}.su-recent-date{flex-shrink:0;text-align:center;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:.25rem .5rem;min-width:48px}.su-date-day{display:block;font-size:1rem;font-weight:700;color:var(--color-primary);line-height:1.2}.su-date-month{display:block;font-size:.625rem;text-transform:uppercase;color:var(--color-gray-500);letter-spacing:.04em}.su-recent-posts a{font-size:.875rem;color:var(--color-gray-600);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.su-recent-posts a:hover{color:var(--color-secondary)}.su-blog-detail{padding-top:2.5rem;padding-bottom:3rem}.su-article-header{margin-bottom:2rem}.su-article-header h1{font-size:1.75rem;margin:.75rem 0}.su-article-meta{font-size:.875rem;color:var(--color-gray-500)}.su-article-meta a{color:var(--color-gray-500)}.su-article-meta a:hover{color:var(--color-secondary)}.su-article-content{font-size:1rem;line-height:1.75;color:var(--color-gray-600);margin-bottom:2rem}.su-article-content h2{font-size:1.375rem;margin-top:2rem;margin-bottom:.75rem}.su-article-content h3{font-size:1.125rem;margin-top:1.5rem;margin-bottom:.5rem}.su-article-content img{border-radius:var(--radius-md);margin:1rem 0}.su-article-content ol,.su-article-content ul{padding-left:1.5rem;margin-bottom:1rem}.su-article-content blockquote{border-left:3px solid var(--color-secondary);padding-left:1rem;margin:1.5rem 0;color:var(--color-gray-500);font-style:italic}.su-article-share{display:flex;gap:.75rem;padding:1rem 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);margin-bottom:1.5rem}.su-share-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-gray-500);transition:background-color .15s,color .15s}.su-share-icon:hover{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.su-article-footer{font-size:.8125rem;color:var(--color-gray-500);margin-bottom:2rem}.su-article-footer a{color:var(--color-gray-500)}.su-article-footer a:hover{color:var(--color-secondary)}.su-author-box{border:2px solid var(--color-border);border-radius:var(--radius-card);padding:1.5rem;margin-bottom:2rem}.su-author-avatar{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.su-author-name{font-size:1rem;margin-bottom:.25rem}.su-author-bio{font-size:.875rem;color:var(--color-gray-500);margin-bottom:0}.su-post-nav{border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);padding:1.25rem 0;margin-bottom:2rem}.su-nav-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500);margin-bottom:.25rem}.su-nav-title{display:block;font-size:.9375rem;font-weight:500;color:var(--color-primary)}.su-post-next a,.su-post-prev a{-webkit-text-decoration:none;text-decoration:none}.su-post-next a:hover .su-nav-title,.su-post-prev a:hover .su-nav-title{color:var(--color-secondary)}.su-comments{margin-top:2rem}.su-comments h3{font-size:1.25rem;margin-bottom:1rem}.su-comment-note{font-size:.8125rem;color:var(--color-gray-500);margin-bottom:1rem}.su-comment-note .require::after{content:"*";color:var(--color-error)}@media (max-width:991.98px){.su-sidebar{margin-top:2rem}}@media (max-width:767.98px){.su-article-header h1{font-size:1.375rem}.su-article-share{flex-wrap:wrap;gap:.5rem}.su-post-next{margin-top:.75rem}}