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