li.post-preview{display:flex;padding:var(--sp-4) 0;flex-wrap:wrap;position:relative;border-bottom:1px solid var(--border)}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{position:static;display:inline-block;margin-bottom:var(--sp-2);padding:0;background:none;color:var(--text-secodary-content);cursor:help;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}@media(min-width:768px){li.post-preview.pinned>time{width:14rem}li.post-preview{flex-wrap:nowrap}}li.post-preview>time{display:flex;margin-bottom:var(--sp-2);flex-direction:column}@media(min-width:768px){li.post-preview>time{margin-bottom:0;width:16rem}}li.post-preview>time span{margin-top:var(--sp-05);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secodary-content)}li.post-preview>div:last-child{width:100%}@media(min-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);font-size:1.6rem;line-height:1.25;color:var(--text-base-content)}li.post-preview>div:last-child>div{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2)}li.post-preview>div:last-child>div>a{font-size:.75rem;line-height:1.4;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secodary-content);transition:color .15s ease}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);line-height:1.7;color:var(--text)}li.post-preview>div:last-child>a:last-child{display:inline-flex;margin-top:var(--sp-3);align-items:center;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}li.post-preview>div:last-child>a:last-child svg{margin-left:var(--sp-1);width:1rem;height:1rem;transition:transform .15s ease}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:post-reveal linear both;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}