.artikel-page.svelte-14htgmf{background:var(--color-bg);min-height:60vh;padding:32px 0}h1.svelte-14htgmf{font-size:24px;color:var(--color-dark);margin-bottom:24px}.filters.svelte-14htgmf{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search-form.svelte-14htgmf{display:flex;flex:1;min-width:200px}.search-form.svelte-14htgmf input:where(.svelte-14htgmf){flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius) 0 0 var(--radius);font-size:14px;outline:none;background:var(--color-card);color:var(--color-text)}.search-form.svelte-14htgmf button:where(.svelte-14htgmf){padding:10px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;font-weight:600}select.svelte-14htgmf{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px;background:var(--color-card);color:var(--color-text)}.loading.svelte-14htgmf,.empty.svelte-14htgmf{text-align:center;padding:60px;color:var(--color-muted)}.article-grid.svelte-14htgmf{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.art-card.svelte-14htgmf{background:var(--color-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.thumb-link.svelte-14htgmf{position:relative;display:block}.thumb-link.svelte-14htgmf img:where(.svelte-14htgmf){width:100%;height:180px;object-fit:cover}.thumb-link.svelte-14htgmf .cat-badge:where(.svelte-14htgmf){position:absolute;top:10px;left:10px}.card-body.svelte-14htgmf{padding:14px 16px}.card-body.svelte-14htgmf h3:where(.svelte-14htgmf){font-size:15px;line-height:1.3;margin-bottom:6px}.excerpt.svelte-14htgmf{font-size:12px;color:var(--color-muted);margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pagination.svelte-14htgmf{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.pagination.svelte-14htgmf button:where(.svelte-14htgmf){padding:10px 20px;border:1px solid var(--color-border);background:var(--color-card);border-radius:var(--radius);cursor:pointer;font-weight:600;color:var(--color-primary)}.pagination.svelte-14htgmf button:where(.svelte-14htgmf):hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination.svelte-14htgmf span:where(.svelte-14htgmf){font-size:14px;color:var(--color-muted)}@media (max-width: 991px){.article-grid.svelte-14htgmf{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.article-grid.svelte-14htgmf{grid-template-columns:1fr}}