@layer components{.post-card{border:1px solid var(--color-slate-200);border-radius:var(--radius-xl);background-color:color-mix(in oklab,var(--color-surface,white)90%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--blur));transition:box-shadow var(--default-transition-duration,.15s)ease,transform var(--default-transition-duration,.15s)ease;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.post-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.dark .post-card{border-color:var(--color-slate-700);background-color:color-mix(in oklab,var(--color-slate-900,#0f172a)70%,transparent);box-shadow:var(--shadow)}.post-card>.post-card__header,.post-card>div:first-child{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.post-card a{font-size:var(--text-lg);line-height:var(--text-lg--line-height);color:var(--color-slate-900);font-weight:600;text-decoration:none}.post-card a:hover{color:#0284c7}.dark .post-card a{color:var(--color-slate-100)}.dark .post-card a:hover{color:#38bdf8}.post-card .post-card__updated,.post-card>div:first-child>div:last-child{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:#64748b;text-align:right}.dark .post-card .post-card__updated,.dark .post-card>div:first-child>div:last-child{color:#94a3b8}.post-card .post-card__description,.post-card .line-clamp-2{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-slate-700);line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dark .post-card .post-card__description,.dark .post-card .line-clamp-2{color:var(--color-slate-300)}.post-card .post-card__published,.post-card>div:nth-of-type(3){font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-slate-600)}.dark .post-card .post-card__published,.dark .post-card>div:nth-of-type(3){color:var(--color-slate-300)}.post-card .post-card__tags,.post-card .flex-wrap{flex-wrap:wrap;gap:.5rem;padding-top:.25rem;display:flex}.post-card .post-card__tag,.post-card .flex-wrap>span{font-size:var(--text-xs);line-height:var(--text-xs--line-height);background-color:var(--color-slate-100);color:var(--color-slate-700);border-radius:9999px;padding:.25rem .5rem}.dark .post-card .post-card__tag,.dark .post-card .flex-wrap>span{background-color:var(--color-slate-800);color:var(--color-slate-200)}}