@layer components{.blog-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.blog-search{position:relative;flex:1;width:100%;min-width:240px}.blog-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-faint);pointer-events:none}.blog-search input{width:100%;font-family:var(--font-body);font-size:15.5px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:13px 18px 13px 46px;box-shadow:var(--sh-xs);transition:border-color .18s ease,box-shadow .18s ease}.blog-search input::placeholder{color:var(--text-faint)}.blog-search input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.blog-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.filter-pill .cnt{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-faint)}.filter-pill.active .cnt{color:var(--accent)}.blog-empty{text-align:center;padding:64px 20px}.blog-empty svg{width:40px;height:40px;color:var(--text-faint);margin:0 auto 14px}.blog-empty h3{font-size:20px;color:var(--text-2);margin-bottom:6px}.blog-empty p{font-size:15px;color:var(--text-3)}@media(max-width:560px){.blog-toolbar{gap:12px}.blog-search{min-width:0}}#main>.page-hero{padding-top:clamp(26px,3vw,42px);padding-bottom:clamp(20px,2.6vw,30px)}#main>.page-hero+.section{padding-top:clamp(8px,1.4vw,16px)}.page-hero .breadcrumb{margin-bottom:4px}.page-hero h1{font-size:clamp(30px,3.6vw,44px);margin-top:10px}.page-hero .lead{margin-top:12px;font-size:clamp(16px,1.35vw,18.5px);max-width:62ch}}