.blog-view[data-v-5f81ddf8]{background:var(--bg-white);min-height:100vh}.blog-container[data-v-5f81ddf8]{margin:0 auto;max-width:1140px;padding:4rem 2rem}.blog-container h1[data-v-5f81ddf8]{color:var(--primary-color);font-size:var(--fs-h2);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:2rem;text-align:center}.visually-hidden[data-v-5f81ddf8]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.blog-filters[data-v-5f81ddf8]{margin-bottom:3rem}.search-section[data-v-5f81ddf8]{margin-bottom:2rem}.search-input[data-v-5f81ddf8]{background:var(--bg-white);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-dark);display:block;font-family:inherit;font-size:1rem;margin:0 auto;max-width:600px;padding:.75rem 1rem;transition:border-color .15s ease;width:100%}.search-input[data-v-5f81ddf8]:focus{border-color:var(--accent-color)}.search-input[data-v-5f81ddf8]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.tags-section[data-v-5f81ddf8]{text-align:center}.tags-label[data-v-5f81ddf8]{color:var(--text-medium);font-size:var(--fs-small);font-weight:500;margin-bottom:1rem}.tags-list[data-v-5f81ddf8]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tag-button[data-v-5f81ddf8]{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-dark);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-meta);padding:.45rem .85rem;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.tag-button[data-v-5f81ddf8]:hover{border-color:var(--accent-color);color:var(--accent-dark)}.tag-button.active[data-v-5f81ddf8]{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--text-white)}.pagination button[data-v-5f81ddf8]:focus-visible,.reset-button[data-v-5f81ddf8]:focus-visible,.tag-button[data-v-5f81ddf8]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.posts-grid[data-v-5f81ddf8]{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));margin-bottom:3rem}.post-card[data-v-5f81ddf8]{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:border-color .15s ease}.post-card[data-v-5f81ddf8]:hover{border-color:var(--accent-subtle)}.post-card[data-v-5f81ddf8]:focus-within{outline:2px solid var(--accent-color);outline-offset:2px}.post-link[data-v-5f81ddf8]{color:inherit;text-decoration:none}.post-link[data-v-5f81ddf8]:focus-visible{outline:none}.post-link[data-v-5f81ddf8]:after{content:"";inset:0;position:absolute}.post-card:hover .post-link[data-v-5f81ddf8]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}.post-thumb[data-v-5f81ddf8]{background:var(--bg-light);border-bottom:1px solid var(--border-color);height:200px;overflow:hidden;width:100%}.post-thumb img[data-v-5f81ddf8]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.post-content[data-v-5f81ddf8]{padding:1.5rem}.post-content h2[data-v-5f81ddf8]{color:var(--primary-color);font-size:var(--fs-h3);line-height:1.3;margin-bottom:1rem}.post-preview[data-v-5f81ddf8]{color:var(--text-medium);font-size:var(--fs-small);line-height:1.6;margin-bottom:1rem}.post-meta[data-v-5f81ddf8]{color:var(--text-medium);display:flex;flex-direction:column;font-size:var(--fs-meta);gap:.5rem}.post-date[data-v-5f81ddf8]{font-weight:500}.post-tags[data-v-5f81ddf8]{display:flex;flex-wrap:wrap;gap:.5rem}.post-tags .tag[data-v-5f81ddf8]{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-medium);font-family:var(--font-mono);font-size:var(--fs-meta);padding:.15rem .5rem}.empty-state[data-v-5f81ddf8]{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);color:var(--text-medium);margin-bottom:3rem;padding:3rem 1rem;text-align:center}.reset-button[data-v-5f81ddf8]{background:var(--bg-white);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-dark);cursor:pointer;font-family:inherit;font-size:var(--fs-small);font-weight:500;margin-top:1.25rem;padding:.6rem 1.25rem;transition:border-color .15s ease,color .15s ease}.reset-button[data-v-5f81ddf8]:hover{border-color:var(--accent-color);color:var(--accent-dark)}.pagination[data-v-5f81ddf8]{align-items:center;display:flex;font-size:var(--fs-small);gap:1rem;justify-content:center;margin-top:3rem}.pagination button[data-v-5f81ddf8]{background:var(--bg-white);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-dark);cursor:pointer;font-family:inherit;font-size:var(--fs-small);font-weight:500;padding:.75rem 1.5rem;transition:border-color .15s ease,color .15s ease}.pagination button[data-v-5f81ddf8]:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-dark)}.pagination button[data-v-5f81ddf8]:disabled{cursor:not-allowed;opacity:.5}.error[data-v-5f81ddf8],.loading[data-v-5f81ddf8]{color:var(--text-medium);padding:3rem;text-align:center}.error[data-v-5f81ddf8]{color:var(--accent-dark)}@media(max-width:768px){.blog-container[data-v-5f81ddf8]{padding:3rem 1.5rem}.tags-list[data-v-5f81ddf8]{flex-wrap:nowrap;justify-content:flex-start;margin:0 -1.5rem;overflow-x:auto;padding:.3rem 1.5rem .4rem;scrollbar-width:thin}.tag-button[data-v-5f81ddf8]{flex:0 0 auto;white-space:nowrap}.blog-container h1[data-v-5f81ddf8]{margin-bottom:1.5rem}.posts-grid[data-v-5f81ddf8]{gap:1.5rem;grid-template-columns:1fr}.pagination[data-v-5f81ddf8]{flex-direction:column;gap:1rem}.pagination button[data-v-5f81ddf8]{width:100%}}@media(max-width:480px){.blog-container[data-v-5f81ddf8]{padding:2rem 1rem}.tags-list[data-v-5f81ddf8]{margin:0 -1rem;padding:.3rem 1rem .4rem}.post-content[data-v-5f81ddf8]{padding:1.25rem}}