.blog-page .blog-post{max-width:780px;padding:calc(var(--sb-topbar-height) + 40px) 24px 60px;margin:0 auto}body:has(.blog-page .blog-post) .hero-sparkles{display:none}@media (width<=480px){.blog-page .blog-post{padding-left:var(--sb-space-md);padding-right:var(--sb-space-md)}}.blog-page .factor-card{padding:var(--sb-space-lg);border-radius:var(--sb-radius-lg);background:linear-gradient(var(--sb-card-fill), var(--sb-card-fill)) padding-box, var(--sb-gradient) border-box;border:1px solid #0000;transition:transform .2s,box-shadow .2s;animation:4s ease-in-out infinite sb-card-breathe}.blog-page .factor-card:hover{background:linear-gradient(#ffffff0a, #ffffff05), linear-gradient(var(--sb-card-fill), var(--sb-card-fill)) padding-box, var(--sb-gradient) border-box;animation:none;transform:translateY(-3px);box-shadow:0 4px 16px #00000040}.blog-page .example-card{padding:var(--sb-space-lg);border-radius:var(--sb-radius-lg);background:linear-gradient(var(--sb-card-fill), var(--sb-card-fill)) padding-box, var(--sb-gradient) border-box;border:1px solid #0000;transition:transform .2s,box-shadow .2s,background .2s}.blog-page .example-card:hover{background:linear-gradient(#ffffff0a, #ffffff05), linear-gradient(var(--sb-card-fill), var(--sb-card-fill)) padding-box, var(--sb-gradient) border-box;transform:translateY(-3px);box-shadow:0 4px 16px #00000040}