.articles-main{padding:58px 0 82px;min-height:calc(100vh - 170px)}
.articles-intro{margin-bottom:28px}
.articles-eyebrow{margin:0 0 9px;color:#27835e;font-size:.82rem;font-weight:700}
.articles-intro h1{font-size:clamp(2.5rem,5.5vw,4.7rem);line-height:1.14;letter-spacing:-.05em;margin:0 0 14px;color:#101d2c}
.articles-intro p:last-child{max-width:670px;margin:0;color:#61717a;font-size:.92rem;line-height:1.8}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.article-card{min-width:0;overflow:hidden;border:1px solid #dfebe6;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(8,28,34,.045);transition:transform .25s,box-shadow .25s,border-color .25s}
.article-card:hover{transform:translateY(-5px);border-color:#a5d9bf;box-shadow:0 22px 42px rgba(8,28,34,.11)}
.article-link{height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit}.article-link:focus-visible{outline:3px solid #55bb8e;outline-offset:-4px}
.article-visual{height:150px;display:grid;place-items:center;overflow:hidden}.article-visual svg{display:block;width:100%;height:100%;max-width:400px}.visual-rates{background:linear-gradient(125deg,#0c2c36,#126349)}.visual-reit{background:linear-gradient(125deg,#287c67,#81ba9d)}.visual-social{background:linear-gradient(125deg,#163c48,#3b8f8c)}.visual-fed{background:linear-gradient(125deg,#223c53,#698aa3)}.visual-bnpl{background:linear-gradient(125deg,#8b593d,#d5a36c)}.visual-flex{background:linear-gradient(125deg,#315d56,#89ad8c)}
.article-body{padding:18px 20px 19px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.article-source{display:inline-flex;align-items:center;gap:8px;border-radius:50px;padding:5px 10px;background:#eaf8f0;color:#267957;font-weight:700;font-size:.66rem;line-height:1.4}.article-body h2{color:#102030;font-size:1.08rem;line-height:1.5;margin:11px 0 5px;letter-spacing:-.025em}.article-body p{color:#61717a;font-size:.76rem;line-height:1.7;margin:0 0 15px}.article-cta{margin-top:auto;color:#257a56;font-size:.75rem;font-weight:700}.article-cta span{display:inline-block;margin-inline-start:4px;font-size:1.1rem;transition:transform .2s}.article-card:hover .article-cta span{transform:translate(-3px,-3px)}
@media(max-width:950px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.articles-main{padding:29px 0 60px}.articles-intro{margin-bottom:21px}.articles-eyebrow{font-size:.73rem;margin-bottom:5px}.articles-intro h1{font-size:2.45rem;margin-bottom:7px}.articles-intro p:last-child{font-size:.78rem;line-height:1.7}.articles-grid{grid-template-columns:1fr;gap:14px}.article-card{border-radius:18px}.article-visual{height:125px}.article-body{padding:14px 17px 16px}.article-body h2{font-size:1rem;line-height:1.45;margin:9px 0 4px}.article-body p{font-size:.73rem;line-height:1.55;margin-bottom:11px}}
@media(max-width:620px){
  .articles-main{padding-top:22px}
  .articles-intro{margin-bottom:16px}
  .articles-grid{gap:10px}
  .article-card{border-radius:16px}
  .article-visual{height:78px;flex:none}
  .article-body{padding:11px 14px 12px}
  .article-body h2{font-size:.96rem;line-height:1.38;margin:7px 0 10px}
  .article-cta{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){.article-card,.article-cta span{transition:none}}