.article-page.svelte-13fn0xr{min-height:100vh;padding:var(--space-lg);max-width:900px;margin:0 auto;position:relative}.bg-grid.svelte-13fn0xr{position:fixed;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:60px 60px;opacity:.1;pointer-events:none;z-index:-1}.article.svelte-13fn0xr{margin-bottom:var(--space-3xl)}.article-header.svelte-13fn0xr{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:2px solid var(--color-border)}.article-header.svelte-13fn0xr h1:where(.svelte-13fn0xr){font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);color:var(--color-text);margin:var(--space-lg) 0 var(--space-md);line-height:1.1}.lead.svelte-13fn0xr{font-size:var(--text-xl);color:var(--color-text-dim);line-height:1.6;margin-bottom:var(--space-xl);border-left:3px solid var(--accent);padding-left:var(--space-md)}.article-meta.svelte-13fn0xr{display:flex;flex-direction:column;gap:var(--space-sm)}.meta-row.svelte-13fn0xr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.meta-row.secondary.svelte-13fn0xr{color:var(--color-text-muted);font-size:var(--text-xs)}.meta-item.svelte-13fn0xr{display:flex;align-items:center;gap:var(--space-xs)}.meta-icon.svelte-13fn0xr{font-size:var(--text-sm);opacity:.8}.meta-divider.svelte-13fn0xr{color:var(--color-border)}.featured-image.svelte-13fn0xr{margin:0 calc(-1 * var(--space-lg)) var(--space-2xl);position:relative}.featured-image.svelte-13fn0xr:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),transparent)}.featured-image.svelte-13fn0xr img:where(.svelte-13fn0xr){width:100%;height:auto;display:block}.article-content.svelte-13fn0xr{font-size:var(--text-base);line-height:1.9;color:var(--color-text-light)}.article-content.svelte-13fn0xr h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);margin:var(--space-3xl) 0 var(--space-md);padding-left:var(--space-md);border-left:3px solid var(--accent)}.article-content.svelte-13fn0xr h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin:var(--space-2xl) 0 var(--space-md)}.article-content.svelte-13fn0xr p{margin-bottom:var(--space-lg)}.article-content.svelte-13fn0xr ul,.article-content.svelte-13fn0xr ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.article-content.svelte-13fn0xr li{margin-bottom:var(--space-sm);position:relative}.article-content.svelte-13fn0xr ul li::marker{color:var(--accent)}.article-content.svelte-13fn0xr strong{color:var(--color-toxic);font-weight:600}.article-content.svelte-13fn0xr a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.article-content.svelte-13fn0xr a:hover{color:var(--color-toxic)}.article-content.svelte-13fn0xr blockquote{border-left:4px solid var(--accent);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0;background:var(--color-surface);font-style:italic;color:var(--color-text-dim)}.article-content.svelte-13fn0xr code{background:var(--color-surface);padding:2px 6px;border-radius:2px;font-family:var(--font-mono);font-size:.9em}.article-content.svelte-13fn0xr pre{background:var(--color-surface);padding:var(--space-lg);overflow-x:auto;margin:var(--space-xl) 0;border-left:3px solid var(--accent)}.article-footer.svelte-13fn0xr{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.tags-section.svelte-13fn0xr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.tags-label.svelte-13fn0xr{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.1em}.tags-list.svelte-13fn0xr{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.cta-box.svelte-13fn0xr{position:relative;padding:var(--space-2xl);background:var(--color-surface);border:2px solid var(--color-toxic);margin-bottom:var(--space-3xl);overflow:hidden}.cta-bg.svelte-13fn0xr{position:absolute;inset:0;overflow:hidden}.cta-line.svelte-13fn0xr{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-toxic),transparent);animation:svelte-13fn0xr-scanline 3s linear infinite}.cta-line.svelte-13fn0xr:nth-child(1){top:30%;animation-delay:0s}.cta-line.svelte-13fn0xr:nth-child(2){top:70%;animation-delay:1.5s}@keyframes svelte-13fn0xr-scanline{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}.cta-content.svelte-13fn0xr{position:relative;text-align:center;z-index:1}.cta-box.svelte-13fn0xr h2:where(.svelte-13fn0xr){font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-md)}.cta-box.svelte-13fn0xr p:where(.svelte-13fn0xr){color:var(--color-text-dim);margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}.related-section.svelte-13fn0xr{margin-bottom:var(--space-2xl)}.section-title.svelte-13fn0xr{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border)}.title-icon.svelte-13fn0xr{font-size:var(--text-lg)}.related-grid.svelte-13fn0xr{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.back-nav.svelte-13fn0xr{padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.back-link.svelte-13fn0xr{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-toxic);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.back-link.svelte-13fn0xr:hover{color:var(--color-electric)}.back-arrow.svelte-13fn0xr{transition:transform .2s}.back-link.svelte-13fn0xr:hover .back-arrow:where(.svelte-13fn0xr){transform:translate(-4px)}@media(max-width:768px){.article-page.svelte-13fn0xr{padding:var(--space-md)}.article-header.svelte-13fn0xr h1:where(.svelte-13fn0xr){font-size:var(--text-2xl)}.lead.svelte-13fn0xr{font-size:var(--text-lg)}.featured-image.svelte-13fn0xr{margin:0 calc(-1 * var(--space-md)) var(--space-xl)}.related-grid.svelte-13fn0xr{grid-template-columns:1fr}}
