.posts-page{padding:4.5rem 0 7rem}.posts-hero{max-width:44rem;margin:0 auto 3rem;padding:0 1.5rem;text-align:center}.posts-issue{display:inline-block;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-accent);margin:0 0 1.4rem}.posts-h{font-family:var(--font-sans);font-size:clamp(2.5rem,6vw,4rem);font-weight:600;line-height:1.04;letter-spacing:-.04em;color:var(--color-text);margin:0}.posts-dot{color:var(--color-accent)}.posts-sub{margin:1.25rem auto 0;font-family:var(--font-sans);font-size:1.075rem;line-height:1.6;color:var(--color-text-secondary);max-width:36rem}.posts-wrap{max-width:52rem;margin:0 auto;padding:0 1.5rem}.posts-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap}.posts-search-box{flex:1;min-width:16rem;display:flex;align-items:center;gap:.7rem;padding:.85rem 1.05rem;background:var(--color-surface);border:1px solid var(--color-border-hover);border-radius:var(--radius-pill);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.posts-search-box:focus-within{border-color:var(--color-accent);background:var(--color-surface-hover);box-shadow:0 0 0 4px #a6e22e1f}.psb-ic{color:var(--color-text-tertiary);flex-shrink:0}.posts-search-box:focus-within .psb-ic{color:var(--color-accent)}.posts-search{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--color-text);font-family:var(--font-sans);font-size:.95rem}.posts-search::placeholder{color:var(--color-text-tertiary)}.posts-search::-webkit-search-cancel-button{-webkit-appearance:none}.psb-kbd{flex-shrink:0;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-tertiary);background:var(--color-surface-2);border:1px solid var(--color-border);border-bottom-width:2px;border-radius:var(--radius-sm);padding:.1rem .45rem;line-height:1.4}.posts-toolbar-meta{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.posts-count{font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-tertiary);letter-spacing:.02em;font-variant-numeric:tabular-nums}.posts-rss{font-family:var(--font-mono);font-size:.78rem;font-weight:500;color:var(--color-accent);text-decoration:none;transition:color .15s}.posts-rss:hover{color:var(--color-accent-hover)}.posts-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1.75rem;border-bottom:1px solid var(--color-border)}.ptag{font-family:var(--font-mono);font-size:.76rem;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.34rem .85rem;cursor:pointer;transition:all .15s cubic-bezier(.22,1,.36,1)}.ptag:hover{border-color:var(--color-border-hover);color:var(--color-text)}.ptag.active{background:var(--color-accent);border-color:transparent;color:var(--color-on-accent);font-weight:600}.posts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.posts-entry{border:1px solid var(--color-border);border-radius:var(--radius-card);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 70%,transparent),var(--color-surface));transition:border-color .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.posts-entry:hover{border-color:var(--color-border-hover);transform:translateY(-3px);box-shadow:var(--shadow-md)}.posts-entry a{display:grid;grid-template-columns:7.5rem 1fr;gap:1.75rem;padding:1.6rem 1.75rem;text-decoration:none;color:inherit}@media(max-width:600px){.posts-entry a{grid-template-columns:1fr;gap:.7rem;padding:1.4rem}}.posts-entry-meta{display:flex;flex-direction:column;gap:.32rem;padding-top:.15rem}.posts-entry-meta time,.posts-entry-meta .posts-entry-reading,.posts-entry-meta .posts-entry-author{font-family:var(--font-mono);font-size:.73rem;color:var(--color-text-tertiary);letter-spacing:.02em;line-height:1.45;font-variant-numeric:tabular-nums}.posts-entry-meta .posts-entry-author{color:var(--color-text-secondary);font-weight:500}.posts-entry-body{min-width:0}.posts-entry-title{font-family:var(--font-sans);font-size:1.2rem;font-weight:600;line-height:1.28;color:var(--color-text);margin:0 0 .5rem;letter-spacing:-.02em;transition:color .15s}.posts-entry:hover .posts-entry-title{color:var(--color-accent-hover)}.posts-entry-title em{color:var(--color-accent);font-style:normal}.posts-entry-desc{font-family:var(--font-sans);font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.posts-entry-tags{display:flex;gap:.5rem;margin-top:.95rem;flex-wrap:wrap}.posts-entry-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.16rem .58rem;transition:color .15s,border-color .15s}.posts-entry:hover .posts-entry-tag{color:var(--color-accent);border-color:#a6e22e4d}.posts-pagination{margin-top:2.5rem;display:flex;gap:.4rem;align-items:center;justify-content:center;flex-wrap:wrap}.pg-btn{min-width:2.1rem;height:2.1rem;padding:0 .7rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.78rem;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center}.pg-btn:hover{border-color:var(--color-border-hover);color:var(--color-text);background:var(--color-surface-hover)}.pg-btn.active{background:var(--color-accent);border-color:transparent;color:var(--color-on-accent);font-weight:600}.pg-ellipsis{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.78rem;padding:0 .2rem}.posts-empty{font-family:var(--font-sans);font-size:.98rem;color:var(--color-text-tertiary);text-align:center;padding:3.5rem 1rem;border:1px dashed var(--color-border);border-radius:var(--radius-card)}.posts-empty b{color:var(--color-text-secondary);font-weight:600}
