.blog-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;margin-bottom:2.5rem;display:flex}.category-pills{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;display:flex}.cat-pill-btn{letter-spacing:.03em;text-transform:uppercase;color:#475569;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:50px;justify-content:center;align-items:center;padding:.45rem 1.05rem;font-size:.73rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.cat-pill-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.cat-pill-btn.active{color:#fff;background:#065932;border-color:#065932;box-shadow:0 3px 10px #06593247}.cat-pill-btn.active:hover{color:#fff;background:#054828;border-color:#054828}.blog-search-form{flex-shrink:0;align-items:center;display:flex}.search-input-wrap{align-items:center;width:250px;display:flex;position:relative}.search-input-wrap .search-icon{color:#64748b;pointer-events:none;font-size:.85rem;position:absolute;left:1rem}.search-pill-input{width:100%;color:var(--ink,#1e293b);background:#fff;border:1px solid #cbd5e1;border-radius:50px;outline:none;padding:.52rem 1rem .52rem 2.4rem;font-size:.84rem;transition:all .2s;box-shadow:0 1px 2px #0000000a}.search-pill-input:focus{border-color:#065932;box-shadow:0 0 0 3px #0659321f}.clear-search-btn{color:#94a3b8;cursor:pointer;font-size:.8rem;font-weight:700;line-height:1;text-decoration:none;position:absolute;right:.85rem}.clear-search-btn:hover{color:#1e293b}@media (width<=768px){.blog-filter-bar{flex-direction:column;align-items:stretch;gap:1rem}.blog-search-form,.search-input-wrap{width:100%}}.filtered-header{background:var(--paper-card,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,12px);color:var(--ink,#1e293b);justify-content:space-between;align-items:center;margin-bottom:1.8rem;padding:.8rem 1.2rem;font-size:.9rem;display:flex;box-shadow:0 1px 3px #00000008}.filtered-title{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.filtered-title .count-badge{color:#64748b;background:#f1f5f9;border-radius:50px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.clear-filter-link{color:#ef4444;font-size:.82rem;font-weight:700;text-decoration:none;transition:color .2s}.clear-filter-link:hover{color:#b91c1c;text-decoration:underline}.gazette-strip{border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2.2rem;padding-bottom:1rem;display:flex}.gazette-strip .issue{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.72rem}.gazette-strip .rule{background:repeating-linear-gradient(90deg, var(--color-border) 0 6px, transparent 6px 10px);flex:1;min-width:40px;height:1px}.cover-story{background:var(--paper-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:220px 1fr;align-items:center;gap:2rem;margin-bottom:2.4rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid;position:relative;overflow:hidden}.cover-story:before{content:"";background:var(--grad-brand);width:6px;height:100%;position:absolute;top:0;left:0}.cover-badge{aspect-ratio:1;border-radius:var(--radius-md);background:var(--grad-brand);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:220px;font-size:4.5rem;display:flex;position:relative}.cover-badge:before{content:"";border-radius:calc(var(--radius-md) - 4px);border:2px dashed #fff6;position:absolute;inset:10px}.cover-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--accent-gold);border-radius:100px;align-items:center;gap:.4rem;margin-bottom:.8rem;padding:.3rem .7rem;font-size:.68rem;font-weight:700;display:inline-flex}.cover-story h2{font-size:var(--fs-xl);letter-spacing:-.01em;margin-bottom:.8rem}.cover-story p{color:var(--ink-soft);max-width:60ch;margin-bottom:1.2rem;font-size:.95rem}.cover-meta{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:1.2rem;font-size:.82rem;display:flex}.cover-meta .card-link{color:var(--brand-teal);font-weight:700}@media (width<=760px){.cover-story{text-align:left;grid-template-columns:1fr}.cover-badge{aspect-ratio:16/9;width:100%;font-size:3.2rem}}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:stretch;gap:1.8rem;display:grid}.blog-card{background:var(--paper-card);border:1px solid var(--color-border);border-radius:var(--radius-md);height:100%;transition:transform .3s var(--ease), box-shadow .3s var(--ease);flex-direction:column;width:100%;max-width:400px;display:flex;position:relative;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.blog-card:before{content:"";background:var(--accent-bar,var(--brand-teal));z-index:2;width:100%;height:4px;position:absolute;top:0;left:0}.blog-card:nth-child(3n+1):before{--accent-bar:var(--brand-teal)}.blog-card:nth-child(3n+2):before{--accent-bar:var(--brand-green)}.blog-card:nth-child(3n):before{--accent-bar:var(--accent-gold)}.blog-img{background:#f8fafc;width:100%;height:210px;position:relative;overflow:hidden}.blog-img img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .35s var(--ease);display:block}.blog-card:hover .blog-img img{transform:scale(1.04)}.blog-body{flex-direction:column;flex:1;padding:1.4rem 1.4rem 1.6rem;display:flex}.blog-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--brand-teal-dark);background:var(--grad-brand-soft);border-radius:100px;align-self:flex-start;margin-bottom:.8rem;padding:.3rem .7rem;font-size:.66rem;font-weight:700;display:inline-flex}.blog-body h3{margin-bottom:.7rem;font-size:1.02rem;line-height:1.35}.blog-body>p{color:var(--ink-soft);flex:1;margin-bottom:1.2rem;font-size:.85rem}.blog-meta{color:var(--ink-faint);border-top:1px dashed var(--color-border);justify-content:space-between;align-items:center;padding-top:.9rem;font-size:.78rem;display:flex}.card-link{color:var(--brand-teal);align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;transition:gap .2s;display:inline-flex}.card-link:hover{color:var(--brand-teal-dark);gap:.65rem}.hero-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}
