.blog-hero{background:var(--primary-bg);border-bottom:1px solid var(--border);padding:3rem 0 2.5rem}.blog-hero h1{margin:.4rem 0 .6rem}.blog-hero .lead{color:var(--text-muted);max-width:640px;font-size:1.05rem}.blog-section{padding:2rem 0 4rem}.blog-newsletter{max-width:620px;margin:3rem auto 0}.blog-empty{color:var(--text-muted);text-align:center;padding:3rem 0}.blog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.blog-search{flex:260px;max-width:420px;position:relative}.blog-search-ico{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.blog-search input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.6rem 1rem .6rem 2.5rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.blog-search input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.blog-search input::placeholder{color:var(--text-muted);opacity:.75}.blog-view{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);gap:.25rem;padding:.2rem;display:inline-flex}.blog-view-btn{color:var(--text-muted);font:inherit;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.blog-view-btn.is-active{background:var(--primary);color:#fff}.blog-view-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (width<=520px){.blog-view-btn span{display:none}}.blog-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.blog-tag{font:inherit;cursor:pointer;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);padding:.3rem .85rem;font-size:.8rem;font-weight:700;transition:all .15s}.blog-tag:hover{border-color:var(--primary);color:var(--primary)}.blog-tag.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.blog-tag:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.blog-count{color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0 0 1.1rem;font-size:.82rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;flex-direction:column;text-decoration:none;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-3px)}.blog-card-cover{background-position:50%;background-size:cover;background-color:var(--primary-bg);flex-shrink:0;height:180px}.blog-card-body{flex-direction:column;gap:.5rem;padding:1.2rem 1.3rem 1.4rem;display:flex}.blog-card-date{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.74rem;font-weight:600}.blog-card-title{color:var(--primary);margin:0;font-size:1.2rem;line-height:1.25}.blog-card-teaser{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.55}.blog-card-tags{flex-wrap:wrap;gap:.35rem;margin-top:.1rem;display:flex}.blog-card-tag{border-radius:var(--radius-pill);background:var(--primary-bg);color:var(--primary);padding:.12rem .55rem;font-size:.68rem;font-weight:700}.blog-card-more{color:var(--primary);margin-top:.3rem;font-size:.85rem;font-weight:700}.blog-grid.is-list{grid-template-columns:1fr;gap:1rem}.blog-grid.is-list .blog-card{flex-direction:row;align-items:stretch}.blog-grid.is-list .blog-card-cover{width:200px;height:auto;min-height:130px}.blog-grid.is-list .blog-card-body{flex:1}@media (width<=560px){.blog-grid.is-list .blog-card{flex-direction:column}.blog-grid.is-list .blog-card-cover{width:100%;height:160px}}.blog-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:2.5rem;display:flex}.blog-page,.blog-page-nav{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);min-width:2.2rem;color:var(--text);border-radius:var(--radius-sm);padding:.45rem .7rem;font-size:.85rem;font-weight:700;transition:all .15s}.blog-page:hover:not(.is-active),.blog-page-nav:hover:not([disabled]){border-color:var(--primary);color:var(--primary)}.blog-page.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.blog-page-nav[disabled]{opacity:.45;cursor:default}.blog-page:focus-visible,.blog-page-nav:focus-visible{outline:3px solid var(--primary);outline-offset:2px}