@keyframes post-card-in{0%{opacity:0;translate:0 2rem}to{opacity:1;translate:0}}html.anim-ready .post-card.onload-animation{animation:.3s forwards post-card-in}.post-card{background:var(--card-bg);border-radius:var(--radius-paper);box-shadow:var(--shadow-card);flex-direction:column;padding:14px 14px 18px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.post-card:nth-child(odd){transform:rotate(-.5deg)}.post-card:nth-child(2n){transform:rotate(.45deg)}.post-card:hover{box-shadow:var(--shadow-card-hover);transform:rotate(0)translateY(-3px)}.post-card-thumb{aspect-ratio:16/9;border:2px solid var(--line-color);border-radius:12px;margin-top:6px;display:block;position:relative;overflow:hidden}.post-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.post-card:hover .post-card-thumb img{transform:scale(1.04)}.post-card-body{flex-direction:column;flex:1;padding:14px 6px 0;display:flex}.post-card-meta{color:var(--text-50);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.post-card-title{font-family:var(--font-heading);color:var(--text-90);text-underline-offset:5px;margin:8px 0 12px;font-size:17px;font-weight:700;line-height:1.6;text-decoration:underline 1.5px dotted #0000;transition:color .2s,text-decoration-color .2s;display:block}.post-card-title:hover,.post-card:hover .post-card-title{color:var(--primary)}.post-card-title:hover{text-decoration-color:var(--primary)}.post-card-desc{color:var(--text-50);font-size:13.5px;line-height:1.8}.post-card-tags{margin-top:auto;padding-top:12px}