.blog-tile{border-radius:var(--border-radius-xl);background-color:var(--color-surface);border:1px solid var(--color-border);color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.blog-tile__image{justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.blog-tile__icon{color:#ffffff40;width:64px;height:64px}.blog-tile__badge{-webkit-backdrop-filter:blur(8px);color:var(--color-primary);letter-spacing:.02em;background:#ffffffd9;border-radius:100px;padding:5px 12px;font-size:12px;font-weight:600;line-height:1.3;display:inline-block;position:absolute;top:14px;left:14px}.blog-tile__body{padding:var(--spacing-md)var(--spacing-lg)var(--spacing-lg);flex-direction:column;flex:1;display:flex}.blog-tile__title{margin:var(--spacing-xs)0 var(--spacing-xs);font-size:var(--font-size-md);color:var(--color-dark);font-weight:700;line-height:1.35}.blog-tile__excerpt{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}.blog-tile__meta{align-items:center;gap:4px var(--spacing-md);flex-wrap:wrap;display:flex}.blog-tile__author{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.blog-tile__author svg{flex-shrink:0;width:14px;height:14px}.blog-tile__readtime{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.blog-tile__readtime svg{width:14px;height:14px}.blog-tile__read-link{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary);align-self:flex-start;align-items:center;gap:4px;font-weight:700;transition:color .15s;display:inline-flex}.blog-tile__read-link svg{flex-shrink:0;width:14px;height:14px;transition:transform .15s}.blog-tile:hover .blog-tile__read-link{color:var(--color-primary-hover)}.blog-tile:hover .blog-tile__read-link svg{transform:translate(2px,-2px)}@media (max-width:768px){.blog-tile__image{height:140px}.blog-tile__body{padding:var(--spacing-sm)var(--spacing-md)var(--spacing-md)}}