.page.svelte-7wcwqh{max-width:1200px;margin:0 auto;padding:0 1rem}.hero.svelte-7wcwqh{text-align:center;margin-bottom:2rem;padding:3rem 1rem}.hero.svelte-7wcwqh h1:where(.svelte-7wcwqh){color:#333;margin:0 0 .5rem;font-size:2.5rem}.hero.svelte-7wcwqh p:where(.svelte-7wcwqh){color:#666;margin:0;font-size:1.1rem}.loading.svelte-7wcwqh,.error.svelte-7wcwqh,.empty.svelte-7wcwqh{text-align:center;color:#666;padding:3rem 1rem}.error.svelte-7wcwqh{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:2rem}.error.svelte-7wcwqh button:where(.svelte-7wcwqh){color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;margin-top:1rem;padding:.5rem 1rem}.grid.svelte-7wcwqh{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.card.svelte-7wcwqh{color:inherit;background:#fff;border-radius:12px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.card.svelte-7wcwqh:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.image.svelte-7wcwqh{background:#f5f5f5;width:100%;height:200px;overflow:hidden}.image.svelte-7wcwqh img:where(.svelte-7wcwqh){object-fit:cover;width:100%;height:100%;transition:transform .3s}.card.svelte-7wcwqh:hover .image:where(.svelte-7wcwqh) img:where(.svelte-7wcwqh){transform:scale(1.05)}.image-placeholder.svelte-7wcwqh{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.content.svelte-7wcwqh{flex-direction:column;flex:1;padding:1.5rem;display:flex}.content.svelte-7wcwqh h3:where(.svelte-7wcwqh){color:#333;margin:0 0 .5rem;font-size:1.2rem}.location.svelte-7wcwqh,.date.svelte-7wcwqh,.description.svelte-7wcwqh{color:#666;margin:.25rem 0;font-size:.9rem;line-height:1.4}.description.svelte-7wcwqh{color:#555;flex:1;margin-top:.5rem}.meta.svelte-7wcwqh{color:#999;border-top:1px solid #eee;gap:1rem;margin-top:1rem;padding-top:1rem;font-size:.85rem;display:flex}.views.svelte-7wcwqh,.comments.svelte-7wcwqh{align-items:center;gap:.25rem;display:flex}@media (width<=640px){.hero.svelte-7wcwqh h1:where(.svelte-7wcwqh){font-size:1.8rem}.hero.svelte-7wcwqh p:where(.svelte-7wcwqh){font-size:1rem}.grid.svelte-7wcwqh{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.content.svelte-7wcwqh{padding:1rem}.image.svelte-7wcwqh{height:150px}}