.article-layout[data-v-adef0903]{display:grid;grid-template-columns:1fr 320px;gap:3rem;align-items:start}@media(max-width:1024px){.article-layout[data-v-adef0903]{grid-template-columns:1fr}}.article-main[data-v-adef0903]{background:var(--theme-card-bg, white);border:1px solid var(--theme-card-border, var(--gray-200));border-radius:var(--radius-xl);padding:2.5rem}.article-meta[data-v-adef0903]{display:flex;gap:.75rem;margin-bottom:2rem}.article-tag[data-v-adef0903]{display:inline-block;padding:.25rem .75rem;background:var(--brand-50);color:var(--brand-600);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}[data-theme=dark] .article-tag[data-v-adef0903]{background:#465fff26;color:var(--brand-400)}.article-software[data-v-adef0903]{display:inline-block;padding:.25rem .75rem;background:var(--gray-100);color:var(--gray-600);font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}[data-theme=dark] .article-software[data-v-adef0903]{background:var(--gray-800);color:var(--gray-400)}.article-content[data-v-adef0903]{color:var(--theme-text, var(--gray-900));line-height:1.8}.article-content[data-v-adef0903] h1{font-size:2rem;font-weight:800;margin-bottom:1.5rem;color:var(--theme-text, var(--gray-900))}.article-content[data-v-adef0903] h2{font-size:1.5rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;color:var(--theme-text, var(--gray-900))}.article-content[data-v-adef0903] h3{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--theme-text, var(--gray-900))}.article-content[data-v-adef0903] p{margin-bottom:1.25rem;color:var(--theme-text-secondary, var(--gray-600))}.article-content[data-v-adef0903] ul,.article-content[data-v-adef0903] ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-content[data-v-adef0903] li{margin-bottom:.5rem;color:var(--theme-text-secondary, var(--gray-600))}.article-content[data-v-adef0903] strong{font-weight:600;color:var(--theme-text, var(--gray-900))}.article-content[data-v-adef0903] table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem}.article-content[data-v-adef0903] th,.article-content[data-v-adef0903] td{padding:.75rem 1rem;text-align:left;border:1px solid var(--gray-200)}[data-theme=dark] .article-content[data-v-adef0903] th,[data-theme=dark] .article-content[data-v-adef0903] td{border-color:var(--gray-700)}.article-content[data-v-adef0903] th{background:var(--gray-50);font-weight:600;color:var(--theme-text, var(--gray-900))}[data-theme=dark] .article-content[data-v-adef0903] th{background:var(--gray-800)}.article-content[data-v-adef0903] blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--brand-500);background:var(--gray-50);border-radius:0 var(--radius-md) var(--radius-md) 0}[data-theme=dark] .article-content[data-v-adef0903] blockquote{background:var(--gray-800)}.article-content[data-v-adef0903] code{background:var(--gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.875em;color:var(--brand-600)}[data-theme=dark] .article-content[data-v-adef0903] code{background:var(--gray-800);color:var(--brand-400)}.article-footer[data-v-adef0903]{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--gray-200)}[data-theme=dark] .article-footer[data-v-adef0903]{border-color:var(--gray-700)}.article-cta[data-v-adef0903]{background:linear-gradient(135deg,#465fff0d,#8b5cf60d);border:1px solid rgba(70,95,255,.1);border-radius:var(--radius-lg);padding:2rem;text-align:center}[data-theme=dark] .article-cta[data-v-adef0903]{background:linear-gradient(135deg,#465fff1a,#8b5cf61a);border-color:#465fff33}.article-cta h3[data-v-adef0903]{font-size:1.25rem;font-weight:700;color:var(--theme-text, var(--gray-900));margin-bottom:.5rem}.article-cta p[data-v-adef0903]{color:var(--theme-text-secondary, var(--gray-600));margin-bottom:1.25rem}.article-sidebar[data-v-adef0903]{position:sticky;top:100px}.sidebar-section[data-v-adef0903]{background:var(--theme-card-bg, white);border:1px solid var(--theme-card-border, var(--gray-200));border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.sidebar-section h4[data-v-adef0903]{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted, var(--gray-500));margin-bottom:1rem}.related-posts[data-v-adef0903]{list-style:none;padding:0;margin:0}.related-posts li[data-v-adef0903]{margin-bottom:.75rem}.related-posts li[data-v-adef0903]:last-child{margin-bottom:0}.related-posts a[data-v-adef0903]{display:block;font-size:.875rem;color:var(--theme-text, var(--gray-900));text-decoration:none;transition:color .2s}.related-posts a[data-v-adef0903]:hover{color:var(--brand-500)}.related-tag[data-v-adef0903]{display:inline-block;padding:.125rem .5rem;background:var(--gray-100);color:var(--gray-600);font-size:.625rem;font-weight:500;border-radius:var(--radius-full);margin-right:.5rem;margin-bottom:.25rem}[data-theme=dark] .related-tag[data-v-adef0903]{background:var(--gray-800);color:var(--gray-400)}.sidebar-links[data-v-adef0903]{list-style:none;padding:0;margin:0}.sidebar-links li[data-v-adef0903]{margin-bottom:.5rem}.sidebar-links a[data-v-adef0903]{display:flex;align-items:center;font-size:.875rem;color:var(--brand-600);text-decoration:none;transition:color .2s}[data-theme=dark] .sidebar-links a[data-v-adef0903]{color:var(--brand-400)}.sidebar-links a[data-v-adef0903]:hover{color:var(--brand-700)}[data-theme=dark] .sidebar-links a[data-v-adef0903]:hover{color:var(--brand-300)}.sidebar-cta[data-v-adef0903]{background:linear-gradient(135deg,var(--brand-600) 0%,#7c3aed 100%);border-radius:var(--radius-lg);padding:1.5rem;text-align:center}.sidebar-cta-icon[data-v-adef0903]{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.sidebar-cta h4[data-v-adef0903]{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.sidebar-cta p[data-v-adef0903]{color:#fffc;font-size:.8125rem;margin-bottom:1rem}.sidebar-cta .btn-secondary[data-v-adef0903]{background:#fff;color:var(--brand-600)!important;border:none}.btn-sm[data-v-adef0903]{padding:.5rem 1rem;font-size:.8125rem}.not-found-message[data-v-adef0903]{text-align:center;padding:4rem 2rem}.not-found-message h2[data-v-adef0903]{font-size:1.5rem;font-weight:700;color:var(--theme-text, var(--gray-900));margin-bottom:1rem}.not-found-message p[data-v-adef0903]{color:var(--theme-text-secondary, var(--gray-600));margin-bottom:1.5rem}
