.article-shell.svelte-rp8szc{padding:120px 0 100px;min-height:100vh}@media(max-width:767px){.article-shell.svelte-rp8szc{padding:96px 0 72px}}.container.svelte-rp8szc{max-width:760px;margin:0 auto;padding:0 24px}.back-link.svelte-rp8szc{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;color:var(--on-surface-variant);text-decoration:none;margin-bottom:40px;transition:color .15s}.back-link.svelte-rp8szc:hover{color:var(--primary)}.article-header.svelte-rp8szc{margin-bottom:36px}.article-meta-top.svelte-rp8szc{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--on-surface-variant)}.category-badge.svelte-rp8szc{background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:3px 10px;border-radius:50px}.article-header.svelte-rp8szc h1:where(.svelte-rp8szc){font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:var(--on-surface);line-height:1.2;letter-spacing:-.02em;margin:0 0 20px}.article-author.svelte-rp8szc{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--on-surface-variant)}.author-link.svelte-rp8szc{color:var(--primary);font-weight:600;text-decoration:none}.author-link.svelte-rp8szc:hover{text-decoration:underline}.sep.svelte-rp8szc{opacity:.4}.hero-image.svelte-rp8szc{border-radius:16px;overflow:hidden;margin-bottom:48px;border:1px solid var(--outline-variant);box-shadow:0 8px 40px #0000001a;aspect-ratio:16/9}.hero-image.svelte-rp8szc img:where(.svelte-rp8szc){width:100%;height:100%;object-fit:cover;display:block}.prose.svelte-rp8szc h2{font-size:1.4rem;font-weight:700;color:var(--on-surface);margin:44px 0 12px;scroll-margin-top:80px}.prose.svelte-rp8szc h3{font-size:1.1rem;font-weight:600;color:var(--on-surface);margin:28px 0 8px}.prose.svelte-rp8szc p{font-size:1.0625rem;color:var(--on-surface-variant);line-height:1.85;margin:0 0 20px}.prose.svelte-rp8szc a{color:var(--primary);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(var(--primary-rgb),.3);transition:border-color .15s}.prose.svelte-rp8szc a:hover{border-bottom-color:var(--primary)}.prose.svelte-rp8szc strong{color:var(--on-surface);font-weight:600}.prose.svelte-rp8szc em{font-style:italic}.prose.svelte-rp8szc ul,.prose.svelte-rp8szc ol{margin:0 0 20px 20px;color:var(--on-surface-variant);line-height:1.8;font-size:1.0625rem}.prose.svelte-rp8szc li{margin-bottom:8px}.prose.svelte-rp8szc blockquote{border-left:3px solid var(--primary);background:rgba(var(--primary-rgb),.04);padding:16px 20px;margin:32px 0;border-radius:0 8px 8px 0;color:var(--on-surface);font-style:italic;font-size:1.1rem}.prose.svelte-rp8szc blockquote p{margin:0;color:var(--on-surface)}.prose.svelte-rp8szc code{background:var(--surface-container);color:var(--primary);padding:2px 6px;border-radius:4px;font-size:.875em;font-family:SF Mono,Fira Code,Consolas,monospace}.prose.svelte-rp8szc pre{background:#0d0d14;border:1px solid var(--outline-variant);border-radius:10px;padding:20px 24px;margin:24px 0;overflow-x:auto}.prose.svelte-rp8szc pre code{background:none;color:#e2e8f0;padding:0;font-size:.875rem;line-height:1.65}.prose.svelte-rp8szc hr{border:none;border-top:1px solid var(--outline-variant);margin:36px 0}.article-footer.svelte-rp8szc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:56px;padding-top:28px;border-top:1px solid var(--outline-variant)}.share-row.svelte-rp8szc{display:flex;align-items:center;gap:8px}.share-label.svelte-rp8szc{font-size:.875rem;font-weight:600;color:var(--on-surface-variant);margin-right:4px}.share-btn.svelte-rp8szc{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--surface-container-low);border:1px solid var(--outline-variant);color:var(--on-surface-variant);text-decoration:none;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s,transform .15s}.share-btn.svelte-rp8szc:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}.share-btn.copied.svelte-rp8szc{background:#16a34a;color:#fff;border-color:#16a34a}.back-to-blog-link.svelte-rp8szc{font-size:.875rem;font-weight:600;color:var(--primary);text-decoration:none}.back-to-blog-link.svelte-rp8szc:hover{text-decoration:underline}