.blog-index{background:#0a0a124d;border:1px solid #d5100114;margin:0 0 3rem;padding:3rem 2rem;position:relative;overflow:hidden;&:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#d5100133,#0000);width:40%;height:1px;animation:6s ease-in-out infinite blogIdxScan;position:absolute;top:0;left:-10%}}@keyframes blogIdxScan{0%{top:0;left:-10%}to{top:100%;left:110%}}.blog-idx-mesh{z-index:0;pointer-events:none;background-image:linear-gradient(#00c8ff08 1px,#0000 1px),linear-gradient(90deg,#d5100105 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.blog-idx-corner{z-index:3;pointer-events:none;border-style:solid;border-color:#d510011f;width:14px;height:14px;position:absolute;&.tl{border-width:1px 0 0 1px;top:10px;left:10px}&.tr{border-width:1px 1px 0 0;top:10px;right:10px}&.bl{border-width:0 0 1px 1px;bottom:10px;left:10px}&.br{border-width:0 1px 1px 0;bottom:10px;right:10px}}.blog-idx-hdr{z-index:1;align-items:center;gap:.5rem;margin-bottom:.75rem;display:inline-flex;position:relative}.blog-idx-dot{background:var(--primary-red);width:5px;height:5px;animation:2s ease-in-out infinite blogIdxPulse}@keyframes blogIdxPulse{0%,to{opacity:.3}50%{opacity:1}}.blog-idx-label{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--hud-label);font-size:.6rem}.blog-idx-hdr-edge{background:#d510011a;width:30px;height:1px}.blog-idx-desc{font-family:var(--font-mono);color:#ffebd673;z-index:1;width:100%;max-width:none;margin-bottom:2rem;font-size:.8rem;line-height:1.5;position:relative}.blog-idx-list{z-index:1;flex-direction:column;gap:.75rem;display:flex;position:relative}.blog-idx-item{background:#0a0a1280;border:1px solid #d5100114;grid-template-columns:3px 1fr auto;gap:0;text-decoration:none;transition:border-color .25s,background .25s,transform .25s;display:grid;position:relative;overflow:hidden;&:before,&:after{content:"";pointer-events:none;z-index:2;border-style:solid;border-color:#0000;width:8px;height:8px;transition:border-color .25s;position:absolute}&:before{border-width:1px 0 0 1px;top:4px;left:4px}&:after{border-width:0 1px 1px 0;bottom:4px;right:4px}}.blog-idx-item:hover{background:#d5100108;border-color:#d510014d;transform:translate(4px);&:before,&:after{border-color:#d510014d}}@media (prefers-reduced-motion:reduce){.blog-idx-item:hover{transform:none}}.blog-idx-item-link{z-index:1;position:absolute;inset:0}.blog-idx-item .blog-post-meta{z-index:2;position:relative}.blog-idx-item-accent{background:#d5100140;width:3px;transition:background .25s,box-shadow .25s}.blog-idx-item:hover .blog-idx-item-accent{background:var(--primary-red);box-shadow:0 0 8px #d510014d}.blog-idx-item-body{flex-direction:column;gap:.35rem;min-width:0;padding:1rem 1.2rem;display:flex}.blog-idx-item-title{font-family:var(--font-display);color:var(--white);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;line-height:1.3;transition:color .25s;display:-webkit-box;overflow:hidden}.blog-idx-item:hover .blog-idx-item-title{color:var(--primary-red)}.blog-idx-item-summary{font-family:var(--font-mono);color:#ffebd666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-idx-item-meta{flex-wrap:wrap;gap:1.5rem;margin-top:.3rem;display:flex}.blog-idx-item-date,.blog-idx-item-author{align-items:center;gap:.4rem;display:inline-flex}.meta-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--hud-label-muted);text-transform:uppercase;font-size:.55rem}.meta-value{font-family:var(--font-mono);color:#ffebd659;font-size:.65rem}.blog-idx-arrow{font-family:var(--font-mono);color:#d5100100;align-items:center;padding:0 1rem 0 .5rem;font-size:.85rem;transition:color .25s,transform .25s;display:flex}.blog-idx-item:hover .blog-idx-arrow{color:var(--primary-red);transform:translate(3px)}@media (width<=600px){.blog-index{padding:2rem 1rem}.blog-idx-item-body{padding:.75rem .8rem}.blog-idx-item-title{font-size:.85rem}.blog-idx-item-meta{flex-direction:column;gap:.25rem}.blog-idx-arrow{display:none}}.entry-content .pf-scope .blog-index .blog-idx-item{color:inherit;text-decoration:none}.pf-scope .blog-index .pf-stack-swap-item.blog-idx-item{display:block}.pf-scope .blog-index.pf-releases-index{margin-bottom:0}.pf-scope .blog-idx-item.pf-release-item--soon{cursor:default;opacity:.92}.pf-scope .blog-idx-item.pf-release-item--soon:hover{background:#0a0a1280;border-color:#d5100114;transform:none}.pf-scope .blog-idx-item.pf-release-item--soon:hover .blog-idx-item-accent{box-shadow:none;background:#d5100140}.pf-scope .blog-idx-item.pf-release-item--soon:hover .blog-idx-item-title{color:var(--white)}.pf-scope article.pf-stack-swap-item.pf-release-item{color:inherit;text-decoration:none}
