.posts-page{flex-direction:column;width:70vw;max-width:1200px;height:calc(100vh - 50px - 10rem);min-height:400px;display:flex;overflow:hidden}.toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-wrap{flex:1;max-width:320px;position:relative}.search-wrap input{border:1px solid var(--border);background:var(--surface);width:100%;font-family:var(--sans);color:var(--text);border-radius:2rem;outline:none;padding:.5rem 1rem .5rem 2.4rem;font-size:.85rem;transition:border-color .15s}.search-wrap input:focus{border-color:var(--text)}.search-icon{color:var(--muted);font-size:.85rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.sort-select{border:1px solid var(--border);background:var(--surface);font-family:var(--sans);color:var(--muted);cursor:pointer;border-radius:2rem;outline:none;padding:.5rem 1rem;font-size:.8rem}.topic-tabs{border-bottom:1px solid var(--border);-ms-overflow-style:none;scrollbar-width:none;flex-shrink:0;gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.topic-tabs::-webkit-scrollbar{display:none}.topic-tab{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;height:100%;margin-bottom:-1px;padding:.65rem 1.1rem;font-size:.85rem;text-decoration:none;transition:all .15s;display:inline-flex}.topic-tab:hover{color:var(--text)}.topic-tab.active{color:var(--text);border-bottom-color:var(--text);font-weight:500}.post-list{flex-direction:column;flex:1;padding-right:.5rem;display:flex;overflow-y:auto}.post-row{border-bottom:1px solid var(--border);color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1.25rem 0;text-decoration:none;transition:opacity .15s;display:grid}.post-row:hover{opacity:.7}.post-num{font-family:var(--serif);color:var(--border);text-align:right;min-width:28px;font-size:1.2rem}.post-info h3{color:var(--text);margin-bottom:.3rem;font-size:.95rem;font-weight:500;line-height:1.4}.post-info-meta{color:var(--muted);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.post-stats{color:var(--muted);flex-direction:column;align-items:flex-end;gap:.3rem;min-width:60px;font-size:.75rem;display:flex}.pagination{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.page-btn{color:var(--muted);border-radius:4px;justify-content:center;align-items:center;padding:.4rem .8rem;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-flex}.page-btn:first-child,.page-btn:last-child{padding:.4rem .7rem;font-size:.85rem}.page-btn:hover{color:var(--text);background:var(--tag-bg)}.page-btn.active{color:var(--text);font-weight:500}.page-btn.disabled{opacity:.4;pointer-events:none}