.blog-detail.svelte-1teoznn{padding:var(--space-16) 0}.header.svelte-1teoznn{margin-bottom:var(--space-8)}.back-link.svelte-1teoznn{display:inline-block;color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.back-link.svelte-1teoznn:hover{color:var(--color-link)}.article-header.svelte-1teoznn{margin-bottom:var(--space-8)}.article-meta.svelte-1teoznn{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.article-date.svelte-1teoznn{font-weight:500}.article-date.svelte-1teoznn,.article-updated.svelte-1teoznn{white-space:nowrap}.article-updated.svelte-1teoznn{font-size:var(--text-xs)}.article-title.svelte-1teoznn{font-size:var(--text-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}.article-description.svelte-1teoznn{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.article-tags.svelte-1teoznn{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag.svelte-1teoznn{padding:var(--space-1) var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.article-thumbnail.svelte-1teoznn{margin-bottom:var(--space-8);border-radius:var(--radius-lg);overflow:hidden}.article-thumbnail.svelte-1teoznn img:where(.svelte-1teoznn){width:100%;height:auto;display:block}.article-content.svelte-1teoznn{max-width:720px;margin:0 auto var(--space-16)}.related-section.svelte-1teoznn{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related-title.svelte-1teoznn{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6)}.related-grid.svelte-1teoznn{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.related-content.svelte-1teoznn{display:flex;flex-direction:column;gap:var(--space-2)}.related-blog-title.svelte-1teoznn{font-size:var(--text-lg);font-weight:600;line-height:1.4}.related-blog-description.svelte-1teoznn{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.back-link-bottom.svelte-1teoznn{margin-top:var(--space-12);text-align:center}.back-link-bottom.svelte-1teoznn a:where(.svelte-1teoznn){color:var(--color-link-hover);text-decoration:none;font-size:var(--text-lg)}
