.article-card.svelte-wbbct5{background:var(--color-surface-container);cursor:pointer;flex-direction:column;width:100%;display:flex;overflow:hidden}.mobile-layout.svelte-wbbct5{aspect-ratio:3/4;border-bottom:1px solid var(--color-outline-variant);background:var(--color-bg);flex-direction:column;width:100%;height:100%;display:flex}.desktop-layout.svelte-wbbct5{display:none}.card-image.svelte-wbbct5{background:var(--color-surface-container-lowest);width:100%;height:62%;position:relative;overflow:hidden}.card-image.svelte-wbbct5 .image{object-fit:cover;filter:grayscale()brightness(.9);width:100%;height:100%;transition:transform var(--transition-slow), filter var(--transition-slow)}.article-card.svelte-wbbct5:hover .card-image:where(.svelte-wbbct5) .image{filter:grayscale(.2)brightness();transform:scale(1.05)}.card-content.svelte-wbbct5{background:var(--color-bg);flex-direction:column;justify-content:space-between;height:38%;padding:16px;display:flex}.genre-tag.svelte-wbbct5{margin-bottom:8px;display:inline-block}.genre-text.svelte-wbbct5{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--color-on-surface-variant);opacity:.8;font-size:9px;font-weight:700}.article-title.svelte-wbbct5{font-family:var(--font-serif);color:var(--color-primary);-webkit-line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;margin:0;font-size:20px;font-weight:500;line-height:1.15;display:-webkit-box;overflow:hidden}.article-summary.svelte-wbbct5{font-family:var(--font-sans);color:var(--color-on-surface-variant);-webkit-line-clamp:1;opacity:.7;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.content-bottom.svelte-wbbct5{align-items:center;margin-top:12px;display:flex}.metadata-row.svelte-wbbct5{color:var(--color-on-surface-variant);opacity:.6;align-items:center;gap:6px;display:flex}.mobile-highlight-comment.svelte-wbbct5{font-family:var(--font-sans);color:var(--color-on-surface-variant);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:11px;font-style:italic;display:-webkit-box;overflow:hidden}.icon.svelte-wbbct5{font-size:14px}.metadata-text.svelte-wbbct5{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}@media (width>=768px){.mobile-layout.svelte-wbbct5{display:none}.article-card.svelte-wbbct5{border:1px solid var(--color-outline-variant);transition:border-color var(--transition-base), transform var(--transition-base);background:var(--color-bg);width:100%;height:auto}.article-card.svelte-wbbct5:hover{border-color:var(--color-outline);transform:translateY(-2px)}.desktop-layout.svelte-wbbct5{flex-direction:column;width:100%;height:100%;display:flex}.desktop-image-area.svelte-wbbct5{aspect-ratio:16/10;background:var(--color-surface-container-lowest);width:100%;position:relative;overflow:hidden}.desktop-image-area.svelte-wbbct5 .desktop-img{object-fit:cover;filter:grayscale()brightness(.9);width:100%;height:100%;transition:transform var(--transition-slow), filter var(--transition-slow)}.article-card.svelte-wbbct5:hover .desktop-image-area:where(.svelte-wbbct5) .desktop-img{filter:grayscale(.2)brightness();transform:scale(1.04)}.desktop-text-area.svelte-wbbct5{background:0 0;flex-direction:column;width:100%;padding:20px;display:flex}.desktop-text-top.svelte-wbbct5{flex-direction:column;flex:1;gap:8px;display:flex}.desktop-genre-tag.svelte-wbbct5{margin-bottom:4px}.desktop-genre-text.svelte-wbbct5{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--color-on-surface-variant);opacity:.7;font-size:9px;font-weight:700}.desktop-title.svelte-wbbct5{font-family:var(--font-serif);color:var(--color-primary);-webkit-line-clamp:2;letter-spacing:-.02em;-webkit-box-orient:vertical;margin:0;font-size:24px;font-weight:500;line-height:1.1;display:-webkit-box;overflow:hidden}.desktop-summary.svelte-wbbct5{font-family:var(--font-sans);color:var(--color-on-surface-variant);-webkit-line-clamp:2;opacity:.7;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.desktop-text-bottom.svelte-wbbct5{min-height:48px;margin-top:20px}.desktop-highlight-comment.svelte-wbbct5{background:var(--color-surface-container-low);border-radius:var(--radius-sm);border-left:2px solid var(--color-outline);align-items:flex-start;gap:12px;padding:12px;display:flex}.comment-avatar.svelte-wbbct5{background:var(--color-surface-container-highest);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.avatar-img.svelte-wbbct5{object-fit:cover;width:100%;height:100%}.avatar-icon.svelte-wbbct5{color:var(--color-on-surface-variant);font-size:16px}.comment-content-box.svelte-wbbct5{flex-direction:column;flex:1;gap:4px;display:flex}.comment-text.svelte-wbbct5{font-family:var(--font-serif);color:var(--color-on-surface);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.comment-meta.svelte-wbbct5{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.comment-author.svelte-wbbct5{font-family:var(--font-sans);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.comment-likes.svelte-wbbct5{opacity:.6;align-items:center;gap:4px;display:flex}.like-icon.svelte-wbbct5{color:var(--color-accent);font-size:12px}.like-count.svelte-wbbct5{font-family:var(--font-sans);color:var(--color-on-surface-variant);font-size:10px;font-weight:700}}