.main-content{padding:20px 0 60px}.filter-section{background:var(--article-white);border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:var(--article-shadow)}.filter-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.filter-header h5{margin:0;font-weight:700;color:var(--article-text);display:flex;align-items:center;gap:10px}.filter-header h5 i{color:var(--article-primary)}.filter-header .badge{font-size:0.9rem;padding:6px 12px}.filter-controls{display:flex;gap:10px;align-items:center}.filter-controls .form-select{min-width:180px;border:1px solid var(--article-border);border-radius:8px;padding:8px 12px;color:var(--article-text);transition:all 0.3s ease}.filter-controls .form-select:focus{border-color:var(--article-primary);box-shadow:0 0 0 0.2rem rgba(25,60,118,0.15)}.articles-grid{margin-bottom:40px;margin-left:0;margin-right:0}.articles-grid .col-md-6,.articles-grid .col-lg-4{padding-left:8px;padding-right:8px;margin-bottom:20px}.article-link{text-decoration:none;color:inherit;display:block;height:100%}.article-link:hover{color:inherit}.article-link .article-card{width:100%;max-width:100%;margin:0 auto}.articles-grid .article-card{width:100% !important;max-width:100% !important;flex-shrink:1}@media (max-width:992px){.filter-header{flex-direction:column;align-items:flex-start}.filter-controls{width:100%}.filter-controls .form-select{flex:1;min-width:auto}.articles-grid{margin-left:0;margin-right:0}.articles-grid .col-md-6,.articles-grid .col-lg-4{padding-left:8px;padding-right:8px;margin-bottom:16px}}@media (max-width:576px){.main-content{padding:15px 0 40px}.filter-section{padding:15px;margin-bottom:20px}.filter-header h5{font-size:1rem}.articles-grid{margin-left:0;margin-right:0;padding-left:4px;padding-right:4px}.articles-grid .col-md-6,.articles-grid .col-lg-4{flex:0 0 100%;max-width:100%;padding-left:8px;padding-right:8px;margin-bottom:20px}.articles-grid .article-card{width:100% !important;max-width:100% !important;box-shadow:0 4px 16px rgba(0,0,0,0.10)}.articles-grid .article-card .titles p{font-size:0.93rem;padding:16px 14px;min-height:72px;-webkit-line-clamp:3}.articles-grid .article-card .stats span{padding:7px 10px;font-size:0.78rem}}@media (max-width:399px){.articles-grid{padding-left:2px;padding-right:2px}.articles-grid .col-md-6,.articles-grid .col-lg-4{padding-left:6px;padding-right:6px;margin-bottom:16px}.articles-grid .article-card .titles p{font-size:0.88rem;padding:14px 12px;min-height:66px}}