.blog-audience-tabs{z-index:1;margin-bottom:1.5rem;position:relative}.blog-audience-tablist{border:1px solid rgb(var(--accent-rgb) / 12%);background:rgb(var(--ink-rgb) / 85%);gap:0;display:flex;position:relative}.blog-audience-indicator{background:rgb(var(--accent-rgb) / 8%);border-right:1px solid rgb(var(--accent-rgb) / 15%);border-left:1px solid rgb(var(--accent-rgb) / 15%);pointer-events:none;width:50%;transition:transform .25s;position:absolute;top:0;bottom:0}.blog-audience-tablist[data-active-audience=public] .blog-audience-indicator{transform:translate(100%)}.blog-audience-tab{cursor:pointer;color:rgb(var(--fg-rgb) / 55%);font-family:var(--font-mono);text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:.2rem;padding:.85rem 1rem;display:flex}.blog-audience-tab[aria-selected=true]{color:var(--color-text)}.blog-audience-tab-name{letter-spacing:.2em;text-transform:uppercase;font-size:.62rem}.blog-audience-tab-count{letter-spacing:.08em;color:var(--hud-label-muted);font-size:.58rem}.blog-category-filters{z-index:1;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex;position:relative}.blog-category-filter{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid rgb(var(--accent-rgb) / 15%);background:rgb(var(--ink-rgb) / 70%);color:rgb(var(--fg-rgb) / 55%);cursor:pointer;padding:.35rem .65rem;font-size:.62rem}.blog-category-filter.is-active,.blog-category-filter[aria-pressed=true]{border-color:rgb(var(--accent-rgb) / 45%);color:var(--color-text);background:rgb(var(--accent-rgb) / 8%)}.blog-chip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid rgb(var(--accent-rgb) / 20%);color:rgb(var(--fg-rgb) / 70%);align-items:center;gap:.35rem;padding:.2rem .45rem;font-size:.58rem;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.blog-chip:hover{border-color:rgb(var(--accent-rgb) / 45%);color:rgb(var(--fg-rgb) / 92%);background:rgb(var(--accent-rgb) / 6%)}.blog-chip--category{color:var(--hud-label)}.blog-chip--tag{text-transform:none;letter-spacing:.04em}.blog-chip--dim{opacity:.85}.blog-post-meta,.blog-idx-meta-chips{flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem;display:flex}.blog-idx-meta-chips{margin-bottom:.5rem}.blog-article-meta-row{font-family:var(--font-mono);color:rgb(var(--fg-rgb) / 62%);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-bottom:1rem;font-size:.68rem;display:flex}.blog-idx-empty{border:1px dashed rgb(var(--accent-rgb) / 20%);font-family:var(--font-mono);color:rgb(var(--fg-rgb) / 55%);text-align:center;padding:2rem 1rem;font-size:.78rem}.blog-idx-item--filterable[hidden]{display:none!important}.blog-archive-breadcrumb{font-family:var(--font-mono);margin-bottom:.75rem;font-size:.68rem}.blog-archive-breadcrumb a{color:var(--hud-label);text-decoration:none}.blog-archive-breadcrumb a:hover{color:var(--accent)}.blog-tag-cloud{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.blog-tag-filters{z-index:1;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex;position:relative}.blog-tag-filter{font-family:var(--font-mono);letter-spacing:.04em;text-transform:none;border:1px solid rgb(var(--accent-rgb) / 15%);background:rgb(var(--ink-rgb) / 60%);color:rgb(var(--fg-rgb) / 55%);cursor:pointer;padding:.25rem .5rem;font-size:.58rem;transition:border-color .25s,color .25s,background .25s,box-shadow .25s;position:relative;overflow:hidden}.blog-tag-filter:after{content:"";background:linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / 40%), transparent);pointer-events:none;opacity:0;width:50%;height:1px;transition:opacity .3s;position:absolute;top:0;left:-40%}.blog-tag-filter:hover{border-color:rgb(var(--accent-rgb) / 45%);color:rgb(var(--fg-rgb) / 85%);background:rgb(var(--accent-rgb) / 8%);box-shadow:0 0 12px rgb(var(--accent-rgb) / 10%), inset 0 0 8px rgb(var(--accent-rgb) / 4%)}.blog-tag-filter:hover:after{opacity:1;animation:1.2s ease-in-out infinite blogTagScan}@keyframes blogTagScan{0%{opacity:0;left:-40%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:140%}}.blog-tag-filter.is-active,.blog-tag-filter[aria-pressed=true]{border-color:rgb(var(--accent-rgb) / 55%);color:var(--color-text);background:rgb(var(--accent-rgb) / 12%);box-shadow:0 0 16px rgb(var(--accent-rgb) / 15%), inset 0 0 10px rgb(var(--accent-rgb) / 6%)}.blog-tag-filter.is-active:after,.blog-tag-filter[aria-pressed=true]:after{opacity:1;animation:1.8s ease-in-out infinite blogTagScan}.blog-tag-filter[hidden]{display:none!important}
