.praxica-chip{--chip-color: var(--color-primary);display:inline-grid;place-items:center;box-sizing:border-box;height:1.25rem;padding-inline:.5rem;font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;line-height:1.25rem;white-space:nowrap;border:1px solid color-mix(in srgb,var(--chip-color) 28%,var(--color-border));border-radius:0;color:color-mix(in srgb,var(--chip-color) 85%,var(--color-text-muted));background:color-mix(in srgb,var(--chip-color) 6%,var(--color-surface))}.praxica-chip__label{display:block;line-height:1.25rem}.praxica-chip--filter{background:var(--color-background);color:var(--color-text-muted);border-color:var(--color-border);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.praxica-chip--filter:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));color:var(--color-primary)}.praxica-chip--filter.is-active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-background))}.workflow-index-hero{position:relative;z-index:20;overflow:visible;padding:var(--space-5) 0 var(--space-8);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.workflow-index-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,184,166,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,transparent 100%);pointer-events:none}.workflow-index-hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.workflow-index-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.workflow-index-badge-dot{width:5px;height:5px;background:var(--color-secondary);box-shadow:0 0 8px var(--color-secondary)}.workflow-index-title{font-size:var(--font-size-3xl);font-weight:600;letter-spacing:-.03em;line-height:var(--leading-tight);color:var(--color-text-primary);margin:0 0 var(--space-2)}.workflow-index-title em{font-style:normal;color:var(--color-primary)}.workflow-index-lead{font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:38rem;margin:0 0 var(--space-5)}.workflow-index-stats{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--color-border);background:var(--color-background);margin-bottom:var(--space-4)}@media (min-width: 640px){.workflow-index-stats{grid-template-columns:repeat(3,1fr)}}.workflow-index-stat{padding:var(--space-3) var(--space-4);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.workflow-index-stat:nth-child(2n){border-right:none}@media (min-width: 640px){.workflow-index-stat{border-bottom:none}.workflow-index-stat:last-child{border-right:none}}.workflow-index-stat-value{display:block;font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);line-height:1;margin-bottom:.25rem}.workflow-index-stat-label{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.workflow-index-search-wrap{margin-bottom:var(--space-4)}.workflow-index-search-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.workflow-index-search{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--color-border);background:var(--color-background)}.workflow-index-search:focus-within{border-color:var(--color-primary)}.workflow-index-search-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--color-text-muted)}.workflow-index-search input{flex:1;min-width:0;padding:var(--space-3) 0;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none}.workflow-index-posts{position:relative;z-index:1;padding:var(--space-6) 0 var(--space-8)}.workflow-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);overflow:hidden;position:relative;transition:border-color .25s ease,background-color .25s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.workflow-card-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-primary);transform:scaleY(0);transform-origin:top;transition:transform .3s cubic-bezier(.22,1,.36,1);z-index:1}.workflow-card-link:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 92%,var(--color-primary) 8%);transform:translateY(-2px);box-shadow:0 10px 24px -10px #0006,0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,transparent);text-decoration:none}.workflow-card-link:hover:before{transform:scaleY(1)}.workflow-card-link:hover .workflow-card-title-text{color:var(--color-primary)}.workflow-card-link:hover .workflow-card-arrow{opacity:1;transform:translate(0)}.workflow-card-main{display:flex;flex-direction:column;flex:1;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-5)}.workflow-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.workflow-card-kicker{font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.workflow-card-difficulty{font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.workflow-card-difficulty[data-level=intermediate]{color:var(--color-secondary)}.workflow-card-difficulty[data-level=advanced]{color:var(--color-primary)}.workflow-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.workflow-card-title{font-size:.9375rem;font-weight:600;line-height:1.35;margin:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.workflow-card-title-text{flex:1;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s ease}.workflow-card-arrow{flex-shrink:0;margin-top:.15rem;color:var(--color-primary);opacity:0;transform:translate(-6px);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}.workflow-card-excerpt{font-size:.8125rem;line-height:1.55;color:var(--color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.workflow-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:0;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-background);font-size:.6875rem;color:var(--color-text-muted)}.workflow-card-link:hover .workflow-card-footer{border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border))}.workflow-card-meta-item{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;line-height:1.2}.workflow-card-meta-item svg{flex-shrink:0;display:block}.workflow-card-meta-item time{font:inherit;color:inherit}@media (prefers-reduced-motion: reduce){.workflow-card-link,.workflow-card-link:before,.workflow-card-arrow,.workflow-card-title-text{transition:none}.workflow-card-link:hover{transform:none}}