.post-item{border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:1.25rem;padding:1.25rem 0;display:flex}.post-item:last-child{border-bottom:none}.post-vote{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;width:2.5rem;display:flex}.vote-button{color:var(--gray-400);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.2rem;transition:color .2s}.vote-button:hover,.vote-button.voted{color:var(--sage)}.vote-button:disabled{cursor:pointer;opacity:1}.vote-button.own-content{color:var(--gold);cursor:default;padding-top:.75rem;font-size:2rem;line-height:.5}.post-points{color:var(--gray-600);font-size:.8125rem;font-weight:400}.post-content{flex:1;min-width:0}.post-header{align-items:baseline;gap:.5rem;margin-bottom:.375rem;display:flex}.post-rank{color:var(--gray-400);font-size:.9375rem;font-weight:400}.post-title{color:var(--foreground);margin-bottom:.375rem;font-size:1.0625rem;font-weight:400;line-height:1.4}.post-title a{color:inherit;transition:color .2s}.post-title a:hover{color:var(--sage)}.post-domain-inline{color:var(--gray-400);margin-left:.375rem;font-size:.8125rem;font-weight:400}.post-tags-inline{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.post-tag{color:var(--gray-600);border:1px solid var(--gray-200);background:0 0;padding:.25rem .625rem;font-size:.6875rem;font-weight:400;text-decoration:none;transition:all .2s}.post-tag:hover{border-color:var(--sage);color:var(--sage)}.post-meta{color:var(--gray-600);font-size:.8125rem}.post-meta-line{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.post-metadata{color:var(--gray-600);font-size:.8125rem;font-weight:400}.post-metadata.author-link,.post-metadata:is(a){transition:color .2s}.post-metadata.author-link:hover,.post-metadata:is(a):hover{color:var(--sage)}.author-link{color:var(--gray-600);transition:color .2s}.author-link:hover{color:var(--sage)}.post-separator{color:var(--gray-400)}@media (max-width:768px){.post-item{gap:.5rem;padding:.75rem 0}.post-vote{width:1.75rem}.vote-button{padding:.125rem;font-size:.875rem}.post-points{font-size:.6875rem}.post-rank{display:none}.post-title{margin-bottom:.25rem;font-size:.875rem;line-height:1.4}.post-domain-inline{font-size:.6875rem}.post-tag{padding:.1875rem .4375rem;font-size:.5625rem}.post-meta,.post-metadata{font-size:.6875rem}.post-meta-line{gap:.375rem}.post-tags-inline{flex-basis:100%;gap:.375rem;margin-top:.25rem}.post-separator-desktop{display:none}}
.post-list-container{padding-top:4rem;padding-bottom:4rem}.post-list-filter{border-bottom:1px solid var(--gray-200);align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.post-list-filter-label{color:var(--gray-600);font-size:.875rem;font-weight:400}.post-list-filter-tag{color:var(--sage-dark);background:var(--sage-light);border:1px solid var(--sage);padding:.375rem .75rem;font-size:.875rem;font-weight:500}.post-list-filter-clear{color:var(--gray-600);margin-left:auto;font-size:.875rem;transition:color .2s}.post-list-filter-clear:hover{color:var(--sage)}.post-list-loading,.post-list-error,.post-list-empty{color:var(--gray-500);padding:2rem 0;font-size:.9375rem;font-weight:300}.post-list-error{color:#ad1f1f}.post-list-load-more{text-align:center;margin-top:2rem}.load-more-button{color:var(--background);background:var(--foreground);cursor:pointer;border:none;padding:.5rem 1.5rem;font-size:.875rem;font-weight:400;transition:opacity .2s}.load-more-button:hover:not(:disabled){opacity:.8}.load-more-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.post-list-container{padding-top:3rem;padding-bottom:3rem}.post-list-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.post-list-filter-label,.post-list-filter-tag,.post-list-filter-clear{font-size:.8125rem}.post-list-filter-clear{text-align:left;width:100%;margin-left:0}}