.blog-head{padding:var(--kb-space-7) 0 var(--kb-space-4)}.kb2 .blog-head h1{margin-bottom:var(--kb-space-1)}.blog-head>p{margin-bottom:var(--kb-space-5)}.blog-search{position:relative;display:flex;gap:var(--kb-space-2);max-width:560px}.blog-search .kb-input{padding-left:40px}.blog-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--kb-muted);pointer-events:none;display:flex}.blog-cats{display:flex;gap:var(--kb-space-2);overflow-x:auto;padding:var(--kb-space-1) 0 var(--kb-space-2);scrollbar-width:none}.blog-cats::-webkit-scrollbar{display:none}.blog-cat{flex:none;display:inline-flex;align-items:center;height:34px;padding:0 var(--kb-space-4);border:1px solid var(--kb-border);border-radius:var(--kb-radius-full);background:var(--kb-surface);font-size:var(--kb-text-sm);text-decoration:none;white-space:nowrap}.kb2 a.blog-cat{color:var(--kb-ink)}.kb2 a.blog-cat:hover{border-color:var(--kb-border-strong);color:var(--kb-ink-strong)}.kb2 a.blog-cat[aria-current=page]{background:var(--kb-accent);border-color:var(--kb-accent);color:var(--kb-on-accent)}.blog-count{font-size:var(--kb-text-sm);margin:var(--kb-space-3) 0 var(--kb-space-4)}.blog-grid{display:grid;gap:var(--kb-space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-bottom:var(--kb-space-6)}.blog-card{padding:0;overflow:hidden}.blog-card-link{display:flex;flex-direction:column;height:100%;padding:var(--kb-space-5);color:inherit;text-decoration:none}.kb2 a.blog-card-link{color:inherit}.blog-card .kb-card-media{display:grid;place-items:center;color:var(--kb-muted)}.blog-card-tags{min-height:24px;margin-bottom:var(--kb-space-2);gap:var(--kb-space-2)}.kb2 .blog-card .kb-card-title{margin-bottom:var(--kb-space-2)}.blog-card-summary{color:var(--kb-muted);font-size:var(--kb-text-sm);margin:0 0 var(--kb-space-3)}.blog-card .kb-card-meta{margin:auto 0 0}@media(max-width:599px){.blog-head{padding:var(--kb-space-5) 0 var(--kb-space-3)}.kb2 .blog-head h1{font-size:var(--kb-text-2xl)}.blog-head>p{margin-bottom:var(--kb-space-4)}.blog-search{max-width:none}.blog-search .kb-btn{flex:none}.blog-cats{margin-inline:calc(var(--kb-gutter) * -1);padding-inline:var(--kb-gutter);scroll-padding-inline:var(--kb-gutter)}.blog-count{margin:var(--kb-space-2) 0 var(--kb-space-3)}.blog-grid{gap:var(--kb-space-3);margin-bottom:var(--kb-space-5)}.blog-card-link{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--kb-space-3);padding:var(--kb-space-3)}.blog-card .kb-card-media{grid-row:1 / -1;margin:0;min-height:96px;aspect-ratio:auto;border-radius:var(--kb-radius-sm)}.blog-card-tags{min-width:0;min-height:20px;margin:0;overflow:hidden;flex-wrap:nowrap}.blog-card-tags .kb-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb2 .blog-card .kb-card-title{margin:3px 0;font-size:var(--kb-text-sm);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-summary{display:none}.blog-card .kb-card-meta{align-self:end;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:359px){.blog-card-link{grid-template-columns:96px minmax(0,1fr)}.blog-search .kb-btn{padding-inline:var(--kb-space-3)}}
