li.post-preview{padding:var(--sp-4) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex;position:relative}li.post-preview.pinned{margin:var(--sp-4) 0;padding:var(--sp-3);border:0;border-bottom:1px solid var(--border);border-left:3px solid var(--primary);background-color:var(--bg-neutral)}li.post-preview.pinned .badge{margin-bottom:var(--sp-2);color:var(--text-secodary-content);cursor:help;letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:0;font-size:.75rem;font-weight:500;display:inline-block;position:static}@media (width>=768px){li.post-preview.pinned>time{width:14rem}li.post-preview{flex-wrap:nowrap}}li.post-preview>time{margin-bottom:var(--sp-2);flex-direction:column;display:flex}@media (width>=768px){li.post-preview>time{width:16rem;margin-bottom:0}}li.post-preview>time span{margin-top:var(--sp-05);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secodary-content);font-size:.75rem;font-weight:500}li.post-preview>div:last-child{width:100%}@media (width>=768px){li.post-preview>div:last-child{flex-grow:1}}li.post-preview>div:last-child h2{margin-top:0;margin-bottom:var(--sp-2);color:var(--text-base-content);font-size:1.6rem;line-height:1.25}li.post-preview>div:last-child>div{gap:var(--sp-1) var(--sp-2);flex-wrap:wrap;display:flex}li.post-preview>div:last-child>div>a{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secodary-content);font-size:.75rem;font-weight:500;line-height:1.4;transition:color .15s}li.post-preview>div:last-child>div>a:hover{color:var(--primary);text-decoration:none}li.post-preview>div:last-child p{margin-top:var(--sp-2);color:var(--text);line-height:1.7}li.post-preview>div:last-child>a:last-child{margin-top:var(--sp-3);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}li.post-preview>div:last-child>a:last-child svg{margin-left:var(--sp-1);width:1rem;height:1rem;transition:transform .15s}li.post-preview>div:last-child>a:last-child:focus-visible svg,li.post-preview>div:last-child>a:last-child:hover svg{transform:translate(4px)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes post-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}li.post-preview:not(.pinned){animation:linear both post-reveal;animation-timeline:view();animation-range:entry 0 cover 25%}}}ul.posts-list{border-top:1px solid var(--border);margin:var(--sp-4) 0;padding:0;position:relative}