.progress-bar.svelte-1teoznn{position:fixed;left:0;top:0;z-index:60;width:100%;height:2px;background-color:var(--color-accent);transform-origin:left;transition:transform .15s ease-out}.article-page.svelte-1teoznn{margin-left:auto;margin-right:auto;width:100%;max-width:48rem;padding:3rem 1.5rem}@media(min-width:640px){.article-page.svelte-1teoznn{padding-top:4rem;padding-bottom:4rem}}.back-link.svelte-1teoznn{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;line-height:1.25rem;color:var(--color-text-muted);transition:color .15s;text-decoration:none}.back-link.svelte-1teoznn:hover{color:var(--color-text-primary)}.back-icon.svelte-1teoznn{height:1rem;width:1rem}.article-header.svelte-1teoznn{margin-top:2rem}.article-title.svelte-1teoznn{font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.025em}@media(min-width:640px){.article-title.svelte-1teoznn{font-size:2.25rem;line-height:2.5rem}}.article-meta.svelte-1teoznn{margin-top:1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--color-text-muted)}.author-link.svelte-1teoznn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;transition:color .15s}.author-link.svelte-1teoznn:hover .author-name:where(.svelte-1teoznn){color:var(--color-accent-text)}.author-avatar.svelte-1teoznn{height:2rem;width:2rem;border-radius:9999px;object-fit:cover;border:1px solid var(--color-border);background-color:var(--color-bg-tertiary);font-size:.6875rem;font-weight:600;color:var(--color-text-secondary)}.author-name.svelte-1teoznn{font-weight:500;color:var(--color-text-secondary)}.dot.svelte-1teoznn{color:var(--color-text-muted)}.article-content.svelte-1teoznn{margin-top:2.5rem}.related-section.svelte-1teoznn{margin-top:3rem;border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);padding-top:2rem}.related-heading.svelte-1teoznn{font-size:1.125rem;line-height:1.75rem;font-weight:600}.related-grid.svelte-1teoznn{margin-top:1rem;display:grid;gap:1rem}@media(min-width:640px){.related-grid.svelte-1teoznn{grid-template-columns:repeat(3,1fr)}}.related-card.svelte-1teoznn{display:flex;flex-direction:column;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);padding:1rem;transition:border-color .15s,background-color .15s;text-decoration:none;color:inherit}.related-card.svelte-1teoznn:hover{border-color:var(--color-border);background-color:var(--color-bg-secondary)}.related-title.svelte-1teoznn{font-size:.875rem;line-height:1.375;font-weight:600;color:var(--color-text-primary);transition:color .15s}.related-card.svelte-1teoznn:hover .related-title:where(.svelte-1teoznn){color:var(--color-accent-text)}.related-meta.svelte-1teoznn{margin-top:auto;display:flex;align-items:center;gap:.5rem;padding-top:.75rem;font-size:.75rem;line-height:1rem;color:var(--color-text-muted)}.related-avatar.svelte-1teoznn{height:1.25rem;width:1.25rem;border-radius:9999px;object-fit:cover;border:1px solid var(--color-border);background-color:var(--color-bg-tertiary)}.bottom-nav.svelte-1teoznn{margin-top:2rem;border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);padding-top:2rem}.post-cta.svelte-1teoznn{margin-top:3rem;padding:2.5rem 1.75rem;border-radius:.875rem;border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);background-color:color-mix(in srgb,var(--color-accent) 5%,transparent);text-align:center}.cta-heading.svelte-1teoznn{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}@media(min-width:640px){.cta-heading.svelte-1teoznn{font-size:1.625rem}}.cta-body.svelte-1teoznn{margin:.75rem auto 0;max-width:32rem;font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}.cta-btn.svelte-1teoznn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;border-radius:.5rem;background-color:var(--color-accent);color:#fff;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .15s}.cta-btn.svelte-1teoznn:hover{background-color:var(--color-accent-hover)}.cta-btn.svelte-1teoznn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent),0 0 0 4px var(--color-bg-primary)}.cta-icon.svelte-1teoznn{width:1.125rem;height:1.125rem}
