.blog-container.svelte-zl0fz4{min-height:100vh;width:100%;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column}@media (max-width: 768px){.blog-container.svelte-zl0fz4{padding-top:4rem}}main.svelte-zl0fz4{flex:1}.blog-main-content.svelte-zl0fz4{min-height:100vh;padding-top:4rem;padding-bottom:4rem}.content-wrapper.svelte-zl0fz4{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.page-header.svelte-zl0fz4{max-width:64rem;margin-left:auto;margin-right:auto;margin-bottom:3rem;text-align:center}.page-title.svelte-zl0fz4{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:color-mix(in srgb,var(--secondary-color) 80%,black);margin-bottom:1rem}.page-subtitle.svelte-zl0fz4{font-size:1.125rem;line-height:1.75rem;color:var(--secondary-color)}.loading-container.svelte-zl0fz4{display:flex;justify-content:center;align-items:center;padding-top:5rem;padding-bottom:5rem}.loading-spinner.svelte-zl0fz4{height:3rem;width:3rem;border-top-width:2px;border-bottom-width:2px;border-color:#111827;border-radius:9999px;animation:svelte-zl0fz4-spin 1s linear infinite}.loading-text.svelte-zl0fz4{margin-left:1rem;font-size:1.125rem;line-height:1.75rem;color:var(--secondary-color)}.posts-grid.svelte-zl0fz4{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}.status-text.svelte-zl0fz4{text-align:center;padding-top:2.5rem;padding-bottom:2.5rem}.error-text.svelte-zl0fz4{color:#dc2626}.no-posts-text.svelte-zl0fz4{color:var(--secondary-color)}@media (min-width: 640px){.content-wrapper.svelte-zl0fz4{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.posts-grid.svelte-zl0fz4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.content-wrapper.svelte-zl0fz4{padding-left:2rem;padding-right:2rem}.posts-grid.svelte-zl0fz4{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes svelte-zl0fz4-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.posts-grid.svelte-zl0fz4{gap:1rem}.blog-main-content.svelte-zl0fz4{padding-top:2rem;padding-bottom:2rem}.page-header.svelte-zl0fz4{margin-bottom:1.5rem}}