:root{--color-primary:#214b7d;--color-secondary:#4a6da7;--color-text:#2c405a;--color-text-light:#555;--color-background-light:#e9edf2;--color-border:#a9a9fa;--border-radius:4px;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--transition-standard:0.3s ease;--card-min-width:300px;--card-max-width:370px;--card-mobile-max-width:500px;--image-height:178px}.tag-filter-container{background:transparent;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:10px 0}.tag-filter-btn{background-color:#e9edf2;border:none;border-radius:var(--border-radius);color:var(--color-primary);cursor:pointer;display:inline-block;font-size:15px;font-weight:700;margin-bottom:5px;margin-right:5px;padding:4px 8px;text-transform:uppercase;transition:all .2s ease;@media (max-width:768px){font-size:12px}}.tag-filter-btn.active,.tag-filter-btn:hover{background-color:#b171ae;color:#fff}.article-preview-container{border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:var(--spacing-xl);padding-bottom:100px;@media (max-width:768px){align-items:center;flex-direction:column;padding-bottom:50px}}.article-preview-placeholder{background:#f8f9fa;border-radius:8px;padding:30px;text-align:center;width:100%}.article-preview-main-title{margin-bottom:var(--spacing-xl);@media (max-width:768px){text-align:center}}.article-preview-card{flex:1;max-width:var(--card-max-width);min-width:var(--card-min-width);overflow:hidden;transition:transform var(--transition-standard);&:hover{transform:translateY(-5px)}@media (max-width:768px){margin-bottom:var(--spacing-xl);max-width:var(--card-mobile-max-width);width:100%}}.article-preview-card .article-preview-image,.container .article-preview-container .article-preview-card .article-preview-image,div.article-preview-card img.article-preview-image,img[class*=article-preview-image],img[class=article-preview-image]{aspect-ratio:auto;border-radius:var(--border-radius);height:var(--image-height);max-height:var(--image-height);min-height:var(--image-height);object-fit:cover;width:100%}.article-preview-content{padding:var(--spacing-lg) 0}.article-preview-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.article-preview-category{background-color:var(--color-background-light);border-radius:var(--border-radius);color:var(--color-primary);display:inline-block;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.article-preview-title{line-height:1.3;margin-bottom:var(--spacing-md);& a{color:inherit;text-decoration:none;&:hover{color:var(--color-secondary)}}}.article-preview-description{line-height:1.6;margin-bottom:var(--spacing-md)}