.post-card.svelte-podw4w{border-top:1px solid var(--line);grid-template-columns:52px 168px 1fr 46px;align-items:center;gap:22px;padding:26px 10px;text-decoration:none;display:grid;position:relative;overflow:hidden}.post-card.svelte-podw4w:last-child{border-bottom:1px solid var(--line)}.post-card.svelte-podw4w:before{content:"";background:var(--ink);transform-origin:bottom;transition:transform .52s var(--ease-out-expo);position:absolute;inset:0;transform:scaleY(0)}.post-card.svelte-podw4w:hover:before,.post-card.svelte-podw4w:focus-visible:before{transform-origin:top;transform:scaleY(1)}.post-card.svelte-podw4w>:where(.svelte-podw4w){z-index:1;transition:color .36s;position:relative}.post-card.svelte-podw4w:hover,.post-card.svelte-podw4w:focus-visible{color:var(--paper)}.post-index.svelte-podw4w{font:400 12px var(--mono);color:var(--muted)}.post-card.svelte-podw4w:hover .post-index:where(.svelte-podw4w){color:var(--signal)}.post-meta.svelte-podw4w{font:400 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:6px;display:flex}.post-card.svelte-podw4w:hover .post-meta:where(.svelte-podw4w){color:#f4f5f19e}.post-type.svelte-podw4w{color:var(--ultra)}.post-card.svelte-podw4w:hover .post-type:where(.svelte-podw4w){color:#9fa0ff}.post-main.svelte-podw4w{flex-direction:column;gap:7px;min-width:0;display:flex}.post-title.svelte-podw4w{font-family:var(--display);letter-spacing:-.015em;transition:transform .52s var(--ease-out-expo);font-size:clamp(21px,2.4vw,30px);font-weight:600;font-stretch:106%;line-height:1.08}.post-card.svelte-podw4w:hover .post-title:where(.svelte-podw4w){transform:translate(10px)}.post-desc.svelte-podw4w{max-width:52ch;color:var(--muted);font-size:13.5px;line-height:1.5}.post-card.svelte-podw4w:hover .post-desc:where(.svelte-podw4w){color:#f4f5f1ad}.post-action.svelte-podw4w{border:1px solid var(--line);border-radius:50%;place-items:center;width:46px;height:46px;transition:background .36s,border-color .36s,color .36s;display:grid}.post-card.svelte-podw4w:hover .post-action:where(.svelte-podw4w){background:var(--signal);border-color:var(--signal);color:var(--paper)}@media (width<=760px){.post-card.svelte-podw4w{grid-template-columns:38px 1fr 42px;gap:14px;padding:22px 4px}.post-index.svelte-podw4w{grid-row:1/3}.post-meta.svelte-podw4w{flex-direction:row;grid-column:2}.post-main.svelte-podw4w{grid-column:2}.post-action.svelte-podw4w{grid-area:1/3/3;width:42px;height:42px}}