.blog-search{position:relative;max-width:520px;margin-top:28px}.blog-search-icon{position:absolute;top:50%;left:16px;width:20px;height:20px;color:var(--text03);pointer-events:none;transform:translateY(-50%)}.blog-search-input{width:100%;padding:12px 44px;border:1px solid var(--border);border-radius:10px;outline:none;background:var(--background-02);color:var(--text);font:inherit;transition:border-color .2s ease,box-shadow .2s ease}.blog-search-input::placeholder{color:var(--text03)}.blog-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.blog-search-input::-webkit-search-cancel-button{cursor:pointer}.blog-groups{display:flex;flex-direction:column;gap:60px;max-width:760px;margin-top:48px}.blog-year-heading{display:flex;align-items:center;gap:12px;margin-bottom:26px}.blog-year-heading h2{margin:0;color:var(--text);font-size:clamp(2rem,5vw,2.5rem);font-weight:800;line-height:1;letter-spacing:-.04em}.blog-year-heading span{padding:3px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.75rem;line-height:1.2}.blog-post-list{gap:22px;margin:0;padding:0;list-style:none}.blog-post,.blog-post-list{display:flex;flex-direction:column}.blog-post{align-items:flex-start;gap:4px}.blog-post time{color:var(--text-muted);font-size:.9rem;line-height:1.4}.blog-post-title{color:var(--primary);font-size:1.05rem;font-weight:700;line-height:1.5;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.blog-post-title:focus-visible{border-radius:3px;outline:2px solid var(--primary);outline-offset:3px}.blog-post-meta-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}.blog-post-meta-tags li{padding:3px 8px;border:1px solid var(--border);border-radius:4px;background:var(--background-02);color:var(--text-muted);font-size:.72rem;font-weight:600;line-height:1.25}.blog-empty{margin-top:48px;color:var(--text-muted)}@media(max-width:640px){.blog-search{max-width:none;margin-top:22px}.blog-groups{gap:44px;margin-top:38px}.blog-year-heading{margin-bottom:22px}.blog-post-list{gap:18px}}