.articles-content{max-width:1200px;margin:0 auto;padding:0 1rem}.articles-content .articles-grid{display:flex;gap:1rem;margin-top:1rem;align-items:stretch;overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:#3e3e42 #1e1e1e;scroll-behavior:smooth}.articles-content .articles-grid::-webkit-scrollbar{height:8px}.articles-content .articles-grid::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.articles-content .articles-grid::-webkit-scrollbar-thumb{background:#3e3e42;border-radius:4px}.articles-content .articles-grid::-webkit-scrollbar-thumb:hover{background:#4fc3f7}.articles-content .articles-grid__item{display:flex;flex-direction:column;height:280px;width:calc(25% - .75rem);min-width:calc(25% - .75rem);flex-shrink:0}.articles-content .article-card{background:#1e1e1e;border-radius:6px;padding:.75rem;border:1px solid #3e3e42;height:280px;display:flex;flex-direction:column;position:relative;overflow:hidden}.articles-content .article-card--featured{background:#252526;border:1px solid #007acc}.articles-content .article-card--featured:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#007acc}.articles-content .article-card__header{margin-bottom:.5rem;gap:.5rem}.articles-content .article-card__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.articles-content .article-card__date,.articles-content .article-card__read-time{color:#ccc;font-size:.7rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace}.articles-content .article-card__title{font-size:.9rem;font-weight:600;color:#d4d4d4;margin:0;line-height:1.2;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace}.articles-content .article-card__description{color:#ccc;line-height:1.3;margin:0 0 .5rem;font-size:.75rem;flex:1;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;min-height:3rem}.articles-content .article-card__tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;max-height:3rem;overflow:hidden}.articles-content .article-card__tag{margin:0}.articles-content .article-card__actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:.75rem;gap:.4rem}.articles-content .article-card__link{text-decoration:none}@media(min-width:768px){.articles-content{padding:0 1.5rem}.articles-content .articles-grid{gap:1rem;margin-top:1rem}.articles-content .articles-grid__item{width:calc(25% - .75rem);min-width:calc(25% - .75rem)}}@media(min-width:1024px){.articles-content{padding:0 2rem}.articles-content .articles-grid{gap:1rem;margin-top:1rem}.articles-content .articles-grid__item{width:calc(25% - .75rem);min-width:calc(25% - .75rem)}}@media(min-width:1440px){.articles-content .articles-grid{gap:1rem;margin-top:1rem}.articles-content .articles-grid__item{width:calc(25% - .75rem);min-width:calc(25% - .75rem)}}@media(max-width:767px){.articles-content{padding:0 1rem}.articles-content .articles-grid{flex-direction:column;gap:1rem;margin-top:1rem;overflow-x:visible}.articles-content .articles-grid__item{width:100%;min-width:100%;height:auto}}@media(max-width:480px){.articles-content{padding:0 .75rem}.articles-content .articles-grid{flex-direction:column;gap:.75rem;margin-top:.75rem;overflow-x:visible}.articles-content .articles-grid__item{width:100%;min-width:100%;height:auto}}