.cms-topic-filters{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:0.5rem;border-bottom:2px solid #e9ecef}@media (max-width:575px){.cms-topic-filters{gap:1rem;margin-bottom:1.5rem}}.cms-topic-filter-item{position:relative;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 0;font-size:1rem;font-weight:500;color:#6c757d;text-decoration:none;transition:all 0.3s ease;cursor:pointer;border:none;background:none;white-space:nowrap;border-radius:6px}.cms-topic-filter-item:hover{color:#0d6efd;text-decoration:none}.cms-topic-filter-item.active{color:#0d6efd}.cms-topic-filter-item.active::after{content:'';position:absolute;bottom:-0.5rem;left:0;right:0;height:3px;background-color:#0d6efd;border-radius:2px 2px 0 0}.cms-topic-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cms-topic-filter-icon{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease}.cms-topic-filter-item:hover .cms-topic-filter-icon{transform:scale(1.1)}.cms-topic-filter-icon.cms-topic-icon-placeholder{object-fit:contain;padding:4px;opacity:0.6}.cms-topic-icon-placeholder{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:#6c757d;font-size:1.125rem;background-color:#f8f9fa;transition:all 0.3s ease}.cms-topic-filter-item:hover .cms-topic-icon-placeholder{color:#0d6efd;background-color:rgba(13,110,253,0.1)}.cms-topic-filter-item.active .cms-topic-icon-placeholder{color:#0d6efd;background-color:rgba(13,110,253,0.15)}.cms-topic-name{display:inline-block}@media (max-width:575px){.cms-topic-filter-item{padding:0.4rem 0.6rem;font-size:0.9375rem;gap:0.4rem}.cms-topic-icon-wrapper{width:28px;height:28px}.cms-topic-icon-placeholder{font-size:1rem}}.cms-article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}@media (min-width:992px){.cms-article-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}@media (min-width:768px) and (max-width:991px){.cms-article-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (max-width:767px){.cms-article-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:575px){.cms-article-grid{grid-template-columns:1fr;gap:1rem}}.cms-article-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;text-decoration:none;color:inherit;height:100%}.cms-article-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.12);text-decoration:none;color:inherit}.cms-article-image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:#f8f9fa}.cms-article-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.cms-article-card:hover .cms-article-image{transform:scale(1.05)}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-line.loaded{animation:none;background:transparent}.cms-article-meta{padding:4px 0;background-color:rgba(255,255,255,0.9);border-radius:4px;font-size:0.75rem;font-weight:500;color:#495057;backdrop-filter:blur(4px)}.cms-article-content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.cms-article-title{font-size:1.125rem;font-weight:600;color:#212529;margin-bottom:0.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:3.15rem}.cms-article-description{font-size:0.875rem;color:#6c757d;line-height:1.6;margin-bottom:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cms-article-footer{display:flex;align-items:center;gap:0.75rem;font-size:0.8125rem;color:#868e96;margin-top:auto;padding-top:0.75rem;border-top:1px solid #e9ecef}.cms-article-footer i{font-size:0.875rem}.cms-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}@media (min-width:992px){.cms-topic-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width:768px) and (max-width:991px){.cms-topic-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:767px){.cms-topic-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:575px){.cms-topic-grid{grid-template-columns:1fr;gap:1rem}}.cms-topic-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;text-decoration:none;color:inherit;height:100%}.cms-topic-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.12);text-decoration:none;color:inherit}.cms-topic-image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:#f8f9fa}.cms-topic-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.cms-topic-card:hover .cms-topic-image{transform:scale(1.05)}.cms-topic-content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.cms-topic-title{font-size:1.125rem;font-weight:600;color:#212529;margin-bottom:0.75rem;line-height:1.4}.cms-topic-description{font-size:0.875rem;color:#6c757d;line-height:1.6;margin-bottom:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cms-topic-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:0.75rem;border-top:1px solid #e9ecef}.cms-topic-article-count{font-size:0.8125rem;color:#868e96}.cms-topic-article-count i{font-size:0.875rem;margin-right:0.25rem}.cms-pagination-wrapper{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.cms-no-data{text-align:center;padding:3rem 1rem}.cms-no-data img{max-width:400px;margin-bottom:1rem}.cms-no-data-text{font-size:1.25rem;font-weight:600;color:#6c757d}