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