.blog-grid-section.svelte-2fbb0q{margin-top:3rem}.blog-grid.svelte-2fbb0q{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:2rem 0;display:grid}@media (min-width:768px){.blog-grid.svelte-2fbb0q{grid-template-columns:repeat(auto-fill,minmax(280px,1fr) minmax(280px,1fr))}}.blog-card.svelte-2fbb0q{background-color:#f5f5f5;border-radius:20px;flex-direction:column;gap:1.5rem;display:flex;container:blogcard/inline-size}.blog-image-container.svelte-2fbb0q{border-radius:12px;height:220px;position:relative;overflow:hidden}.blog-image-container.svelte-2fbb0q:after{content:"";background-color:var(--primary);z-index:1;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}.blog-image-container.svelte-2fbb0q .blog-image:where(.svelte-2fbb0q){object-fit:cover;z-index:2;border-radius:8px;width:calc(100% - 1rem);height:calc(100% - 1rem);margin:.5rem auto;position:relative}@container blogcard (width>340px){.blog-image-container.svelte-2fbb0q{height:360px}}.blog-content.svelte-2fbb0q{flex-direction:column;flex:1;padding:1rem;display:flex}.blog-content.svelte-2fbb0q h3:where(.svelte-2fbb0q){color:var(--secondary);margin-bottom:1rem;font-size:22px;font-weight:700;line-height:1.3}.blog-content.svelte-2fbb0q p:where(.svelte-2fbb0q){color:#333;margin-bottom:0;font-size:16px;line-height:1.6}.blog-content.svelte-2fbb0q .nuisiout_slide-ui span{padding:.5rem 1.25rem}