.articles-intro{background:var(--white)}.articles-intro .intro-text{font-size:1.05rem;color:var(--section-text);line-height:1.75;max-width:720px;margin:0 auto;text-align:center}.articles-section{background:var(--off-white)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-category{background:var(--white);border:1px solid var(--gray-100);border-radius:10px;padding:28px 24px;transition:all .3s}.article-category:hover{border-color:var(--gray-200);box-shadow:0 6px 20px #0000000d;transform:translateY(-3px)}.article-category-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--gray-100)}.article-category-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-category-icon svg{width:20px;height:20px}.article-category-header h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--black);margin:0}.article-category ul{list-style:none;padding:0;margin:0}.article-category ul li{margin-bottom:0}.article-category ul li a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;font-size:.88rem;font-weight:500;color:var(--section-text);transition:all .2s;line-height:1.5}.article-category ul li a:hover{background:var(--red-glow);color:var(--red)}.article-category ul li a svg{width:18px;height:18px;flex-shrink:0;color:var(--red);opacity:.7}.article-category ul li a:hover svg{opacity:1}@media (max-width: 1024px){.articles-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.articles-grid{grid-template-columns:1fr}}