.articles-content{max-width:1200px;margin:0 auto;padding:0 1rem}.articles-content .articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.articles-content .article-card{background:hsla(0,0%,100%,.05);border-radius:16px;padding:1.5rem;transition:all .3s ease-in-out;border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.articles-content .article-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.2)}.articles-content .article-card__header{margin-bottom:1rem}.articles-content .article-card__meta{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.articles-content .article-card__date,.articles-content .article-card__read-time{color:#a0a0a0;font-size:.8rem;font-weight:500}.articles-content .article-card__title{font-size:1.25rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.articles-content .article-card__description{color:#e0e0e0;line-height:1.6;margin:0 0 1rem;font-size:.9rem;flex:1}.articles-content .article-card__tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.articles-content .article-card__tag{margin:0}.articles-content .article-card__actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:1rem}.articles-content .article-card__link{text-decoration:none;transition:transform .2s ease}.articles-content .article-card__link:hover{transform:translateY(-2px)}@media(max-width:768px){.articles-content{padding:0 .5rem}.articles-content .articles-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.articles-content .article-card{padding:1rem}.articles-content .article-card__meta{gap:.5rem}.articles-content .article-card__title{font-size:1.1rem}.articles-content .article-card__tags{gap:.5rem}}@media(min-width:769px)and (max-width:1024px){.articles-content .articles-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}}@media(min-width:1025px){.articles-content .articles-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}}