:root{--blog-spring-easing: linear( 0, .2459, .6526, .9468, 1.0764, 1.0915, 1.0585, 1.0219, .9993, .9914, .9921, .9957, .9988, 1.0004, 1 );--blog-clay-bg: #fdfdfd;--blog-card-bg: #ffffff;--blog-text-primary: #0f172a;--blog-text-secondary: #475569;--blog-sapphire-light: var(--sapphire-light, #6366f1);--blog-sapphire-main: var(--sapphire-main, #4338ca);--blog-sapphire-glow: var(--sapphire-main-40, rgba(67, 56, 202, .4));--blog-teal: #0d7377;--blog-teal-light: #e0f7f4}.blog-noise-bg{background-color:var(--blog-clay-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");overflow-x:hidden}.blog-clay-card{background:var(--blog-card-bg);border-radius:20px;border:none;overflow:hidden;box-shadow:0 4px 8px #0000001a,0 2px 4px #00000014,inset 0 2px 3px #ffffff80,inset 0 -1px 2px #0000000a;transition:transform .55s var(--blog-spring-easing),box-shadow .3s ease;will-change:transform}.blog-clay-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 8px 16px #0000001f,0 4px 8px #0000001a,inset 0 2px 3px #fff9,inset 0 -1px 2px #0000000a}.blog-clay-card--featured{border-radius:24px;box-shadow:0 6px 12px #0000001a,0 3px 6px #00000014,inset 0 2px 4px #ffffff80,inset 0 -1px 2px #0000000a}.blog-clay-card--featured:hover{transform:translateY(-6px) scale(1.003);box-shadow:0 12px 24px #0000001f,0 6px 12px #0000001a,inset 0 2px 4px #fff9,inset 0 -1px 2px #0000000a}.blog-clay-chip{border:none!important;border-radius:20px!important;padding:8px 20px;font-weight:600;background:#f1f5f9;cursor:pointer;box-shadow:0 3px 6px #00000014,0 1px 3px #0000000f,inset 0 1px 1px #ffffff80,inset 0 -1px 1px #00000008;transition:transform .55s var(--blog-spring-easing),box-shadow .55s var(--blog-spring-easing),background-color .2s ease,color .2s ease}.blog-clay-chip:hover:not(.blog-chip--selected){transform:translateY(-2px);box-shadow:0 5px 10px #0000001a,0 2px 4px #00000014,inset 0 1px 1px #fff9,inset 0 -1px 1px #00000008}.blog-chip--selected{transform:translateY(2px);background:var(--chip-color, var(--blog-sapphire-main));color:#fff!important;box-shadow:inset 0 3px 6px #00000026,inset 0 1px 3px #0000001f,0 0 8px var(--chip-color, var(--sapphire-main-50)),0 0 16px var(--chip-color, var(--sapphire-main-35)),0 0 24px var(--chip-color, var(--sapphire-main-20))}.blog-chip--selected:hover{transform:translateY(2px);background:var(--chip-color, var(--blog-sapphire-main))!important;box-shadow:inset 0 3px 6px #00000026,inset 0 1px 3px #0000001f,0 0 12px var(--chip-color, var(--sapphire-main-60)),0 0 20px var(--chip-color, var(--sapphire-main-40)),0 0 32px var(--chip-color, var(--sapphire-main-25))}.blog-clay-chip .MuiChip-label{padding-left:4px;padding-right:4px}@media(prefers-reduced-motion:reduce){.blog-clay-card,.blog-clay-card--featured,.blog-clay-chip{transition:none}.blog-clay-card:hover,.blog-clay-card--featured:hover,.blog-clay-chip:hover,.blog-chip--selected{transform:none}}.blog-clay-card:focus-visible,.blog-clay-chip:focus-visible{outline:2px solid var(--blog-sapphire-main);outline-offset:2px}