.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:-8px;margin-right:-8px;} .articles-grid .col-md-6, .articles-grid .col-lg-4{padding-left:3px;padding-right:3px;margin-bottom:16px;} .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;}  @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:-6px;margin-right:-6px;} .articles-grid .col-md-6{padding-left:6px;padding-right:6px;margin-bottom:12px;}} @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:-6px;margin-right:-6px;} .articles-grid .col-md-6, .articles-grid .col-lg-4{padding-left:6px;padding-right:6px;margin-bottom:12px;}}