.blog-hero-shelves{gap:10px;display:grid}.blog-hero-shelves>span{font:9px var(--font-ibm-plex-mono),monospace;letter-spacing:.1em;color:var(--text-faint);justify-self:end}.page-hero-visual .blog-hero-shelves{pointer-events:auto}.blog-focus{color:var(--text);grid-auto-flow:dense;text-decoration:none}.blog-focus .page-figure{transition:border-color var(--ease-base)}.blog-focus:hover .page-figure{border-color:var(--accent)}.blog-focus h3{font:500 clamp(26px,2.8vw,40px)/1.15 var(--font-brand-title),sans-serif;letter-spacing:-.03em;text-wrap:balance;transition:color var(--ease-fast);margin-top:16px}.blog-focus:hover h3{color:var(--accent-content)}.blog-focus:hover .pc-button{border-color:var(--accent);color:var(--accent-content)}.blog-focus .pc-copy>p{margin-top:18px}.blog-meta{font:9px var(--font-ibm-plex-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-content)}.blog-filter{border:1px solid var(--border);background:var(--bg);flex-wrap:wrap;display:flex}.blog-filter button{border:0;border-right:1px solid var(--border);color:var(--text-muted);font:500 10px var(--font-ibm-plex-mono),monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color var(--ease-fast), background var(--ease-fast);background:0 0;align-items:center;gap:8px;padding:13px 16px;display:inline-flex}.blog-filter button span{color:var(--text-faint)}.blog-filter button:hover{color:var(--text)}.blog-filter button[aria-pressed=true]{color:var(--accent-content);background:color-mix(in srgb, var(--accent) 6%, var(--bg));box-shadow:inset 0 -2px var(--accent)}.blog-status{font:9px var(--font-ibm-plex-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:18px 0 10px}.blog-register{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.blog-register li{border-bottom:1px solid var(--border);animation:blog-row .5s var(--motion-curve) both;animation-delay:calc(var(--i) * 40ms)}.blog-register a{color:var(--text);transition:background var(--ease-fast);grid-template-columns:44px 132px minmax(0,1fr) 150px 56px 20px;align-items:center;gap:18px;padding:22px 8px;text-decoration:none;display:grid}.blog-register a:hover{background:var(--bg)}.blog-register-n{font:500 10px var(--font-ibm-plex-mono),monospace;color:var(--text-faint)}.blog-register-cat{font:9px var(--font-ibm-plex-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-content)}.blog-register-title{gap:6px;min-width:0;display:grid}.blog-register-title b{letter-spacing:-.01em;transition:color var(--ease-fast);font-size:16px;font-weight:500;line-height:1.35}.blog-register-title em{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-style:normal;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-register a:hover b{color:var(--accent-content)}.blog-register time,.blog-register-min{font:10px var(--font-ibm-plex-mono),monospace;color:var(--text-muted);font-variant-numeric:tabular-nums}.blog-register a>svg{color:var(--accent);transition:translate var(--ease-fast)}.blog-register a:hover>svg{translate:2px -2px}.blog-empty{color:var(--text-muted);font-size:14px}@keyframes blog-row{0%{opacity:0;transform:translateY(6px)}}@media (max-width:1000px){.blog-register a{grid-template-columns:36px minmax(0,1fr) 20px;grid-template-areas:"n cat arrow""n title arrow""n meta arrow";gap:6px 14px}.blog-register-n{grid-area:n;align-self:start;padding-top:2px}.blog-register-cat{grid-area:cat}.blog-register-title{grid-area:title}.blog-register time{grid-area:meta}.blog-register-min{display:none}.blog-register a>svg{grid-area:arrow}}@media (max-width:767px){.blog-filter{flex-wrap:nowrap;overflow-x:auto}.blog-filter button{flex:none}}@media (prefers-reduced-motion:reduce){.blog-register li{animation:none}}