.ad-container.svelte-1uaatvx{width:100%;padding:.5rem 0}.ad-container.svelte-1uaatvx:not(.posts-grid .ad-container){margin:1rem 0}@media (min-width: 768px){.ad-container.svelte-1uaatvx{padding:.75rem 0}.ad-container.svelte-1uaatvx:not(.posts-grid .ad-container){margin:1.5rem 0}}.ad-label.svelte-1uaatvx{font-size:.75rem;font-weight:500;color:#6b7280;text-align:center;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.posts-grid .ad-container{grid-column:1 / -1}.main-container.svelte-8bsh9r{max-width:80rem;margin:0 auto;padding:2rem 1rem}@media (min-width: 768px){.main-container.svelte-8bsh9r{padding:2rem}}.page-title-section.svelte-8bsh9r{margin-bottom:2rem}.page-title.svelte-8bsh9r{font-size:1.875rem;font-weight:700;color:#111827;line-height:1.2}@media (min-width: 768px){.page-title.svelte-8bsh9r{font-size:2.25rem}}.mobile-layout.svelte-8bsh9r{display:block}@media (min-width: 768px){.mobile-layout.svelte-8bsh9r{display:none}}.mobile-posts-list.svelte-8bsh9r{display:flex;flex-direction:column;gap:1.5rem}.mobile-card-wrapper.svelte-8bsh9r{width:100%}.mobile-card-wrapper.svelte-8bsh9r .card-default{width:100%!important}.desktop-layout.svelte-8bsh9r{display:none}@media (min-width: 768px){.desktop-layout.svelte-8bsh9r{display:block}}.hero-section.svelte-8bsh9r{margin-bottom:2rem}.grid-section.svelte-8bsh9r{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.grid-section.svelte-8bsh9r{grid-template-columns:repeat(2,1fr)}}.posts-grid.svelte-8bsh9r{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.posts-grid.svelte-8bsh9r{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.posts-grid.svelte-8bsh9r{grid-template-columns:repeat(3,1fr)}}.loading-container.svelte-8bsh9r{width:100%;min-height:100px;display:flex;align-items:center;justify-content:center;margin-top:2rem}.loading-spinner.svelte-8bsh9r{display:flex;flex-direction:column;align-items:center}.loading-text.svelte-8bsh9r{color:#9ca3af;text-align:center;margin-top:1rem}.spinner.svelte-8bsh9r{width:32px;height:32px;border:3px solid #374151;border-top:3px solid #3b82f6;border-radius:50%;animation:svelte-8bsh9r-spin 1s linear infinite}@keyframes svelte-8bsh9r-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}