.container.svelte-6rc873.svelte-6rc873{width:100%;max-width:1400px;margin:0 auto;padding:2rem;box-sizing:border-box}h1.svelte-6rc873.svelte-6rc873{font-size:clamp(2rem,5vw,2.5rem);color:var(--text-color);margin:2rem;text-align:center}ul.svelte-6rc873.svelte-6rc873{display:flex;flex-wrap:wrap;margin-right:5px;justify-content:center;margin-bottom:2rem}li.svelte-6rc873.svelte-6rc873{margin:0 10px 10px 0}button.svelte-6rc873.svelte-6rc873{background:none;border:2px solid var(--text-color);color:var(--text-color);padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:background-color .3s,color .3s}button.svelte-6rc873.svelte-6rc873:hover{background-color:var(--text-color);color:var(--bg-color)}.article-grid.svelte-6rc873.svelte-6rc873{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.article-card.svelte-6rc873.svelte-6rc873{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.article-card.svelte-6rc873 p.svelte-6rc873{font-size:.9rem;color:#666;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-card.svelte-6rc873.svelte-6rc873:hover{transform:translateY(-5px)}.article-card.svelte-6rc873 h2.svelte-6rc873{font-size:1.25rem;color:#333;margin-bottom:.5rem}.article-card.svelte-6rc873 p.svelte-6rc873{font-size:.9rem;color:#666;margin-bottom:1rem}.read-more.svelte-6rc873.svelte-6rc873{display:inline-block;font-size:.9rem;color:#333;text-decoration:none;border-bottom:1px solid #333;transition:color .3s ease}.read-more.svelte-6rc873.svelte-6rc873:hover{color:#666}@media (max-width: 768px){.container.svelte-6rc873.svelte-6rc873{padding:1rem;margin-top:2rem}h1.svelte-6rc873.svelte-6rc873{font-size:2rem;margin-bottom:1.5rem}.article-grid.svelte-6rc873.svelte-6rc873{grid-template-columns:1fr;gap:1.5rem}.article-card.svelte-6rc873.svelte-6rc873{margin:0;width:100%;border-radius:12px;box-shadow:0 6px 12px #0000001a;transition:transform .3s ease;overflow:hidden}.article-card.svelte-6rc873 h2.svelte-6rc873{font-size:1.4rem}.article-card.svelte-6rc873 p.svelte-6rc873{font-size:1rem;line-height:1.6}.read-more.svelte-6rc873.svelte-6rc873{display:inline-block;padding:.5rem 1rem;background-color:#f0f0f0;border-radius:20px;text-decoration:none;transition:background-color .3s ease}.read-more.svelte-6rc873.svelte-6rc873:hover{background-color:#e0e0e0}}