.blog-card{isolation:isolate;position:relative}.blog-card-bg{background-color:var(--surface-base);background-image:linear-gradient(var(--surface-raised), var(--surface-raised))}.blog-card:before{content:"";inset-inline:0;z-index:30;opacity:0;background:linear-gradient(90deg, transparent, var(--interactive-primary-bg), transparent);height:1px;transition:opacity .4s;position:absolute;top:0}.blog-card:hover:before,.blog-card:focus-visible:before{opacity:1}.blog-card-pill{border:1px solid var(--border-default);border-radius:var(--corner-md,10px);background-color:var(--surface-sunken);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.blog-card-media{box-shadow:inset 0 0 0 1px var(--border-default)}.blog-card-notch{background-color:var(--surface-base);background-image:linear-gradient(var(--surface-raised), var(--surface-raised));border-top-left-radius:22px}.blog-card-cta{border:1px solid var(--border-strong);border-radius:var(--corner-lg,14px);background-color:var(--surface-raised);min-height:44px;color:var(--text-primary);white-space:nowrap;box-shadow:var(--elevation-md);align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:600;transition:border-color .3s,color .3s;display:inline-flex}.blog-card:hover .blog-card-cta{border-color:var(--border-brand);color:var(--text-brand)}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card *{transition-duration:.01ms!important;transform:none!important}}