.article-card.svelte-e36oom{position:relative;background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.article-card.svelte-e36oom:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-link.svelte-e36oom{display:block;text-decoration:none;color:inherit;height:100%}.card-image.svelte-e36oom{position:relative;width:100%;overflow:hidden}.card-image.svelte-e36oom img:where(.svelte-e36oom){width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card.svelte-e36oom:hover .card-image:where(.svelte-e36oom) img:where(.svelte-e36oom){transform:scale(1.05)}.image-placeholder.svelte-e36oom{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.category-badge.svelte-e36oom{position:absolute;top:var(--spacing-3);left:var(--spacing-3);background:var(--color-primary);color:var(--color-text-inverse);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;z-index:2}.card-content.svelte-e36oom{padding:var(--spacing-4)}.card-title.svelte-e36oom{margin:0 0 var(--spacing-2) 0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);font-size:var(--font-size-lg);font-family:var(--font-heading)}.card-summary.svelte-e36oom{margin:0 0 var(--spacing-3) 0;color:var(--color-text-secondary);line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.card-meta.svelte-e36oom{display:flex;gap:var(--spacing-3);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.meta-author.svelte-e36oom{font-weight:500}.card-stats.svelte-e36oom{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light)}.stat.svelte-e36oom{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.stat.svelte-e36oom i:where(.svelte-e36oom){display:inline-block;width:16px;height:16px;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;flex-shrink:0;opacity:.7}.stat.svelte-e36oom:hover{color:var(--color-primary)}.stat.svelte-e36oom:hover i:where(.svelte-e36oom){opacity:1}.icon-eye.svelte-e36oom{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")}.icon-heart.svelte-e36oom{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E")}.icon-message.svelte-e36oom{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z'/%3E%3C/svg%3E")}.icon-bookmark.svelte-e36oom{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E")}.like-btn.svelte-e36oom,.bookmark-btn.svelte-e36oom{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .75rem;border:none;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#0000000d;color:#666;min-height:2rem}.like-btn.svelte-e36oom i:where(.svelte-e36oom),.bookmark-btn.svelte-e36oom i:where(.svelte-e36oom){display:inline-block;width:1rem;height:1rem;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;flex-shrink:0}.like-btn.svelte-e36oom:hover,.like-btn.active.svelte-e36oom{background:#ec4899;color:#fff;transform:scale(1.05)}.bookmark-btn.svelte-e36oom{padding:.35rem .6rem}.bookmark-btn.svelte-e36oom:hover,.bookmark-btn.active.svelte-e36oom{background:#d4af37;color:#fff;transform:scale(1.05)}.like-btn.svelte-e36oom:active,.bookmark-btn.svelte-e36oom:active{transform:scale(.98)}.like-btn.svelte-e36oom:focus-visible,.bookmark-btn.svelte-e36oom:focus-visible{outline:2px solid #4A90E2;outline-offset:2px}.card-hero.svelte-e36oom{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:25rem}.card-hero.svelte-e36oom .card-image:where(.svelte-e36oom){height:100%;min-height:25rem}.card-hero.svelte-e36oom .card-content:where(.svelte-e36oom){padding:var(--spacing-10);display:flex;flex-direction:column;justify-content:center}.card-hero.svelte-e36oom .card-title:where(.svelte-e36oom){font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-hero.svelte-e36oom .card-summary:where(.svelte-e36oom){font-size:var(--font-size-base);margin-bottom:var(--spacing-5);display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-featured.svelte-e36oom{display:flex;flex-direction:column}.card-featured.svelte-e36oom .card-image:where(.svelte-e36oom){height:15rem}.card-featured.svelte-e36oom .card-content:where(.svelte-e36oom){padding:var(--spacing-5)}.card-featured.svelte-e36oom .card-title:where(.svelte-e36oom){font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-featured.svelte-e36oom .card-summary:where(.svelte-e36oom){font-size:var(--font-size-sm);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-standard.svelte-e36oom{display:flex;flex-direction:column}.card-standard.svelte-e36oom .card-image:where(.svelte-e36oom){height:12.5rem}.card-standard.svelte-e36oom .card-title:where(.svelte-e36oom){font-size:var(--font-size-lg);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-compact.svelte-e36oom{display:grid;grid-template-columns:6.25rem 1fr;gap:var(--spacing-3);padding:var(--spacing-3)}.card-compact.svelte-e36oom .card-image:where(.svelte-e36oom){height:4.5rem;width:6.25rem;border-radius:var(--radius-sm)}.card-compact.svelte-e36oom .card-content:where(.svelte-e36oom){padding:0;display:flex;flex-direction:column;justify-content:center}.card-compact.svelte-e36oom .card-title:where(.svelte-e36oom){font-size:var(--font-size-sm);line-height:var(--line-height-snug);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-compact.svelte-e36oom .category-badge:where(.svelte-e36oom){display:none}.card-compact.svelte-e36oom .card-meta:where(.svelte-e36oom){font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.card-hero.svelte-e36oom .like-btn:where(.svelte-e36oom),.card-hero.svelte-e36oom .bookmark-btn:where(.svelte-e36oom){background:#ffffff26;color:#ffffffe6}.card-hero.svelte-e36oom .like-btn:where(.svelte-e36oom):hover{background:#ec4899;color:#fff}.card-hero.svelte-e36oom .bookmark-btn:where(.svelte-e36oom):hover{background:#d4af37;color:#fff}.card-featured.svelte-e36oom .like-btn:where(.svelte-e36oom),.card-featured.svelte-e36oom .bookmark-btn:where(.svelte-e36oom){padding:.4rem .7rem;font-size:.9rem}.card-compact.svelte-e36oom .like-btn:where(.svelte-e36oom),.card-compact.svelte-e36oom .bookmark-btn:where(.svelte-e36oom){padding:.25rem .5rem;font-size:.8rem;gap:.25rem;min-width:28px;min-height:28px}@media (max-width: 768px){.card-hero.svelte-e36oom{grid-template-columns:1fr;min-height:auto}.card-hero.svelte-e36oom .card-image:where(.svelte-e36oom){min-height:300px}.card-hero.svelte-e36oom .card-content:where(.svelte-e36oom){padding:24px}.like-btn.svelte-e36oom,.bookmark-btn.svelte-e36oom{padding:.2rem .4rem;font-size:.75rem;gap:.2rem;min-width:44px;min-height:32px;justify-content:center}.card-stats.svelte-e36oom{flex-wrap:wrap;gap:8px}}@media (max-width: 480px){.like-btn.svelte-e36oom,.bookmark-btn.svelte-e36oom{padding:.15rem .35rem;font-size:.7rem;min-height:28px}.bookmark-btn.svelte-e36oom span:where(.svelte-e36oom){display:none}.card-compact.svelte-e36oom .like-btn:where(.svelte-e36oom),.card-compact.svelte-e36oom .bookmark-btn:where(.svelte-e36oom){width:28px;height:28px;padding:0;font-size:.65rem}}@media (hover: none) and (pointer: coarse){.like-btn.svelte-e36oom,.bookmark-btn.svelte-e36oom{min-width:44px;min-height:44px}}@media (prefers-reduced-motion: reduce){.like-btn.svelte-e36oom,.bookmark-btn.svelte-e36oom{transition:none}.like-btn.svelte-e36oom:hover,.bookmark-btn.svelte-e36oom:hover{transform:none}}@media (max-height: 600px){.card-hero.svelte-e36oom .card-summary:where(.svelte-e36oom),.card-featured.svelte-e36oom .card-summary:where(.svelte-e36oom){display:none}.card-hero.svelte-e36oom .card-content:where(.svelte-e36oom),.card-featured.svelte-e36oom .card-content:where(.svelte-e36oom){padding:var(--spacing-4)}}@media (max-height: 500px){.card-stats.svelte-e36oom{display:none}.card-hero.svelte-e36oom .card-title:where(.svelte-e36oom){font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}}@media (max-height: 400px){.card-meta.svelte-e36oom{display:none}.card-compact.svelte-e36oom .card-image:where(.svelte-e36oom){height:3.5rem;width:5rem}}