.content-card.svelte-1pb3uys{position:relative;border-radius:10px;border:1px solid var(--border-color);overflow:hidden;background-color:var(--bg-secondary);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.content-card.svelte-1pb3uys:hover,.content-card.svelte-1pb3uys:focus{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d}.card-thumbnail.svelte-1pb3uys{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--bg-tertiary)}.card-thumbnail.svelte-1pb3uys img:where(.svelte-1pb3uys){width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.content-card.svelte-1pb3uys:hover .card-thumbnail:where(.svelte-1pb3uys) img:where(.svelte-1pb3uys){transform:scale(1.05)}.card-info.svelte-1pb3uys{padding:1.2rem;flex-grow:1;display:flex;flex-direction:column}.card-info.svelte-1pb3uys h3:where(.svelte-1pb3uys){font-size:var(--font-base);margin-bottom:.5rem;color:var(--text-secondary);line-height:1.3}.card-info.svelte-1pb3uys p:where(.svelte-1pb3uys){font-size:var(--font-small);color:var(--text-primary);line-height:1.5;flex-grow:1;margin-bottom:.8rem}.card-meta.svelte-1pb3uys{margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.card-meta-left.svelte-1pb3uys{display:flex;align-items:center;gap:1rem}.card-category.svelte-1pb3uys{color:var(--accent);font-size:.75rem}.card-reading-time.svelte-1pb3uys{color:var(--text-primary);font-size:.75rem}.card-hover.svelte-1pb3uys{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.content-card.svelte-1pb3uys:hover .card-hover:where(.svelte-1pb3uys),.content-card.svelte-1pb3uys:focus .card-hover:where(.svelte-1pb3uys){opacity:1}.read-btn.svelte-1pb3uys{padding:.7rem 1.5rem;background-color:var(--accent);color:#fff;border-radius:4px;font-weight:600;font-size:var(--font-base);transition:background-color .2s ease}.read-btn.svelte-1pb3uys:hover{background-color:var(--accent-hover)}.image-fallback.svelte-1pb3uys{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;text-align:center;padding:1rem;gap:.5rem}.image-fallback.svelte-1pb3uys i:where(.svelte-1pb3uys){font-size:2rem;opacity:.5}.image-fallback.svelte-1pb3uys span:where(.svelte-1pb3uys){font-size:.8rem;opacity:.7}