.articles-list-container{max-width:var(--max-content-width);margin:0 auto;padding:40px 10px}.articles-list-header{margin-bottom:40px;text-align:center}.articles-list-header h1{font-size:3rem;font-weight:800;margin-bottom:20px;letter-spacing:-1px;line-height:1.2}.articles-list-header p{font-size:1.2rem;max-width:700px;margin:0 auto;opacity:0.9}.articles-list-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px}.articles-list-tag{padding:8px 16px;background-color:var(--card-bg);border-radius:20px;font-size:0.9rem;cursor:pointer;transition:all 0.2s;text-decoration:none;color:inherit}.articles-list-tag:hover,.articles-list-tag.active{background-color:var(--primary-color);color:white}.articles-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}.articles-list-card{background-color:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-sidebar-color);transition:transform 0.3s,box-shadow 0.3s;display:flex;flex-direction:column;height:100%}.articles-list-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.articles-list-card-with-image .articles-list-image{height:200px;overflow:hidden;background-color:var(--image-bg);display:flex;align-items:center;justify-content:center}.articles-list-card-with-image .articles-list-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}.articles-list-card-with-image .articles-list-image img[src=""]{width:auto;height:auto;max-width:80%;max-height:80%;object-fit:contain}.articles-list-card-with-image:hover .articles-list-image img{transform:scale(1.05)}.articles-list-card-no-image{}.articles-list-card-no-image .articles-list-content{padding-top:30px}.articles-list-content{padding:25px;flex:1;display:flex;flex-direction:column}.articles-list-meta{display:flex;align-items:center;margin-bottom:15px;font-size:0.9rem;color:var(--text-color);opacity:0.7}.articles-list-meta span{display:flex;align-items:center;margin-right:15px}.articles-list-meta i{margin-right:5px;font-size:0.9rem}.articles-list-content h2{font-size:1.5rem;font-weight:700;margin-bottom:15px;line-height:1.4}.articles-list-content h2 a{color:inherit;text-decoration:none;transition:color 0.2s}.articles-list-content h2 a:hover{color:var(--primary-color)}.articles-list-content p{margin-bottom:20px;opacity:0.8;flex:1}.articles-list-tag-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.articles-list-article-tag{padding:4px 12px;background-color:rgba(7,193,96,0.1);color:var(--primary-color);border-radius:20px;font-size:0.8rem;font-weight:500}.articles-list-read-more{display:inline-flex;align-items:center;color:var(--primary-color);font-weight:600;text-decoration:none;transition:all 0.2s;margin-top:auto}.articles-list-read-more i{margin-left:8px;transition:transform 0.2s}.articles-list-read-more:hover{color:var(--secondary-color)}.articles-list-read-more:hover i{transform:translateX(3px)}.articles-list-pagination{display:flex;justify-content:center;gap:10px;margin-top:50px}.articles-list-page-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:var(--card-bg);border:1px solid var(--border-sidebar-color);color:var(--text-color);cursor:pointer;transition:all 0.2s;text-decoration:none}.articles-list-page-link:hover,.articles-list-page-link.active{background-color:var(--primary-color);color:white;border-color:var(--primary-color)}.articles-list-page-link.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}@media (max-width:1024px){.articles-list-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.articles-list-header h1{font-size:2.2rem}}@media (max-width:480px){.articles-list-grid{grid-template-columns:1fr}.articles-list-container{padding:30px 15px}}.fa-calendar-alt{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V160h352v298c0 3.3-2.7 6-6 6z'/%3E%3C/svg%3E");width:14px;height:16px}.fa-clock{width:14px;height:14px;background-image:url('data:image/svg+xml;utf8,')}