.blog-list-page{display:flex;flex-direction:column}.blog-list-main{flex:1 1;max-width:1200px;margin:0 auto;padding:2rem 20px 4rem;width:100%}.blog-list-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin:0 0 .25rem}.blog-subcategory-tabs{margin:1rem 0 1.5rem;border-bottom:1px solid var(--border-color)}.blog-subcategory-tabs-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .5rem}.blog-subcategory-tab{display:inline-block;padding:.5rem 1rem;font-size:.95rem;color:var(--text-dark);text-decoration:none;border-radius:var(--radius,8px);transition:background .2s,color .2s}.blog-subcategory-tab:hover{background:var(--bg-light,#f8fafc);color:var(--primary-color)}.blog-subcategory-tab.active{color:var(--primary-color);font-weight:600}.blog-list-breadcrumb{font-size:.9rem;color:var(--text-light);margin-bottom:.75rem}.blog-list-breadcrumb a{color:var(--primary-color);text-decoration:none}.blog-list-breadcrumb a:hover{text-decoration:underline}.blog-list-breadcrumb .breadcrumb-sep{margin:0 .35rem}.blog-list-subtitle{font-size:1.35rem;font-weight:600;color:var(--text-dark);margin:0 0 2rem}.blog-list-empty{color:var(--text-light);margin:2rem 0}.blog-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:640px){.blog-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-list{grid-template-columns:repeat(3,1fr)}}.blog-list-item{margin:0}.blog-card{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color);height:100%}@media (min-width:1024px){.blog-card{border-bottom:none;border:1px solid var(--border-color);border-radius:var(--radius);padding:0;overflow:hidden}.blog-card .blog-card-body{padding:0 1rem 1rem}.blog-list-item:last-child .blog-card{border:1px solid var(--border-color)}}.blog-list-item:last-child .blog-card{border-bottom:none;padding-bottom:0}.blog-card-image-wrap{width:100%;border-radius:var(--radius);overflow:hidden;background:var(--bg-light)}.blog-card-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform var(--transition)}.blog-card-image-wrap a:hover .blog-card-image{transform:scale(1.02)}.blog-card-body{display:flex;flex-direction:column;gap:.5rem}.blog-card-category{font-size:.9rem;color:var(--text-light)}.blog-card-title{font-size:1.35rem;font-weight:700;margin:0;line-height:1.35}.blog-card-title a{color:var(--text-dark);text-decoration:none}.blog-card-title a:hover{color:var(--primary-color);text-decoration:underline}.blog-card-excerpt{font-size:1rem;line-height:1.7;color:var(--text-dark);margin:0}.blog-card-link{font-size:.95rem;color:var(--primary-color);text-decoration:none;margin-top:.25rem}.blog-card-link:hover{color:var(--primary-dark);text-decoration:underline}.blog-pagination{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.blog-pagination-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;list-style:none;margin:0;padding:0}.blog-pagination-list li{margin:0}.blog-pagination-link{display:inline-block;padding:.4rem .75rem;color:var(--primary-color);text-decoration:none;border-radius:var(--radius);font-size:.95rem}.blog-pagination-link:hover{background:var(--bg-light);color:var(--primary-dark)}.blog-pagination-current{font-weight:600;color:var(--text-dark);background:var(--bg-light);border-radius:var(--radius)}.blog-pagination-current,.blog-pagination-disabled{display:inline-block;padding:.4rem .75rem;font-size:.95rem}.blog-pagination-disabled{color:var(--text-light);cursor:not-allowed}