.article-detail-hero{width:100%;max-height:480px;overflow:hidden}.article-detail-hero img{object-fit:cover;width:100%;height:480px}.article-detail-container{max-width:1120px;padding-top:32px;padding-bottom:48px}.article-detail-container .breadcrumb{margin-bottom:24px}.article-detail-container .category-tag{margin-bottom:16px;display:inline-flex}.article-detail-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:56px;display:grid}.article-detail-main{min-width:0}.article-sidebar{scrollbar-width:thin;scrollbar-color:var(--gray-200) transparent;flex-direction:column;align-self:start;gap:20px;max-height:calc(100vh - 116px);padding-right:6px;display:flex;position:sticky;top:96px;overflow-y:auto}.article-sidebar::-webkit-scrollbar{width:6px}.article-sidebar::-webkit-scrollbar-track{background:0 0}.article-sidebar::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:100px}.article-sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}.sidebar-block{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:16px 18px}.sidebar-title{color:var(--gray-900);border-bottom:1px solid var(--gray-100);letter-spacing:-.005em;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:.82rem;font-weight:700;display:flex}.sidebar-title i{color:var(--accent-blue);font-size:.82rem}.share-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.share-btn{aspect-ratio:1;border-radius:var(--radius);background:var(--gray-50);width:100%;color:var(--gray-700);transition:var(--transition-fast);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-size:.95rem;display:flex}.share-btn:hover{background:var(--accent-blue-light);color:var(--accent-blue-deep);border-color:#3b82f633;transform:translateY(-1px)}.share-btn.share-x:hover{background:var(--gray-900);color:var(--white);border-color:var(--gray-900)}.share-btn.share-fb:hover{color:var(--white);background:#1877f2;border-color:#1877f2}.share-btn.share-ln:hover{color:var(--white);background:#0a66c2;border-color:#0a66c2}.share-btn.is-copied{background:var(--accent-green-light);color:var(--accent-green);border-color:#16a34a4d}.share-note{color:var(--accent-green);text-align:center;margin-top:10px;font-size:.72rem;font-weight:600}.sidebar-ranking{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-ranking-item{border-bottom:1px dashed var(--gray-100);grid-template-columns:22px 1fr;align-items:start;gap:10px;padding:10px 0;display:grid}.sidebar-ranking-item:last-child{border-bottom:none}.sidebar-ranking-num{font-family:var(--font-display);color:var(--gray-400);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1rem;font-weight:800;line-height:1.1}.sidebar-ranking-num.top{color:var(--accent-coral)}.sidebar-ranking-title{color:var(--gray-700);transition:color var(--transition-fast);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.sidebar-ranking-title:hover{color:var(--accent-blue)}.sidebar-tags{flex-wrap:wrap;gap:6px;display:flex}.sidebar-tag{background:var(--gray-50);border:1px solid var(--gray-100);color:var(--gray-600);transition:var(--transition-fast);white-space:nowrap;border-radius:100px;padding:5px 10px;font-size:.72rem;font-weight:500;display:inline-block}.sidebar-tag:hover{background:var(--accent-blue-light);color:var(--accent-blue-deep);border-color:#3b82f633}.sidebar-cta{background:linear-gradient(135deg, var(--gray-900) 0%, #1e2a4a 100%);border-color:var(--gray-900);color:var(--white)}.sidebar-cta-title{color:var(--white);letter-spacing:-.01em;margin-bottom:6px;font-size:.92rem;font-weight:800}.sidebar-cta-lead{color:#ffffffb8;margin-bottom:14px;font-size:.76rem;line-height:1.6}.sidebar-newsletter{flex-direction:column;gap:8px;display:flex}.sidebar-newsletter input{color:var(--white);font-size:.8rem;font-family:var(--font-main);transition:var(--transition);background:#ffffff14;border:1px solid #ffffff26;border-radius:100px;outline:none;padding:10px 14px}.sidebar-newsletter input::placeholder{color:#fff6}.sidebar-newsletter input:focus{border-color:var(--accent-blue);background:#ffffff1f}.sidebar-newsletter button{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);color:var(--white);font-size:.8rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:var(--transition);border:none;border-radius:100px;padding:10px 16px;box-shadow:0 3px 10px #3b82f638}.sidebar-newsletter button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.sidebar-newsletter button:disabled{opacity:.7;cursor:default}.article-detail-title{color:var(--gray-900);letter-spacing:-.02em;margin:16px 0 20px;font-size:2rem;font-weight:800;line-height:1.4}.article-detail-meta{color:var(--gray-500);border-bottom:2px solid var(--gray-100);flex-wrap:wrap;gap:18px;margin-bottom:36px;padding-bottom:28px;font-size:.82rem;display:flex}.article-detail-meta i{color:var(--accent-blue);margin-right:5px}.article-detail-body{color:var(--gray-700);font-size:.95rem;line-height:2.1}.article-detail-body p{margin-bottom:24px}.article-detail-body p:last-child{margin-bottom:0}.article-detail-body h2{letter-spacing:-.01em;color:var(--gray-900);border-bottom:1px solid var(--gray-100);margin:32px 0 12px;padding-bottom:8px;scroll-margin-top:120px;font-size:1.2rem;font-weight:800;line-height:1.4}.article-detail-body h2:first-child{margin-top:0}.article-detail-body h3{color:var(--gray-900);letter-spacing:-.005em;margin:24px 0 10px;font-size:1.02rem;font-weight:700}.article-detail-body strong{color:var(--gray-900);background:linear-gradient(transparent 60%, var(--accent-blue-light) 60%);padding:0 2px;font-weight:700}.article-detail-body a{color:var(--accent-blue-deep);transition:var(--transition-fast);border-bottom:1px solid #1d4ed847}.article-detail-body a:hover{border-bottom-color:var(--accent-blue-deep)}.article-detail-body ul,.article-detail-body ol{margin:0 0 24px;padding-left:1.6em}.article-detail-body li{margin-bottom:8px;line-height:1.85}.article-detail-body ul li{list-style:outside}.article-detail-body ol li{list-style:decimal}.article-detail-body figure.article-visual{margin:28px 0}.article-detail-body figure.article-visual img{border-radius:var(--radius-lg);width:100%;height:auto;display:block}.article-detail-body figure.article-visual figcaption{color:var(--gray-500);text-align:center;margin-top:10px;font-size:.8rem;line-height:1.7}.article-detail-body figure.article-visual--hero{margin:8px 0 36px}.article-detail-body .pillar-backlink{border-left:3px solid var(--accent-blue);background:var(--accent-blue-light);border-radius:0 var(--radius) var(--radius) 0;color:var(--gray-700);margin-top:28px;padding:14px 18px;font-size:.9rem}.article-detail-body .pillar-backlink a{color:var(--accent-blue-deep);text-underline-offset:3px;font-weight:700;text-decoration:underline}.article-detail-body code{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-sm);color:var(--accent-blue-deep);padding:1px 6px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.86em}.article-detail-body pre{background:var(--gray-900);color:#e8ecf3;border-radius:var(--radius-lg);margin:20px 0 28px;padding:20px 22px;font-size:.84rem;line-height:1.7;overflow-x:auto}.article-detail-body pre code{color:inherit;font-family:SF Mono,Menlo,Consolas,monospace;font-size:inherit;background:0 0;border:none;padding:0}.article-detail-body blockquote{border-left:3px solid var(--accent-blue);background:var(--accent-blue-light);color:var(--gray-800);border-radius:0 var(--radius) var(--radius) 0;margin:20px 0 28px;padding:14px 20px;font-size:.92rem}.article-detail-body blockquote p:last-child{margin-bottom:0}.article-toc{background:var(--off-white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);margin:0 0 36px;padding:22px 26px}.article-toc-title{color:var(--gray-900);align-items:center;gap:8px;margin-bottom:12px;font-size:.82rem;font-weight:700;display:flex}.article-toc-title i{color:var(--accent-blue);font-size:.8rem}.article-toc ol{counter-reset:toc;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.article-toc li{counter-increment:toc;padding-left:28px;font-size:.86rem;line-height:1.55;position:relative}.article-toc li:before{content:counter(toc, decimal-leading-zero);font-family:var(--font-display);color:var(--accent-blue);font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:700;position:absolute;top:1px;left:0}.article-toc a{color:var(--gray-700);transition:color var(--transition-fast)}.article-toc a:hover{color:var(--accent-blue)}.article-detail-footer{border-top:2px solid var(--gray-100);margin-top:48px;padding-top:28px}.back-to-list{border:1px solid var(--gray-200);background:var(--white);color:var(--gray-700);transition:var(--transition);border-radius:100px;align-items:center;gap:8px;padding:10px 24px;font-size:.86rem;font-weight:600;display:inline-flex}.back-to-list:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translate(-4px)}.related-articles{background:var(--off-white)}@media (max-width:1024px){.article-detail-layout{grid-template-columns:1fr;gap:48px}.article-sidebar{max-height:none;padding-right:0;position:static;overflow-y:visible}}@media (max-width:768px){.article-detail-hero img{height:240px}.article-detail-title{font-size:1.45rem}.article-detail-meta{gap:12px;font-size:.78rem}.article-detail-body{font-size:.88rem}.article-detail-layout{gap:36px}.sidebar-block{padding:16px 18px}.share-buttons{grid-template-columns:repeat(4,minmax(48px,1fr))}}