.blog-hero__bg{background:linear-gradient(180deg, var(--color-primary-50) 0%, var(--bg-primary) 100%);border-bottom:1px solid var(--border-color)}.dark .blog-hero__bg{background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary-600) 14%, var(--bg-primary)) 0%, var(--bg-primary) 100%)}.blog-card{transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s var(--ease-out)}.blog-card:hover{border-color:color-mix(in srgb, var(--brand-primary) 40%, var(--border-color));box-shadow:0 20px 40px -22px color-mix(in srgb, var(--brand-primary) 45%, transparent);transform:translateY(-3px)}.blog-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.blog-card__media{overflow:hidden}.blog-card__media img{transition:transform .35s var(--ease-out)}.blog-card:hover .blog-card__media img{transform:scale(1.04)}.blog-card:hover .blog-card__arrow{transform:translate(4px)}.blog-card__arrow{transition:transform .18s var(--ease-out)}.blog-pill{border:1px solid var(--border-color);color:var(--text-secondary);background:var(--card-bg);transition:color .15s var(--ease-out), border-color .15s var(--ease-out), background .15s var(--ease-out);white-space:nowrap;border-radius:999px}.blog-pill:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.blog-pill:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.blog-pill--active{background:var(--brand-primary);color:var(--text-on-primary);border-color:#0000}.blog-pill--active:hover{color:var(--text-on-primary)}.blog-pill-rail{scrollbar-width:none}.blog-pill-rail::-webkit-scrollbar{display:none}.blog-prose a{color:var(--brand-primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--brand-primary) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--brand-primary) 45%, transparent);text-underline-offset:3px;transition:text-decoration-color .15s var(--ease-out);font-weight:500}.blog-prose a:hover{-webkit-text-decoration-color:var(--brand-primary);text-decoration-color:var(--brand-primary)}.blog-link{color:var(--brand-primary);font-weight:600}.blog-link:hover{text-underline-offset:2px;text-decoration:underline}.blog-backlink{color:var(--text-secondary);transition:color .15s var(--ease-out)}.blog-backlink:hover{color:var(--brand-primary)}.blog-btn-primary{color:var(--text-on-primary)}.blog-progress{background:var(--brand-primary);transform-origin:0;will-change:transform}