.articles-header{background:#d3d3d3 url(/images/articles-bg.png) 50%/cover no-repeat;border-radius:24px}.articles-header h1{color:#fff;text-align:center;margin-bottom:15px;font-family:Raleway;font-size:36px;font-style:normal;font-weight:600;line-height:130%}.articles-header p{color:#fff;text-align:center;max-width:1116px;margin:0 auto;font-family:Raleway;font-size:24px;font-style:normal;font-weight:400;line-height:160%}.filter-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 6px 15px -2px #10182814,0 6px 15px -2px #10182814}.filter-sidebar .filter-button{color:#222;font-family:Raleway;font-size:18px;font-style:normal;font-weight:600;line-height:130%}.filter-sidebar .clear-button{color:#0d0f17;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:400;line-height:140%}.filter-sidebar .filter-category-title{color:#222;margin-bottom:8px;font-family:Raleway;font-size:16px;font-style:normal;font-weight:600;line-height:130%}.filter-sidebar .filter-category{margin-bottom:24px}.filter-sidebar .filter-category .filter-category-list{flex-direction:column;gap:8px;display:flex}.filter-sidebar .filter-category .filter-category-list button{color:#475569;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-self:stretch;gap:10px;width:100%;padding:8px 12px;font-family:Raleway;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex}.filter-sidebar .filter-category .filter-category-list button:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.filter-sidebar .filter-category .filter-category-list button.active{color:#fff;background:linear-gradient(90deg,#1a73e8 0%,#0056b3 50%,#003a8c 100%);border-color:#0000;font-weight:600}.filter-sidebar .filter-tags{flex-wrap:wrap;gap:8px;display:flex}.filter-sidebar .filter-tags li button{color:#4a6b8a;text-align:center;letter-spacing:.24px;background:#f8fafc;border:.6px solid #d0e2f2;border-radius:4.8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 16px;font-family:Raleway;font-size:12px;font-style:normal;font-weight:600;line-height:140%;transition:all .2s ease-in-out;display:flex}.filter-sidebar .filter-tags li button:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.filter-sidebar .filter-tags li button.active{color:#0056b3;background:#e0f2fe;border-color:#0056b3}.article-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 15px -2px #10182814,0 6px 15px -2px #10182814}.article-item .calendar-text,.article-item .eye-text{color:#475569;font-family:Segoe UI;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.article-item .article-item-title{color:#222;text-overflow:ellipsis;margin:8px 0;font-family:Segoe UI;font-size:18px;font-style:normal;font-weight:600;line-height:130%;overflow:hidden}.article-item .article-item-description{color:#475569;text-overflow:ellipsis;margin-bottom:20px;font-family:Segoe UI;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.article-item .tag-text{color:#0056b3;text-align:center;letter-spacing:.168px;background:#f8fafc;border:.6px solid #0056b3;border-radius:4.8px;padding:6px 9.6px;font-family:Raleway;font-size:8.4px;font-style:normal;font-weight:600;line-height:140%;display:inline-block}
