
.articles-page{background:#0b0f12;color:#edf1f3}
.articles-shell{padding:50px 24px 76px}
.articles-intro{max-width:760px;margin-bottom:28px}
.articles-intro .eyebrow2{font-size:11px;font-weight:800;letter-spacing:.14em;color:#e7ff45;margin-bottom:10px}
.articles-intro h1{font:800 clamp(42px,6vw,68px)/1.02 Manrope,Inter,sans-serif;letter-spacing:-2px;margin:0 0 14px}
.articles-intro p{font-size:15px;line-height:1.65;color:#9eabb2;margin:0}
.article-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.article-library-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #293137;border-radius:15px;background:#101519;text-decoration:none;color:inherit;transition:.18s ease}
.article-library-card:hover{transform:translateY(-2px);border-color:#465158}
.article-library-card img{width:100%;height:190px;object-fit:cover}
.article-library-card>div{display:flex;flex:1;flex-direction:column;padding:17px}
.article-library-card span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#e7ff45}
.article-library-card h2{font:800 18px/1.28 Manrope,Inter,sans-serif;letter-spacing:-.3px;margin:8px 0}
.article-library-card p{font-size:12px;line-height:1.55;color:#929da4;margin:0 0 14px;flex:1}
.article-library-card b{font-size:11px;color:#e7ff45}
@media(max-width:900px){.article-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.articles-shell{padding:32px 18px 60px}.article-library{grid-template-columns:1fr}.article-library-card img{height:210px}}
