.listing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.listing-card{display:block;background:#fff;border:1px solid #e3eaf6;border-radius:16px;padding:24px;text-decoration:none;color:#172542;transition:border-color .2s}.listing-card:hover{border-color:var(--primary)}.listing-card h2{font-size:19px;margin:0 0 10px}.listing-card p{font-size:14px;line-height:1.7;color:#52647f;margin:0}.listing-card span{display:inline-block;color:var(--primary);font-size:13px;font-weight:700;margin-top:16px}@media(max-width:768px){.listing{grid-template-columns:1fr}}
/* Blog article components: list grid remains defined above */
.blog-article{max-width:860px;line-height:1.9;font-size:16px;color:#334155}
.blog-article .article-lead{font-size:18px;color:#25344c;margin:0 0 28px}
.blog-article h2{font-size:25px;line-height:1.45;color:#172542;margin:44px 0 18px;scroll-margin-top:24px}
.blog-article h3{font-size:19px;color:#172542;margin:28px 0 12px}
.blog-article p{margin:0 0 18px}
.blog-article ol,.blog-article ul{padding-left:25px;margin:0 0 24px}
.blog-article li{margin:10px 0}
.blog-article a{color:var(--primary)}
.article-toc{background:#f3f7ff;border:1px solid #dce7ff;border-radius:16px;padding:22px 28px;margin:30px 0 40px}
.article-toc strong{display:block;margin-bottom:10px;color:#172542}
.article-toc ol{margin:0}.article-toc li{margin:5px 0}
.article-example{background:#f8fafc;border-left:4px solid var(--primary);padding:19px 22px;border-radius:0 12px 12px 0;margin:16px 0}
.article-example p{margin:0;color:#26334e}
.article-check{background:#f7f9fc;padding:22px 28px 22px 48px!important;border-radius:14px}
.article-faq{border-top:1px solid #e2e8f0}.article-faq h3{margin:24px 0 8px}.article-faq p{padding-bottom:18px;border-bottom:1px solid #e2e8f0}
.article-source{font-size:13px;color:#64748b;background:#f8fafc;border-radius:12px;padding:20px;margin-top:32px!important}
.article-cta a{display:inline-flex;align-items:center;gap:12px;background:var(--primary);padding:13px 20px;border-radius:10px;color:#fff;text-decoration:none;font-weight:700}
@media(max-width:768px){.blog-article{font-size:15px}.blog-article .article-lead{font-size:16px}.blog-article h2{font-size:22px}.article-toc{padding:18px}}

.blog-article .article-updated{font-size:13px;color:#64748b;margin-top:-12px;margin-bottom:26px}
.blog-article .article-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 32px}
.blog-article .article-comparison>div{padding:18px;background:#f4f8ff;border:1px solid #dce7ff;border-radius:12px}
.blog-article .article-comparison strong{color:#163968}
.blog-article .article-comparison p{font-size:14px;margin:8px 0 0}
@media(max-width:768px){.blog-article .article-comparison{grid-template-columns:1fr}}

.listing-card .listing-category{display:block;margin:0 0 10px;color:#0659FD;font-size:12px;font-weight:750}.listing-card .listing-more{display:block;margin-top:16px;color:#0659FD;font-size:13px}

/* Editorial summary: reused by every blog article */
.blog-article .article-summary{background:#edf5ff;border:1px solid #d8e8ff;border-radius:16px;padding:22px 25px;margin:24px 0 32px}
.blog-article .article-summary>strong{color:#0659fd;font-size:16px;display:block;margin-bottom:8px}
.blog-article .article-summary p{margin:0;color:#263e5f}
.blog-article .article-example b{font-weight:700}
@media(max-width:768px){.blog-article .article-summary{padding:18px}}

/* Blog links are consistent with the rest of the website. */
.blog-article a:not(.article-cta a){color:var(--primary);text-decoration:none}
.blog-article a:visited{color:var(--primary)}
.blog-article a:hover{text-decoration:none}