.article-layout.svelte-1f19a26{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}@media(min-width:1024px){.article-layout.svelte-1f19a26{grid-template-columns:1fr 300px}}.article-detail.svelte-1f19a26{max-width:800px}.article-header.svelte-1f19a26{margin-bottom:var(--spacing-xl)}h1.svelte-1f19a26{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary)}.meta.svelte-1f19a26{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.author.svelte-1f19a26{font-style:italic;color:var(--color-text-secondary);margin:var(--spacing-md) 0}.tags.svelte-1f19a26{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.tag.svelte-1f19a26{background:var(--color-primary-light, #dbeafe);color:var(--color-primary-dark, #1e40af);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.content.svelte-1f19a26{margin-bottom:var(--spacing-md);line-height:1.7}.content.svelte-1f19a26 h2{font-size:1.5rem;margin:1.5rem 0 1rem;color:var(--color-text-primary, #1f2937)}.content.svelte-1f19a26 h3{font-size:1.25rem;margin:1.25rem 0 .75rem;color:var(--color-text-primary, #1f2937)}.content.svelte-1f19a26 p{margin:1rem 0}.content.svelte-1f19a26 ul{margin:1rem 0;padding-left:1.5rem}.content.svelte-1f19a26 li{margin:.5rem 0}.article-footer.svelte-1f19a26{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-neutral-gray200)}.source.svelte-1f19a26{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.source.svelte-1f19a26 a:where(.svelte-1f19a26){color:var(--color-primary-main);text-decoration:none}.source.svelte-1f19a26 a:where(.svelte-1f19a26):hover{text-decoration:underline}.back-link.svelte-1f19a26{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-neutral-gray200)}.back-link.svelte-1f19a26 a:where(.svelte-1f19a26){color:var(--color-primary-main);text-decoration:none;font-size:var(--font-size-base)}.back-link.svelte-1f19a26 a:where(.svelte-1f19a26):hover{text-decoration:underline}@media(max-width:768px){h1.svelte-1f19a26{font-size:var(--font-size-3xl)}}