.article-list-wrapper{max-width:1100px;margin:30px auto;padding:20px}.list-header{text-align:center;margin-bottom:40px}.list-header h1{font-size:2.8em;color:var(--blue);margin-bottom:10px}.list-header p{font-size:1.1em;color:var(--grey)}.featured-article{display:flex;background-color:var(--contrasted);border-radius:12px;margin-bottom:50px;align-items:center;max-height:400px}.featured-article .image-container{max-width:45%}.featured-article .image-container img{width:100%;border-top-left-radius:8px;border-bottom-left-radius:8px;display:block}.featured-article .content-container{flex:1;height:100%;align-self:flex-start;padding:1rem}.featured-article h2{font-size:1.8em;margin-bottom:15px;color:var(--black)}.featured-article h2 a{color:inherit;text-decoration:none}.featured-article h2 a:hover{color:var(--blue)}.featured-article p{color:var(--font-color)}.featured-article .meta-info{font-size:.9em;color:var(--grey);margin-top:15px;display:flex;gap:15px}.featured-article .meta-info span{display:inline-flex;align-items:center;gap:5px}.icon-calendar::before{content:"📅";margin-right:3px}.icon-clock::before{content:"⏱️";margin-right:3px}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:40px}.article-card{background-color:var(--modal-background);border-radius:12px;max-width:350px;box-shadow:0 4px 12px var(--dark-box-shadow);overflow:hidden;display:flex;flex-direction:column}.article-card .image-container{height:200px;overflow:hidden}.article-card .image-container img{width:100%;height:100%;object-fit:cover}.article-card .content-container{padding:20px;flex-grow:1;display:flex;flex-direction:column}.article-card .tag{display:inline-block;background-color:#e0f2fe;color:var(--blue);padding:3px 8px;border-radius:4px;font-size:.8em;margin-bottom:10px;align-self:flex-start}.article-card h3{font-size:1.3em;margin-bottom:10px;flex-grow:1;color:var(--font-color-darker)}.article-card h3 a{color:inherit;text-decoration:none}.article-card h3 a:hover{color:var(--blue)}.article-card p{color:var(--font-color)}.article-card .meta-info{font-size:.85em;color:var(--grey);display:flex;justify-content:space-between;margin-bottom:15px;margin-top:auto}.article-card .meta-info span{display:inline-flex;align-items:center;gap:5px}.article-card .read-more-btn{display:inline-block;background:var(--button-background);color:var(--white);padding:10px 20px;border-radius:20px;text-decoration:none;text-align:center;margin-top:15px;transition:background-color .2s ease;align-self:center;border:none;font-size:.9em;font-weight:bold;box-shadow:none;height:auto}.article-card .read-more-btn:hover{background:var(--hover-button-background);color:var(--white)}.load-more-container{text-align:center;margin-top:30px}.load-more-btn{background-color:#e9ecef;color:#495057;padding:12px 30px;border:none;border-radius:25px;font-size:1em;cursor:pointer;transition:background-color .2s ease}.load-more-btn:hover{background-color:#dee2e6}@media(max-width:768px){.featured-article{flex-direction:column;padding:20px}.featured-article .image-container{max-width:100%;margin-bottom:20px}.article-grid{grid-template-columns:1fr}}