.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.blog-card{color:inherit;flex-direction:column;min-width:0;text-decoration:none;display:flex;overflow:hidden}.blog-card img,.blog-cover{aspect-ratio:16/9;object-fit:cover;background:var(--bg-raised);width:100%;display:block}.blog-cover{border-radius:14px;margin:26px 0 30px}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 20px;display:flex}.blog-kicker{letter-spacing:.4px;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.blog-meta{color:var(--text-muted);font-size:13px}.blog-featured{color:inherit;gap:0;text-decoration:none;display:grid;overflow:hidden}@media (min-width:768px){.blog-featured{grid-template-columns:1.15fr 1fr}.blog-featured img{aspect-ratio:auto;height:100%;min-height:260px}}.blog-body{color:var(--text-primary);overflow-wrap:anywhere;font-size:17px;line-height:1.78}.blog-body p{margin:0 0 18px}.blog-body h2,.blog-body h3,.blog-body h4{color:var(--text-primary);margin:36px 0 12px;font-weight:700;line-height:1.25}.blog-body h2{font-size:28px}.blog-body h3{font-size:24px}.blog-body h4{margin-top:26px;font-size:19px}.blog-body ul,.blog-body ol{margin:0 0 18px;padding-left:24px}.blog-body li{margin:6px 0}.blog-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.blog-body blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:0 0 18px;padding:4px 18px}.blog-body img{border-radius:12px;max-width:100%;height:auto}.blog-body table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:15px}.blog-body th,.blog-body td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.blog-body th{background:var(--bg-raised)}.blog-body code{background:var(--bg-raised);border-radius:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.blog-body pre{background:var(--bg-raised);border-radius:10px;margin:0 0 18px;padding:14px 16px;overflow-x:auto}.blog-body pre code{background:0 0;padding:0}.blog-body hr{border:0;border-top:1px solid var(--border);margin:30px 0}.blog-cta{background:var(--gradient-accent);color:#fff;border:none;margin-top:40px;padding:26px 28px}