.products-post.svelte-5y2hrh{padding-block:4rem 6rem}.post-header.svelte-5y2hrh{display:flex;flex-direction:column;gap:.75rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border-subtle)}.post-meta.svelte-5y2hrh{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.post-type.svelte-5y2hrh{font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.post-status.svelte-5y2hrh{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.post-status.active.svelte-5y2hrh{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.post-status.beta.svelte-5y2hrh{background-color:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.post-status.archived.svelte-5y2hrh{background-color:color-mix(in srgb,var(--color-text-muted) 15%,transparent);color:var(--color-text-muted)}.post-license.svelte-5y2hrh{font-size:.75rem;color:var(--color-text-muted)}.post-title.svelte-5y2hrh{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text);line-height:1.2}.post-desc.svelte-5y2hrh{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6}.tech-stack.svelte-5y2hrh{display:flex;flex-wrap:wrap;gap:.375rem}.tech-badge.svelte-5y2hrh{font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:999px;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.post-links.svelte-5y2hrh{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.post-link.svelte-5y2hrh{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;padding:.375rem .75rem;border-radius:.375rem;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.post-link.svelte-5y2hrh:hover{border-color:var(--color-border);color:var(--color-text)}.post-link--primary.svelte-5y2hrh{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.post-link--primary.svelte-5y2hrh:hover{opacity:.9;color:var(--color-text-inverse)}