.blog-post-card.is-hidden{display:none!important}.blog-index-card{--card-border-color: color-mix( in srgb, var(--accent-foam) 28%, var(--surface-card-border) 72% );--card-shadow: var(--card-shadow-raised);--panel-inline-stroke: transparent}.blog-index-card{--deco-intensity: .3}.blog-index-card .cta-cluster{position:relative}@media(min-width:768px){.blog-index-card .cta-cluster{padding-left:1rem}.blog-index-card .cta-cluster:before{content:"";position:absolute;left:0;top:.25rem;bottom:.25rem;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-card-border) 38%,transparent),transparent)}}.category-filter-grid{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-start}.category-filter-chip{position:relative;padding:0;border:1px solid color-mix(in srgb,var(--surface-card-border) 34%,transparent);background:color-mix(in srgb,var(--bg-1) 76%,transparent);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;border-radius:var(--radius-sm);overflow:hidden}.category-filter-chip:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(246,232,199,.03) 88%,transparent);pointer-events:none}.category-filter-chip:hover:before{box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(246,232,199,.05) 88%,transparent)}.category-filter-chip.active:before{box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(246,232,199,.08) 88%,transparent)}.chip-content{position:relative;display:flex;align-items:center;gap:.45rem;padding:.72rem .95rem;z-index:1;min-width:0}.chip-content:before{content:"";width:.34rem;height:.34rem;border:1px solid color-mix(in srgb,var(--accent-gold) 36%,transparent);transform:rotate(45deg);border-radius:.06rem;flex:0 0 auto;opacity:.72}.chip-icon{font-size:.85rem;line-height:1;font-weight:600}.chip-icon-text{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.15rem;padding:0 .3rem;border-radius:.35rem;background:color-mix(in srgb,var(--surface-card-border) 22%,transparent);font-size:.64rem;letter-spacing:.04em;color:var(--text-1);text-transform:uppercase}.chip-text{font-size:.8rem;font-weight:700;color:var(--text-2);transition:color .18s ease;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-filter-chip:hover .chip-text{color:var(--text-1)}.category-filter-chip.active .chip-text{color:var(--brand);font-weight:600}.chip-count{font-size:.68rem;font-weight:600;color:var(--muted);background:color-mix(in srgb,var(--surface-card-border) 18%,transparent);padding:.12rem .4rem;border-radius:var(--radius-lg);transition:color .18s ease,background .18s ease;flex-shrink:0}.category-filter-chip:hover,.category-filter-chip:focus-visible{border-color:color-mix(in srgb,var(--accent-gold) 46%,transparent);background:color-mix(in srgb,var(--bg-1) 88%,transparent);box-shadow:0 10px 22px #0000002e;transform:translateY(-1px)}.category-filter-chip.active{border-color:color-mix(in srgb,var(--accent-gold) 74%,transparent);background:color-mix(in srgb,var(--accent-gold) 10%,var(--bg-1) 90%);box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(246,232,199,.08) 88%,transparent),0 10px 22px color-mix(in srgb,var(--accent-gold) 9%,transparent)}.category-filter-chip:hover .chip-count{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--text-2)}.category-filter-chip.active .chip-count{background:color-mix(in srgb,var(--brand) 22%,transparent);color:var(--brand)}.blog-posts-section{margin-top:1.6rem}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.blog-load-more-row{display:flex;justify-content:center;margin-top:1.6rem}.blog-load-more-btn{display:inline-flex;align-items:center;justify-content:center;min-width:10.5rem;min-height:3rem;padding:.8rem 1.3rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-card-border) 52%,transparent);background:color-mix(in srgb,var(--surface-card-top) 78%,transparent);color:var(--text-1);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(255,255,255,.05) 80%,transparent),var(--shadow-faint);transition:border-color .18s ease,color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}.blog-load-more-btn:hover,.blog-load-more-btn:focus-visible{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 64%,transparent);background:color-mix(in srgb,var(--brand) 10%,var(--surface-card-top) 90%);transform:translateY(-1px)}.blog-load-more-btn[hidden]{display:none}.blog-post-card{padding:1.5rem;--spotlight-opacity: .54;--spotlight-size: 300px}.blog-post-card>*{position:relative;z-index:2}.blog-post-card:hover{box-shadow:0 20px 44px color-mix(in srgb,rgba(14,17,29,.32) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-iris) 30%,transparent),0 0 38px color-mix(in srgb,var(--accent-iris) 12%,transparent);border-color:color-mix(in srgb,var(--accent-iris) 50%,transparent)}.blog-post-card:focus-within{box-shadow:0 18px 40px color-mix(in srgb,rgba(14,17,29,.28) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-iris) 28%,transparent),0 0 34px color-mix(in srgb,var(--accent-iris) 11%,transparent);border-color:color-mix(in srgb,var(--accent-iris) 46%,transparent)}.blog-page .post-title{line-height:1.25;margin-bottom:.5rem}.line-clamp-2{line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#no-results{transition:opacity .3s ease}@media(max-width:768px){.blog-posts-grid{grid-template-columns:1fr;gap:1.2rem}.blog-load-more-row{margin-top:1.25rem}.blog-post-card{padding:1.2rem}.blog-page .post-title{font-size:1.1rem}.category-filter-grid{gap:.35rem}.chip-content{padding:.5rem .7rem;gap:.32rem}.chip-text{font-size:.75rem}.chip-icon{font-size:.82rem}.chip-count{font-size:.7rem;padding:.1rem .32rem}}@media(prefers-reduced-motion:reduce){.category-filter-chip:hover,.category-filter-chip:focus-visible,.blog-load-more-btn:hover,.blog-load-more-btn:focus-visible{transform:none}}
