.article-page{background:var(--bg-primary,#f8fafc);min-height:100vh;color:var(--text-primary,#1e293b)}.article-header{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 50%,#5b21b6 100%);padding:3rem 1.5rem 2.5rem}.article-header-content{max-width:720px;margin:0 auto}.article-back-link{color:#fffc;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.article-back-link:hover{color:#fff}.article-header h1{font-size:2rem;font-weight:700;font-family:var(--font-heading);margin:0 0 1rem;line-height:1.25}.article-meta{opacity:.9;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.875rem;display:flex}.article-meta-item{align-items:center;gap:.35rem;display:flex}.article-tags-header{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.article-tag-header{color:#fff;background:#ffffff26;border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.article-content-wrapper{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.article-content{color:var(--text-primary,#334155);font-size:1.0625rem;line-height:1.8}.article-content h2{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary,#1e293b);margin:2.5rem 0 1rem}.article-content h3{font-size:1.25rem;font-weight:600;font-family:var(--font-heading);color:var(--text-primary,#1e293b);margin:2rem 0 .75rem}.article-content p{margin:0 0 1.25rem}.article-content ul,.article-content ol{margin:0 0 1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content strong{color:var(--text-primary,#1e293b);font-weight:600}.article-content blockquote{background:var(--bg-card,#f8fafc);color:var(--text-secondary,#475569);border-left:4px solid #7c3aed;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.article-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9375rem;display:block;overflow-x:auto}.article-content thead{background:var(--bg-card,#f1f5f9)}.article-content th,.article-content td{border:1px solid var(--border-color,#e2e8f0);text-align:left;padding:.625rem 1rem}.article-content th{color:var(--text-primary,#1e293b);font-weight:600}.article-content tbody tr:nth-child(2n){background:var(--bg-card,#f8fafc)}.article-content a{color:#7c3aed;text-underline-offset:2px;text-decoration:underline}.article-content a:hover{color:#6d28d9}.article-share{text-align:center;max-width:720px;margin:0 auto;padding:0 1.5rem 2rem}.article-share-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#64748b);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.article-share-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.article-share-button{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,white);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.article-share-button:hover{color:var(--text-primary,#1e293b);border-color:var(--text-secondary,#94a3b8)}.article-share-button--twitter:hover{color:#1d9bf0;border-color:#1d9bf0}.article-share-button--facebook:hover{color:#1877f2;border-color:#1877f2}.article-share-button--email:hover{color:#7c3aed;border-color:#7c3aed}.article-share-button--copy:hover,.article-share-button--copied{color:#16a34a;border-color:#16a34a}.article-follow{max-width:720px;color:var(--text-secondary,#64748b);justify-content:center;align-items:center;gap:.75rem;margin:0 auto;padding:1rem 1.5rem;font-size:.9rem;display:flex}.article-follow-text{font-weight:500}.article-follow-link{color:var(--text-secondary,#64748b);transition:color .2s,transform .2s;display:inline-flex}.article-follow-link:hover{color:#7c3aed;transform:scale(1.15)}.article-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border-radius:16px;max-width:720px;margin:0 auto 2rem;padding:2rem 2.5rem}.article-cta h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.article-cta p{opacity:.9;margin:0 0 1.25rem;font-size:.9375rem;line-height:1.6}.article-cta-button{color:#7c3aed;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.article-cta-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.article-nav{grid-template-columns:1fr 1fr;gap:1rem;max-width:720px;margin:0 auto;padding:0 1.5rem 2rem;display:grid}.article-nav-link{background:var(--bg-card,white);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;text-align:left;color:inherit;border-radius:10px;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.article-nav-link:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.article-nav-link--next{text-align:right;grid-column:2}.article-nav-label{color:var(--text-secondary,#64748b);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.article-nav-link--next .article-nav-label{justify-content:flex-end}.article-nav-title{color:#7c3aed;font-size:.9375rem;font-weight:600;line-height:1.3}.article-jsonld{display:none}.article-footer{border-top:1px solid var(--border-color,#e2e8f0);text-align:center;padding:2rem 1.5rem}.article-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.article-footer-link{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.8125rem;transition:color .2s}.article-footer-link:hover{color:#7c3aed}.article-footer-separator{color:var(--text-tertiary,#cbd5e1);font-size:.75rem}@media (max-width:640px){.article-share-label{display:none}.article-share-button{padding:.5rem .75rem}.article-share{padding:0 1rem 1.5rem}.article-header{padding:2rem 1rem 1.5rem}.article-header h1{font-size:1.5rem}.article-content-wrapper{padding:1.5rem 1rem 2rem}.article-content{font-size:1rem}.article-nav{grid-template-columns:1fr;padding:0 1rem 2rem}.article-nav-link--next{text-align:left;grid-column:1}.article-nav-link--next .article-nav-label{justify-content:flex-start}}
/*# sourceMappingURL=032b1db559a0e2f3.css.map*/