.tj-blog-list-section{background-color:#fff;padding:28px 0 140px}.blog-list-header{text-align:center;border-bottom:1px solid #e0e0e0;margin-bottom:40px;padding-bottom:20px}.blog-list-title{color:#1a1a1a;margin:0;font-size:2.5rem;font-weight:700}.blog-list-top{background-color:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;display:flex}.blog-total-count{color:#333;font-size:1rem;font-weight:500}.blog-search-wrapper{align-items:center;display:flex}.blog-search-form{align-items:center;gap:8px;display:flex}.blog-search-select{color:#333;cursor:pointer;background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;min-width:100px;padding:8px 16px;font-size:.95rem}.blog-search-input{border:1px solid #d0d0d0;border-radius:4px;outline:none;min-width:300px;padding:8px 16px;font-size:.95rem}.blog-search-input:focus{border-color:#0056b3}.blog-search-button{color:#fff;cursor:pointer;background-color:#003d82;border:none;border-radius:4px;padding:9px 24px;font-size:.95rem;font-weight:500;transition:background-color .3s}.blog-search-button:hover{background-color:#002a5c}.blog-table-wrapper{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:.95rem}.blog-table thead{background-color:#f5f5f5}.blog-table thead th{text-align:center;color:#333;border-bottom:2px solid #e0e0e0;padding:16px 12px;font-size:.95rem;font-weight:600}.blog-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.blog-table tbody tr:hover{background-color:#f9f9f9}.blog-table tbody tr:last-child{border-bottom:none}.blog-table tbody td{text-align:center;color:#555;padding:14px 12px}.col-number{width:8%}.col-title{width:40%;text-align:left!important}.col-attachment{width:10%}.col-author{width:12%}.col-date{width:15%}.col-views{width:10%}.title-with-badge{align-items:center;gap:8px;display:flex}.blog-title-link{color:#333;text-align:left;text-decoration:none;transition:color .2s}.blog-title-link:hover{color:#0056b3;text-decoration:underline}.new-badge{color:#fff;background-color:#003d82;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.5rem;font-weight:700;line-height:1;display:inline-flex}.blog-empty-message{color:#999;font-size:1rem;text-align:center!important;padding:60px 20px!important}.blog-pagination-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px;padding-top:30px;display:flex}.pagination-btn{color:#626262;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:999px;min-width:36px;height:36px;padding:0 12px;font-family:Paperlogy,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.pagination-btn:hover{color:#145da8;background-color:#f0f7ff;border-color:#145da8}.pagination-btn.active{color:#fff;background-color:#145da8;border-color:#145da8;font-weight:700}.pagination-btn.disabled,.pagination-btn:disabled{color:#9ca3af;opacity:.6;background-color:#f9fafb;border-color:#e5e7eb}.pagination-btn.disabled:hover,.pagination-btn:disabled:hover{color:#9ca3af;cursor:default;background-color:#f9fafb;border-color:#e5e7eb}.pagination-ellipsis{color:#9ca3af;padding:0 4px;font-family:Paperlogy,sans-serif;font-size:14px}@media (max-width:992px){.blog-list-top{flex-direction:column;align-items:flex-start;gap:15px}.blog-search-form{width:100%}.blog-search-input{flex:1;min-width:auto}}@media (max-width:768px){.blog-list-title{font-size:2rem}.blog-table{font-size:.85rem}.blog-table thead th,.blog-table tbody td{padding:10px 8px}.col-attachment,.col-author,.col-views{display:none}.col-number{width:15%}.col-title{width:60%}.col-date{width:25%}}@media (max-width:576px){.blog-list-title{font-size:1.5rem}.blog-search-select,.blog-search-input,.blog-search-button{padding:7px 12px;font-size:.85rem}.blog-total-count{font-size:.9rem}.pagination-btn{min-width:32px;height:32px;font-size:13px}}@media (max-width:480px){.blog-search-wrapper{width:100%}.blog-search-form{flex-direction:column;align-items:start;gap:12px;width:100%}.blog-search-form .blog-search-input{width:100%;height:66px;padding:12px 16px}.blog-search-form .blog-search-button{width:100%}.col-date{font-size:.7rem}}