.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.filter-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-btn.active:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,#000)}.post-list li{width:100%;border:1px solid var(--border-color);background-color:transparent;transition:background-color .2s ease,border-color .2s ease;cursor:pointer}.post-list li:hover{background-color:color-mix(in srgb,var(--primary-color) 8%,transparent);border-color:var(--primary-color)}.post-list li a{display:flex;align-items:baseline;gap:clamp(2rem,4vw,2.5rem);padding:.75rem 1rem;text-decoration:none;color:inherit;height:100%}@media (max-width:768px){.post-list li a{flex-direction:column;align-items:stretch;gap:clamp(.25rem,1vw,.5rem);height:auto}.post-list-date{white-space:normal}}.post-list-date{font-family:var(--font-family-mono);font-size:var(--font-mono-sm);color:var(--text-color);opacity:.7;white-space:nowrap;flex-shrink:0;font-weight:400}.post-list a span:last-child{font-weight:var(--font-weight-normal);line-height:1.5;color:var(--text-color);flex:1;min-width:0}.post-list-year{font-weight:var(--font-weight-bold);color:var(--header-color);margin:0 0 .5em 0}.post-list-gap{font-size:.9rem;color:var(--text-color);margin:.5em 0 1.5em 0;text-align:right}.tag-directory{display:none;margin-bottom:1.25rem}.tag-letter{font-weight:var(--font-weight-bold);color:var(--header-color);margin:1em 0 .25em 0}.tag-letter-list{list-style:none;padding:0;margin:0}.tag-letter-list li{margin-bottom:.25rem;font-size:.9rem}.tag-letter-list a{color:var(--link-color);text-decoration:none}.tag-letter-list a:hover{text-decoration:underline}.blog-filters{display:flex;justify-content:flex-start;align-items:center;margin:1em 0;gap:.5rem;flex-wrap:wrap}.blog-rss-link{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;color:var(--text-color);text-decoration:none;border:1px solid var(--border-color);transition:color .15s ease,border-color .15s ease}.blog-rss-link{margin-left:auto}.blog-rss-link:hover{color:var(--primary-color);border-color:var(--primary-color)}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.blog-filter-header{display:flex;justify-content:flex-end;margin:.25em auto .75em auto;max-width:var(--content-max-width)}.blog-filter-title{font-family:var(--font-family);font-weight:var(--font-weight-bold);margin:0;color:var(--header-color)}.blog-filter-subtitle{font-family:var(--font-family);font-size:.9rem;font-weight:var(--font-weight-normal);margin:0;color:var(--text-color);opacity:.8}@media (max-width:768px){.blog-filters{display:flex;justify-content:flex-start;align-items:flex-start;gap:.5rem;margin:1em 0;flex-wrap:wrap}}.post-back-link{font-size:.85rem;margin:1em 0 .75em 0}.post-back-link a{color:var(--link-color);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.post-back-link a:hover{text-decoration:underline}