.article-page[data-astro-cid-sfkwkc6i]{background:var(--color-bg)}.article-container[data-astro-cid-sfkwkc6i]{max-width:1400px;margin:0 auto;padding:3rem 1rem}.breadcrumb[data-astro-cid-sfkwkc6i]{margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.9375rem}.breadcrumb[data-astro-cid-sfkwkc6i] a[data-astro-cid-sfkwkc6i]{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-base)}.breadcrumb[data-astro-cid-sfkwkc6i] a[data-astro-cid-sfkwkc6i]:hover{color:var(--color-primary)}.breadcrumb[data-astro-cid-sfkwkc6i] .separator[data-astro-cid-sfkwkc6i]{color:var(--color-text-secondary)}.breadcrumb[data-astro-cid-sfkwkc6i] span[data-astro-cid-sfkwkc6i]:last-child{color:var(--color-text)}.article-layout[data-astro-cid-sfkwkc6i]{display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start}.article-content[data-astro-cid-sfkwkc6i]{min-width:0}.article-header-image[data-astro-cid-sfkwkc6i]{width:100%;margin-bottom:3rem;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.article-header-image[data-astro-cid-sfkwkc6i] .header-img{width:100%;height:auto;display:block}.article-header[data-astro-cid-sfkwkc6i]{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.article-meta[data-astro-cid-sfkwkc6i]{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-badge[data-astro-cid-sfkwkc6i]{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.5rem 1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-weight:600;transition:all var(--transition-base)}.category-badge[data-astro-cid-sfkwkc6i] svg{flex-shrink:0;color:var(--color-text-secondary)}.category-badge[data-astro-cid-sfkwkc6i]:hover{background:var(--color-primary);color:#fff}.category-badge[data-astro-cid-sfkwkc6i]:hover svg{color:#fff}.difficulty[data-astro-cid-sfkwkc6i]{font-size:.75rem;padding:.375rem .75rem;border-radius:999px;font-weight:600;text-transform:capitalize}.difficulty-beginner[data-astro-cid-sfkwkc6i]{background:#10b9811a;color:#10b981}.difficulty-intermediate[data-astro-cid-sfkwkc6i]{background:#3b82f61a;color:#3b82f6}.difficulty-advanced[data-astro-cid-sfkwkc6i]{background:#ef44441a;color:#ef4444}.article-header[data-astro-cid-sfkwkc6i] h1[data-astro-cid-sfkwkc6i]{font-size:3rem;line-height:1.2;margin-bottom:1.5rem;color:var(--color-text)}.article-description[data-astro-cid-sfkwkc6i]{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:1.5rem}.article-info[data-astro-cid-sfkwkc6i]{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1rem}.info-item[data-astro-cid-sfkwkc6i]{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.9375rem}.info-item[data-astro-cid-sfkwkc6i] svg[data-astro-cid-sfkwkc6i]{opacity:.7}.updated-notice[data-astro-cid-sfkwkc6i]{font-size:.875rem;color:var(--color-text-secondary);font-style:italic;margin-bottom:1rem}.article-tags[data-astro-cid-sfkwkc6i]{display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-astro-cid-sfkwkc6i]{font-size:.8125rem;padding:.375rem .75rem;background:#2563eb1a;color:var(--color-primary);border-radius:var(--radius-sm);font-weight:500}.table-of-contents[data-astro-cid-sfkwkc6i]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.table-of-contents[data-astro-cid-sfkwkc6i] h2[data-astro-cid-sfkwkc6i]{font-size:1.125rem;margin-bottom:1rem}.table-of-contents[data-astro-cid-sfkwkc6i] ul[data-astro-cid-sfkwkc6i]{list-style:none;padding:0;margin:0}.table-of-contents[data-astro-cid-sfkwkc6i] li[data-astro-cid-sfkwkc6i]{margin-bottom:.5rem}.toc-level-2[data-astro-cid-sfkwkc6i]{padding-left:0}.toc-level-3[data-astro-cid-sfkwkc6i]{padding-left:1.5rem}.table-of-contents[data-astro-cid-sfkwkc6i] a[data-astro-cid-sfkwkc6i]{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-base)}.table-of-contents[data-astro-cid-sfkwkc6i] a[data-astro-cid-sfkwkc6i]:hover{color:var(--color-primary)}.article-body[data-astro-cid-sfkwkc6i]{font-size:1.0625rem;line-height:1.8;color:var(--color-text-secondary)}.article-body[data-astro-cid-sfkwkc6i] h2{font-size:2rem;color:var(--color-text);margin-top:3rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);scroll-margin-top:100px}.article-body[data-astro-cid-sfkwkc6i] h2:first-child{margin-top:0}.article-body[data-astro-cid-sfkwkc6i] h3{font-size:1.5rem;color:var(--color-text);margin-top:2.5rem;margin-bottom:1rem;scroll-margin-top:100px}.article-body[data-astro-cid-sfkwkc6i] h4{font-size:1.25rem;color:var(--color-text);margin-top:2rem;margin-bottom:.75rem;scroll-margin-top:100px}.article-body[data-astro-cid-sfkwkc6i] p{margin-bottom:1.5rem}.article-body[data-astro-cid-sfkwkc6i] ul,.article-body[data-astro-cid-sfkwkc6i] ol{margin:1.5rem 0;padding-left:2rem}.article-body[data-astro-cid-sfkwkc6i] li{margin-bottom:.75rem;line-height:1.7}.article-body[data-astro-cid-sfkwkc6i] strong{color:var(--color-text);font-weight:600}.article-body[data-astro-cid-sfkwkc6i] code{font-family:var(--font-mono, "SF Mono", "Monaco", "Inconsolata", "Courier New", monospace);background:var(--color-bg-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.9em;color:var(--color-primary)}.article-body[data-astro-cid-sfkwkc6i] pre{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:1.5rem;margin:2rem 0;overflow-x:auto}.article-body[data-astro-cid-sfkwkc6i] pre code{background:none;padding:0;color:inherit}.article-body[data-astro-cid-sfkwkc6i] blockquote{border-left:3px solid var(--color-primary);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--color-text)}.article-body[data-astro-cid-sfkwkc6i] table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9375rem}.article-body[data-astro-cid-sfkwkc6i] th,.article-body[data-astro-cid-sfkwkc6i] td{padding:.75rem;border:1px solid var(--color-border);text-align:left}.article-body[data-astro-cid-sfkwkc6i] th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text)}.article-body[data-astro-cid-sfkwkc6i] img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:2.5rem 0}.article-body[data-astro-cid-sfkwkc6i] a{color:var(--color-primary);text-decoration:underline;transition:opacity var(--transition-base)}.article-body[data-astro-cid-sfkwkc6i] a:hover{opacity:.8}.article-body[data-astro-cid-sfkwkc6i] hr{border:none;border-top:1px solid var(--color-border);margin:3rem 0}.article-cta[data-astro-cid-sfkwkc6i]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:3rem;border-radius:var(--radius-xl);text-align:center;margin:4rem 0;box-shadow:0 4px 16px #2563eb1a}.article-cta[data-astro-cid-sfkwkc6i] h3[data-astro-cid-sfkwkc6i]{font-size:2rem;margin-bottom:1rem;color:#fff}.article-cta[data-astro-cid-sfkwkc6i] p[data-astro-cid-sfkwkc6i]{font-size:1.125rem;opacity:.95;margin-bottom:2rem;color:#fffffff2}.article-cta[data-astro-cid-sfkwkc6i] .button[data-astro-cid-sfkwkc6i]{background:#fff;color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-2xs)}.article-cta[data-astro-cid-sfkwkc6i] .button[data-astro-cid-sfkwkc6i]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff40;background:#fffffff2}.share-section[data-astro-cid-sfkwkc6i]{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--color-border);margin-top:3rem}.share-label[data-astro-cid-sfkwkc6i]{font-weight:600;color:var(--color-text)}.share-buttons[data-astro-cid-sfkwkc6i]{display:flex;gap:.75rem}.share-btn[data-astro-cid-sfkwkc6i]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);text-decoration:none;font-weight:500;font-size:.9375rem;transition:all var(--transition-base)}.share-twitter[data-astro-cid-sfkwkc6i]{background:#1da1f2;color:#fff}.share-twitter[data-astro-cid-sfkwkc6i]:hover{background:#1a8cd8;transform:translateY(-2px)}.share-linkedin[data-astro-cid-sfkwkc6i]{background:#0077b5;color:#fff}.share-linkedin[data-astro-cid-sfkwkc6i]:hover{background:#006399;transform:translateY(-2px)}.article-sidebar[data-astro-cid-sfkwkc6i]{position:sticky;top:100px}.sidebar-section[data-astro-cid-sfkwkc6i]{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.sidebar-section[data-astro-cid-sfkwkc6i] h3[data-astro-cid-sfkwkc6i]{font-size:1rem;margin-bottom:1rem;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.quick-nav[data-astro-cid-sfkwkc6i]{list-style:none;padding:0;margin:0}.quick-nav[data-astro-cid-sfkwkc6i] li[data-astro-cid-sfkwkc6i]{margin-bottom:.5rem}.quick-nav[data-astro-cid-sfkwkc6i] a[data-astro-cid-sfkwkc6i]{color:var(--color-text-secondary);text-decoration:none;font-size:.9375rem;transition:color var(--transition-base);display:block}.quick-nav[data-astro-cid-sfkwkc6i] a[data-astro-cid-sfkwkc6i]:hover{color:var(--color-primary)}.quick-nav[data-astro-cid-sfkwkc6i] .toc-level-2[data-astro-cid-sfkwkc6i]{font-weight:500}.related-articles[data-astro-cid-sfkwkc6i]{display:flex;flex-direction:column;gap:1rem}.related-article[data-astro-cid-sfkwkc6i]{text-decoration:none;padding:1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);transition:all var(--transition-base)}.related-article[data-astro-cid-sfkwkc6i]:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.related-article[data-astro-cid-sfkwkc6i] h4[data-astro-cid-sfkwkc6i]{font-size:.9375rem;color:var(--color-text);margin-bottom:.5rem}.related-article[data-astro-cid-sfkwkc6i] p[data-astro-cid-sfkwkc6i]{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0}@media(max-width:1024px){.article-layout[data-astro-cid-sfkwkc6i]{grid-template-columns:1fr;gap:2rem}.article-sidebar[data-astro-cid-sfkwkc6i]{position:static}.sticky-toc[data-astro-cid-sfkwkc6i]{display:none}}@media(max-width:768px){.article-container[data-astro-cid-sfkwkc6i]{padding:2rem 1rem}.article-header[data-astro-cid-sfkwkc6i] h1[data-astro-cid-sfkwkc6i]{font-size:2rem}.article-description[data-astro-cid-sfkwkc6i]{font-size:1.125rem}.article-info[data-astro-cid-sfkwkc6i]{gap:1rem}.article-body[data-astro-cid-sfkwkc6i]{font-size:1rem}.article-body[data-astro-cid-sfkwkc6i] h2{font-size:1.75rem}.article-body[data-astro-cid-sfkwkc6i] h3{font-size:1.375rem}.article-cta[data-astro-cid-sfkwkc6i]{padding:2rem 1.5rem}.share-section[data-astro-cid-sfkwkc6i]{flex-direction:column;align-items:flex-start}}