.post.svelte-9dkq2p{background:var(--surface-color);border:1px solid var(--border-color);min-width:0;box-shadow:var(--shadow-sm);border-radius:1.25rem;transition:box-shadow .22s,transform .14s;position:relative;overflow:hidden}.post.svelte-9dkq2p>img:where(.svelte-9dkq2p),.post.svelte-9dkq2p>.creator-banner{width:calc(100% + 2px);max-width:none;margin:-1px -1px 0;display:block}.post.svelte-9dkq2p>img:where(.svelte-9dkq2p){object-fit:cover;object-position:center;transform-origin:50%;transform:scale(1.1)}.post.svelte-9dkq2p:hover{box-shadow:var(--shadow-card)}.post.svelte-9dkq2p:active{transform:scale(.99)}.post-body.svelte-9dkq2p{padding:1rem}@media (width>=640px){.post-body.svelte-9dkq2p{padding:1.25rem}}.post.svelte-9dkq2p h2:where(.svelte-9dkq2p){color:var(--text-main-color);margin:0 0 .5rem;font-size:1.0625rem;font-weight:700;line-height:1.3;transition:color .14s}.post.svelte-9dkq2p h2:where(.svelte-9dkq2p) a:where(.svelte-9dkq2p){color:inherit;text-decoration:none}.post.svelte-9dkq2p h2:where(.svelte-9dkq2p) a:where(.svelte-9dkq2p):after{content:"";position:absolute;inset:0}.post.svelte-9dkq2p:hover h2:where(.svelte-9dkq2p){color:var(--primary)}.post-latest.svelte-9dkq2p .post-body:where(.svelte-9dkq2p) h2:where(.svelte-9dkq2p){font-size:1.75rem;line-height:1.15}@media (width>=640px){.post-latest.svelte-9dkq2p .post-body:where(.svelte-9dkq2p) h2:where(.svelte-9dkq2p){font-size:2.25rem}}.post.svelte-9dkq2p p:where(.svelte-9dkq2p){color:var(--text-muted-color);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.meta.svelte-9dkq2p{color:var(--text-muted-color);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.75rem;display:flex}.meta.svelte-9dkq2p .read:where(.svelte-9dkq2p){color:var(--primary);font-weight:500}.meta.svelte-9dkq2p .tag:where(.svelte-9dkq2p){z-index:1;background:var(--surface-color);border:1px solid color-mix(in srgb, var(--border-color) 64%, transparent);color:var(--text-main-color);white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;align-items:center;gap:.3125rem;padding:.125rem .5rem;text-decoration:none;transition:color .14s;display:inline-flex;position:relative;overflow:hidden}.meta.svelte-9dkq2p .tag:where(.svelte-9dkq2p):hover{color:var(--primary)}.tag-icon.svelte-9dkq2p{width:.75rem;height:.75rem;color:var(--tag,currentColor);flex-shrink:0;display:inline-flex}