.article-page.svelte-ocq36o{max-width:900px;margin:0 auto;padding:1.5rem 1rem 4rem}.back-nav.svelte-ocq36o{margin-bottom:1.5rem}.back-link.svelte-ocq36o{color:var(--color-primary-500);align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.back-link.svelte-ocq36o:hover{color:var(--color-primary-600);gap:.75rem}.article-hero.svelte-ocq36o{z-index:1;margin-bottom:-60px;position:relative}.hero-image-wrapper.svelte-ocq36o{border-radius:24px;width:100%;height:400px;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000001f,0 4px 12px #7ecfff1a}.hero-image.svelte-ocq36o{object-fit:cover;width:100%;height:100%}.hero-overlay.svelte-ocq36o{pointer-events:none;background:linear-gradient(#0000 40%,#0000001a 100%);position:absolute;inset:0}.article-card.svelte-ocq36o{z-index:2;border:1px solid var(--color-surface-100);background:#fff;border-radius:24px;padding:3rem;position:relative;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000f}[data-mode=dark] .article-card.svelte-ocq36o{background:var(--color-surface-800);border-color:var(--color-surface-700)}.article-header.svelte-ocq36o{text-align:center;margin-bottom:2rem}.article-meta.svelte-ocq36o{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.meta-badge.svelte-ocq36o{color:var(--color-primary-600);background:linear-gradient(135deg,#7ecfff1f 0%,#a78bfa1f 100%);border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:500;display:inline-flex}[data-mode=dark] .meta-badge.svelte-ocq36o{color:var(--color-primary-300);background:linear-gradient(135deg,#7ecfff26 0%,#a78bfa26 100%)}.article-title.svelte-ocq36o{color:var(--color-surface-800);margin:0 0 1rem;font-family:Bricolage Grotesque,sans-serif;font-size:2.25rem;font-weight:800;line-height:1.2}[data-mode=dark] .article-title.svelte-ocq36o{color:var(--color-surface-50)}.article-description.svelte-ocq36o{color:var(--color-surface-500);margin:0;max-width:650px;margin-inline:auto;font-family:Outfit,sans-serif;font-size:1.125rem;line-height:1.6}.divider.svelte-ocq36o{background:linear-gradient(90deg, transparent, var(--color-primary-300), var(--color-secondary-300), transparent);border-radius:1px;height:2px;margin-bottom:2.5rem}.article-body.svelte-ocq36o{color:var(--color-surface-700);font-family:Outfit,sans-serif;font-size:1.0625rem;line-height:1.8}[data-mode=dark] .article-body.svelte-ocq36o{color:var(--color-surface-200)}.article-body.svelte-ocq36o h2{color:var(--color-surface-800);border-bottom:2px solid var(--color-primary-200);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.5rem;font-weight:700}[data-mode=dark] .article-body.svelte-ocq36o h2{color:var(--color-surface-50);border-color:var(--color-primary-500)}.article-body.svelte-ocq36o h3{color:var(--color-surface-700);margin-top:2rem;margin-bottom:.75rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem;font-weight:600}[data-mode=dark] .article-body.svelte-ocq36o h3{color:var(--color-surface-100)}.article-body.svelte-ocq36o p{margin-bottom:1.5rem}.article-body.svelte-ocq36o a{color:var(--color-primary-500);text-decoration:underline;text-decoration-color:var(--color-primary-300);text-underline-offset:2px;transition:all .2s}.article-body.svelte-ocq36o a:hover{color:var(--color-primary-600);text-decoration-color:var(--color-primary-500)}.article-body.svelte-ocq36o ul,.article-body.svelte-ocq36o ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-body.svelte-ocq36o li{margin-bottom:.5rem}.article-body.svelte-ocq36o ul li{list-style-type:disc}.article-body.svelte-ocq36o ul li::marker{color:var(--color-primary-400)}.article-body.svelte-ocq36o blockquote{border-left:4px solid var(--color-primary-400);color:var(--color-surface-600);background:linear-gradient(135deg,#7ecfff14 0%,#a78bfa14 100%);border-radius:0 12px 12px 0;margin:2rem 0;padding:1.25rem 1.5rem;font-style:italic}[data-mode=dark] .article-body.svelte-ocq36o blockquote{color:var(--color-surface-300);background:linear-gradient(135deg,#7ecfff1a 0%,#a78bfa1a 100%)}.article-body.svelte-ocq36o code{background:var(--color-surface-100);color:var(--color-primary-600);border-radius:6px;padding:.2rem .5rem;font-family:JetBrains Mono,monospace;font-size:.875em}[data-mode=dark] .article-body.svelte-ocq36o code{background:var(--color-surface-700);color:var(--color-primary-300)}.article-body.svelte-ocq36o pre{background:var(--color-surface-900);color:var(--color-surface-100);border-radius:12px;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}.article-body.svelte-ocq36o pre code{color:inherit;background:0 0;padding:0}.article-body.svelte-ocq36o img{border-radius:12px;max-width:100%;margin:2rem auto;display:block;box-shadow:0 4px 16px #0000001a}.article-footer.svelte-ocq36o{margin-top:3rem}.footer-divider.svelte-ocq36o{background:var(--color-surface-200);height:1px;margin-bottom:1.5rem}[data-mode=dark] .footer-divider.svelte-ocq36o{background:var(--color-surface-700)}.footer-actions.svelte-ocq36o{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.back-to-blog-btn.svelte-ocq36o{background:var(--color-surface-100);border:1px solid var(--color-surface-200);color:var(--color-surface-700);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.back-to-blog-btn.svelte-ocq36o:hover{background:var(--color-surface-200);border-color:var(--color-surface-300);transform:translate(-4px)}[data-mode=dark] .back-to-blog-btn.svelte-ocq36o{background:var(--color-surface-700);border-color:var(--color-surface-600);color:var(--color-surface-200)}[data-mode=dark] .back-to-blog-btn.svelte-ocq36o:hover{background:var(--color-surface-600);border-color:var(--color-surface-500)}@media (width<=768px){.article-page.svelte-ocq36o{padding:1rem 1rem 3rem}.hero-image-wrapper.svelte-ocq36o{border-radius:16px;height:250px}.article-hero.svelte-ocq36o{margin-bottom:-40px}.article-card.svelte-ocq36o{border-radius:16px;padding:2rem 1.5rem}.article-title.svelte-ocq36o{font-size:1.75rem}.article-body.svelte-ocq36o h2{font-size:1.25rem}.footer-actions.svelte-ocq36o{flex-direction:column}}