.blog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:25px}.blog-heading h2{font-size:26px;letter-spacing:-.7px}.blog-heading p{color:var(--muted);font-size:13px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 4px 16px #20232905}.blog-card-image{height:215px;width:100%;object-fit:contain;display:block;background:#f4f5f7;padding:18px;border-bottom:1px solid #eceef1}.blog-card-copy{display:flex;flex-direction:column;flex:1;padding:25px 25px 23px}.blog-category{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;color:#3267d0;margin:0 0 13px}.blog-card h3{font-size:23px;letter-spacing:-.5px;line-height:1.25;margin:0 0 14px}.blog-card h3 a:hover{color:#1c62ca}.blog-excerpt{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 24px}.blog-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.blog-card-bottom span{color:#737c88;font-size:11px}.blog-read{font-size:13px;font-weight:600;color:#1c62ca}.blog-read:hover{text-decoration:underline;text-underline-offset:4px}.blog-read:focus-visible,.blog-card h3 a:focus-visible{outline:3px solid #3267d0;outline-offset:5px}.blog-demo-note{font-size:13px;color:var(--muted);line-height:1.7;margin:32px 0 0}.demo-badge{display:inline-block;color:#596475;background:#edf0f5;padding:6px 10px;border-radius:6px;font-size:12px}.sample-article .article-cover img{height:300px}.sample-article .article-meta{align-items:center}.sample-article .prose a{color:#1c62ca;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;gap:24px}.blog-heading{display:block}.blog-heading p{margin-top:10px}.blog-card-image{height:210px}.blog-card-copy{padding:23px}.blog-card h3{font-size:23px}.sample-article .article-cover img{height:230px}}