@layer design{.article-progress{position:fixed;top:var(--nav-h);left:0;width:0;height:3px;z-index:50;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:none}.article-hero{position:relative}.article-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-void) 100%);z-index:0}.article-hero>*{position:relative;z-index:1}.article-topbar{max-width:1200px;margin:0 auto;padding:var(--nav-h) clamp(20px,5vw,56px) 0}.article-topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--border-subtle)}.article-breadcrumb{position:static;top:auto;left:auto;right:auto;height:auto;z-index:auto;display:flex;align-items:center;gap:8px;font-size:13px}.article-breadcrumb a{color:var(--text-muted);transition:color var(--transition)}.article-breadcrumb a:hover{color:var(--text-primary)}.article-breadcrumb .sep{color:var(--text-muted);opacity:.5}.article-breadcrumb .current{color:var(--text-secondary)}.article-share{display:flex;align-items:center;gap:6px}.article-share-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background var(--transition),color var(--transition)}.article-share-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.article-share-btn svg{width:16px;height:16px}.article-header{max-width:1200px;margin:0 auto;padding:40px clamp(20px,5vw,56px) 40px}.article-header-content{max-width:none}.article-title{font-family:var(--font-display);font-size:clamp(26px,3.5vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px}.article-excerpt{font-size:18px;line-height:1.6;color:var(--text-secondary);max-width:none;margin-bottom:24px}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--text-muted)}.article-meta a{font-weight:500;transition:color var(--transition)}.article-meta a:hover{color:var(--accent-2)}.article-meta-author{display:flex;align-items:center;gap:8px}.article-meta-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.article-meta-avatar-placeholder{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px;flex-shrink:0;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.meta-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.article-cover{max-width:1000px;margin:8px auto;padding:0 clamp(20px,5vw,56px)}.article-cover img{width:100%;border-radius:var(--radius-lg);object-fit:cover;max-height:520px;box-shadow:0 8px 32px #0e1b3d1a}.article-cover figcaption{font-size:12px;color:var(--text-muted);margin-top:10px;text-align:right;padding:0 4px;font-style:italic}.article-cover-placeholder{width:100%;height:256px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent) 0%,#2D1B69 50%,var(--accent-2) 100%)}@media(min-width:640px){.article-cover-placeholder{height:320px}}.article-mobile-reading{max-width:1000px;margin:0 auto;padding:16px clamp(20px,5vw,56px) 8px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}@media(min-width:1024px){.article-mobile-reading{display:none}}.article-mobile-reading svg{width:16px;height:16px}.article-body-wrap{max-width:1200px;margin:0 auto;padding:48px clamp(20px,5vw,56px)}.article-body-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.article-body-grid{grid-template-columns:220px 1fr;gap:24px}}.article-sidebar{display:none}@media(min-width:1024px){.article-sidebar{display:block}}.article-sidebar-sticky{position:sticky;top:80px}.article-toc{position:static;top:auto;left:auto;right:auto;height:auto;z-index:auto;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.article-toc-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.article-toc-list{display:flex;flex-direction:column;gap:10px}.toc-link{display:block;font-size:13px;line-height:1.5;color:var(--text-secondary);transition:color .15s ease}.toc-link:hover,.toc-link.active{color:var(--accent-2)}.article-sidebar-meta{display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--text-secondary)}.article-sidebar-meta .date-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.article-sidebar-back{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}.article-sidebar-back a{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);transition:color var(--transition)}.article-sidebar-back a:hover{color:var(--accent-2)}.article-sidebar-back svg{width:14px;height:14px}.article-content{grid-column:1 / -1}@media(min-width:1024px){.article-content{grid-column:2;border-left:1px solid var(--border-subtle);padding-left:40px}}.article-content .prose{color:var(--text-primary);line-height:1.75;max-width:680px;font-size:16px}.article-content .prose h2{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-primary);margin-top:48px;margin-bottom:16px;line-height:1.25;letter-spacing:-.01em}.article-content .prose h3{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-primary);margin-top:36px;margin-bottom:12px;line-height:1.3}.article-content .prose p{margin-bottom:20px}.article-content .prose a{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}.article-content .prose a:hover{color:var(--accent-2-dark)}.article-content .prose ul,.article-content .prose ol{padding-left:24px;margin-bottom:20px}.article-content .prose li{margin-bottom:8px;list-style:disc}.article-content .prose ol li{list-style:decimal}.article-content .prose blockquote{border-left:3px solid var(--accent-2);padding:12px 20px;margin:24px 0;background:var(--accent-2-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-style:italic}.article-content .prose code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-surface);padding:2px 6px;border-radius:4px;color:var(--accent)}.article-content .prose pre{background:var(--text-primary);color:#e2e8f0;padding:20px 24px;border-radius:var(--radius-sm);overflow-x:auto;margin:24px 0;font-size:14px;line-height:1.6}.article-content .prose pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}.article-content .prose img{border-radius:var(--radius-md);margin:24px 0;box-shadow:0 4px 16px #0e1b3d14}.article-content .prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.article-content .prose th{background:var(--bg-deep);font-weight:600;text-align:left;padding:10px 14px;border-bottom:2px solid var(--border-medium);font-size:13px}.article-content .prose td{padding:10px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.article-end{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,56px) 64px}.article-end-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.article-end-grid{grid-template-columns:220px 1fr}}.article-end-content{grid-column:1 / -1;display:flex;flex-direction:column;gap:40px}@media(min-width:1024px){.article-end-content{grid-column:2;padding-left:40px}}.article-author{display:block;border-top:1px solid var(--border-subtle);padding-top:32px}.article-author-inner{display:flex;flex-direction:column;gap:20px;align-items:flex-start}@media(min-width:640px){.article-author-inner{flex-direction:row}}.article-author-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.article-author-avatar-placeholder{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.article-author-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.article-author-name-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.article-author-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);transition:color var(--transition)}.article-author:hover .article-author-name{color:var(--accent-2)}.article-author-view{font-size:12px;color:var(--text-muted);font-weight:500;opacity:0;transition:opacity .2s ease,color var(--transition);display:flex;align-items:center;gap:4px}.article-author:hover .article-author-view{opacity:1;color:var(--accent-2)}.article-author-view svg{width:12px;height:12px}.article-author-bio{font-size:14px;line-height:1.55;color:var(--text-secondary);max-width:480px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-inline-cta{border-top:1px solid var(--border-subtle);padding-top:32px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}@media(min-width:640px){.article-inline-cta{flex-direction:row;align-items:center;gap:24px}}.article-inline-cta-text{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.article-inline-cta-text img{height:16px;opacity:.5;flex-shrink:0}.article-inline-cta-text p{font-size:14px;color:var(--text-secondary)}.article-inline-cta-text strong{color:var(--text-primary);font-weight:500}.article-inline-cta-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.article-inline-cta-primary{padding:8px 16px;border-radius:var(--radius-sm);background:var(--accent-2);color:#fff;font-size:14px;font-weight:600;transition:opacity var(--transition),transform var(--transition)}.article-inline-cta-primary:hover{opacity:.9;transform:translateY(-1px)}.article-inline-cta-secondary{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition)}.article-inline-cta-secondary:hover{border-color:#2d6fef4d;color:var(--accent-2)}.article-inline-cta-secondary svg{width:12px;height:12px}.article-related{padding:56px 0 32px;border-top:1px solid var(--border-subtle)}.article-related-inner{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}.article-related-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.article-related-title{font-family:var(--font-display);font-size:clamp(20px,2vw,24px);font-weight:700;color:var(--text-primary)}.article-related-all{display:none;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:color var(--transition)}@media(min-width:640px){.article-related-all{display:inline-flex}}.article-related-all:hover{color:var(--accent-2)}.article-related-all svg{width:16px;height:16px}.article-related-grid{display:grid;gap:20px}@media(min-width:640px){.article-related-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.article-related-grid{grid-template-columns:repeat(3,1fr)}}.article-related-grid.cols-1{max-width:420px}.article-related-grid.cols-2{grid-template-columns:repeat(2,1fr)}.related-card{display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.related-card:hover{border-color:#2d6fef2e;box-shadow:0 6px 24px #0e1b3d0f}.related-card-img{position:relative;aspect-ratio:2 / 1;overflow:hidden}.related-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.related-card:hover .related-card-img img{transform:scale(1.03)}.related-card-img .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface)}.related-card-img .placeholder svg{width:32px;height:32px;color:var(--text-muted);opacity:.4}.related-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.related-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;color:var(--text-muted)}.related-card-meta .cat-name{color:var(--accent-2);font-weight:500}.related-card-title{font-family:var(--font-display);font-size:15px;font-weight:600;line-height:1.35;color:var(--text-primary);margin-bottom:8px;transition:color var(--transition);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card:hover .related-card-title{color:var(--accent-2)}.related-card-excerpt{font-size:13px;line-height:1.5;color:var(--text-secondary);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-newsletter{max-width:1200px;margin:0 auto;padding:32px clamp(20px,5vw,56px) 56px}.article-newsletter-inner{border-top:1px solid var(--border-subtle);padding-top:40px;display:flex;flex-direction:column;gap:32px}@media(min-width:1024px){.article-newsletter-inner{flex-direction:row;align-items:center;justify-content:space-between}}.article-newsletter-text{max-width:420px}.article-newsletter-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}.article-newsletter-heading svg{width:20px;height:20px;color:var(--text-muted)}.article-newsletter-heading h2{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary)}.article-newsletter-desc{font-size:14px;line-height:1.6;color:var(--text-secondary)}.article-newsletter-form{display:flex;align-items:center;gap:8px;width:100%}@media(min-width:1024px){.article-newsletter-form{width:auto}}.article-newsletter-input{flex:1;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-size:14px;color:var(--text-primary);background:#fff;font-family:var(--font-body);transition:border-color var(--transition),box-shadow var(--transition)}@media(min-width:1024px){.article-newsletter-input{width:256px}}.article-newsletter-input::placeholder{color:var(--text-muted)}.article-newsletter-input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-2-dim)}.article-newsletter-submit{padding:10px 20px;border-radius:var(--radius-sm);background:var(--accent-2);color:#fff;font-family:var(--font-body);font-size:14px;font-weight:600;transition:background var(--transition);flex-shrink:0}.article-newsletter-submit:hover{background:var(--accent-2-dark)}.article-newsletter-legal{font-size:11px;color:var(--text-muted);margin-top:8px}@media(min-width:1024px){.article-newsletter-legal{text-align:right}}.article-back-to-top{position:fixed;bottom:24px;right:24px;z-index:40;width:40px;height:40px;border-radius:50%;background:#0e1b3dcc;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0e1b3d33;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,background var(--transition)}.article-back-to-top:hover{background:var(--accent-2)}.article-back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.article-back-to-top svg{width:20px;height:20px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:var(--radius-sm)}.article-newsletter-input:focus-visible{outline:2px solid var(--accent-2);outline-offset:0}@media(prefers-reduced-motion:reduce){.related-card:hover .related-card-img img{transform:none!important}.article-progress{display:none!important}.article-back-to-top{transition:none!important}*{transition-duration:.01ms!important}}}