.tc-blog{min-width:0}
.tc-blog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.tc-blog-header h2{margin:0}
.tc-blog-controls{display:flex;gap:8px}
.tc-blog-controls[hidden]{display:none}
.tc-blog-controls .tc-button{padding:6px 12px;min-height:40px}
.tc-blog-controls button:disabled{opacity:.4;cursor:default}
.tc-blog-track{--blog-count:4;--blog-gap:12px;--blog-peek:32px;display:flex;gap:var(--blog-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;padding:4px 2px 12px}
.tc-blog-card{box-sizing:border-box;flex:0 0 calc((100% - var(--blog-peek) - var(--blog-gap)*var(--blog-count))/var(--blog-count));display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--tc-border);border-radius:var(--tc-radius-2);background:var(--tc-surface);color:var(--tc-text);text-decoration:none;scroll-snap-align:start}
.tc-blog-card:hover{border-color:var(--tc-primary);color:var(--tc-primary)}
.tc-blog-card:focus-visible,.tc-blog-track:focus-visible{outline:2px solid var(--tc-primary);outline-offset:2px}
.tc-blog-thumbnail{display:block;flex:0 0 72px;width:72px;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--tc-surface-alt)}
.tc-blog-thumbnail img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.tc-blog-thumbnail img.tc-blog-fallback{object-fit:contain}
.tc-blog-card h3{font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere;min-width:0}
@media(max-width:1023px){.tc-blog-track{--blog-count:2}}
@media(max-width:639px){.tc-blog-track{--blog-count:1;--blog-peek:28px}.tc-blog-thumbnail{flex-basis:80px;width:80px}.tc-blog-card h3{font-size:15px}}