:root{--text-scale:1}.progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:9999;pointer-events:none}.progress-bar{height:100%;background:linear-gradient(90deg,var(--p) 0,var(--p-light) 100%);width:0;transition:width .1s linear;box-shadow:0 0 12px var(--p-glow),0 0 3px var(--p)}.article-layout-wrapper{display:flex;flex-direction:row;align-items:flex-start;gap:40px;max-width:1100px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.article-main-grid{flex:1;min-width:0;padding:2.5rem 0 4rem}@media (max-width:980px){.article-layout-wrapper{flex-direction:column;max-width:780px;gap:0}.article-layout-wrapper>aside{display:none}.article-main-grid{padding:2rem 0 3rem;width:100%}}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:2rem}.breadcrumb a{color:inherit;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--p)}.article-container{margin-bottom:2rem}.category-tag{display:inline-block;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--p);background:rgba(221,0,0,.09);border:1px solid rgba(221,0,0,.2);padding:4px 12px;border-radius:4px;margin-bottom:1.4rem}.article-h1{font-family:var(--font-sans);font-size:calc(clamp(1.8rem, 8vw, 3.8rem) * var(--text-scale, 1));font-weight:900;line-height:1.02;letter-spacing:-.04em;color:var(--text);margin-bottom:2rem;text-wrap:balance}.article-author-bar{display:flex;align-items:center;gap:14px;padding:1.2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:2.5rem}.author-avatar-wrap{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--p);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.1rem;border:2px solid rgba(221,0,0,.15)}.author-avatar-wrap img{width:100%;height:100%;object-fit:cover}.author-meta-col{display:flex;flex-direction:column;gap:2px}.author-name-label{font-weight:800;font-size:.95rem;color:var(--text);line-height:1.2}.article-date-meta{font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.article-date-meta .dot{opacity:.4}.hero-media{margin:0 0 2.5rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);position:relative;aspect-ratio:16/9;background:var(--bg-alt)}.hero-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.article-body-text{color:var(--text);overflow-wrap:break-word;word-break:break-word;hyphens:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.article-body-after-ad,.article-body-before-ad{font-family:var(--font-serif);font-size:calc(clamp(1.05rem, .5vw + 1rem, 1.25rem) * var(--text-scale, 1));line-height:1.85;color:var(--text);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"onum" 1}.article-body-after-ad p,.article-body-before-ad p{margin-bottom:1.7em;max-width:68ch}.article-body-after-ad a,.article-body-before-ad a{color:var(--p);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:opacity .2s}.article-body-after-ad a:hover,.article-body-before-ad a:hover{opacity:.75}.article-body-after-ad img,.article-body-before-ad img{width:100%;border-radius:var(--radius);margin:1.5rem 0;display:block;box-shadow:var(--shadow-sm)}.article-body-after-ad h2,.article-body-before-ad h2{font-family:var(--font-sans);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:900;line-height:1.2;color:var(--text);margin:2.5rem 0 .9rem;letter-spacing:-.025em;border-left:3px solid var(--p);padding-left:14px}.article-body-after-ad h3,.article-body-before-ad h3{font-family:var(--font-sans);font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:800;margin:2rem 0 .7rem;color:var(--text)}.article-body-after-ad blockquote,.article-body-before-ad blockquote{margin:2.5rem 0;padding:0;border:none;background:transparent;position:relative}.article-body-after-ad blockquote:before,.article-body-before-ad blockquote:before{content:"\201C";position:absolute;top:-.4rem;left:0;font-family:var(--font-serif);font-size:5rem;line-height:1;color:var(--p);opacity:.18;font-weight:700}.article-body-after-ad blockquote p,.article-body-before-ad blockquote p{font-family:var(--font-sans);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;line-height:1.5;color:var(--text);font-style:italic;padding:1.2rem 1rem 1.2rem 3rem;border-left:4px solid var(--p);background:rgba(221,0,0,.035);border-radius:0 var(--radius) var(--radius) 0;max-width:100%;margin-bottom:0}.dark-mode .article-body-after-ad blockquote p,.dark-mode .article-body-before-ad blockquote p{background:rgba(221,0,0,.07)}.article-body-after-ad ol,.article-body-after-ad ul,.article-body-before-ad ol,.article-body-before-ad ul{margin:1rem 0 1.7em 1.6rem;line-height:1.8}.article-body-after-ad li,.article-body-before-ad li{margin-bottom:.5em;font-family:var(--font-serif);font-size:clamp(1.05rem,2.2vw,1.2rem)}.article-body-after-ad strong,.article-body-before-ad strong{font-weight:800;color:var(--text);font-family:var(--font-sans)}.article-body-before-ad>div:first-child>p:first-child:first-letter,.article-body-before-ad>p:first-child:first-letter{float:left;font-family:var(--font-sans);font-size:5rem;line-height:.82;margin:.1em .12em 0 0;font-weight:900;color:var(--p);text-transform:uppercase;-webkit-font-smoothing:antialiased}@media (max-width:480px){.article-body-before-ad>div:first-child>p:first-child:first-letter,.article-body-before-ad>p:first-child:first-letter{float:none;font-size:inherit;line-height:inherit;color:inherit;margin:0}}.reactions-container{margin:4rem 0 3rem;padding:2.5rem clamp(1rem,5vw,3rem);background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center}.reactions-inner{max-width:500px;margin:0 auto}.reactions-title{font-family:var(--font-sans);font-size:clamp(1.1rem,3vw,1.4rem);font-weight:900;margin-bottom:1.5rem;color:var(--text)}.reaction-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.reaction-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-alt);color:var(--text);font-size:.88rem;font-family:var(--font-sans);font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.reaction-btn.active,.reaction-btn:hover{transform:translateY(-2px) scale(1.04);border-color:var(--p);background:rgba(221,0,0,.06);box-shadow:0 6px 20px rgba(221,0,0,.12)}.reaction-btn.btn-dislike:hover{border-color:var(--text-muted);background:rgba(0,0,0,.04);box-shadow:none}.count-badge{opacity:.5;font-size:.75rem}.back-nav-container{margin:4rem 0 5rem;display:flex;justify-content:center}.back-link{display:inline-flex;align-items:center;gap:10px;color:var(--text-sec);background:var(--bg-alt);padding:13px 28px;border-radius:var(--radius-full);font-weight:800;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1px;font-size:.78rem;text-decoration:none;border:1px solid var(--border);transition:all .35s cubic-bezier(.16,1,.3,1)}.back-link:hover{color:var(--p);background:rgba(221,0,0,.07);border-color:rgba(221,0,0,.2);transform:translateY(-2px);box-shadow:0 10px 28px rgba(221,0,0,.08)}.back-arrow{font-size:1.1rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.back-link:hover .back-arrow{transform:translateX(-5px)}.related-section{padding:3.5rem var(--container-pad);border-top:1px solid var(--border);max-width:1300px;margin:0 auto}.related-title{font-family:var(--font-sans);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:900;margin-bottom:2rem;letter-spacing:-.02em;position:relative;padding-bottom:1rem}.related-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--p);border-radius:2px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-card{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-lg);overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .25s}.related-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.related-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .5s ease}.related-card:hover .related-img{transform:scale(1.04)}.related-body{padding:14px 16px 16px}.related-cat{display:inline-block;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--p);margin-bottom:6px}.related-t{font-family:var(--font-sans);font-size:1rem;line-height:1.35;font-weight:800;color:var(--text)}@keyframes revealUp{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.toolbar-bottom button{background:transparent;border:none;color:var(--text);font-weight:700;font-size:.8rem;font-family:var(--font-sans);cursor:pointer;padding:8px 12px;border-radius:var(--radius-full);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.toolbar-bottom button:hover{background:rgba(221,0,0,.1);color:var(--p)}.toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 2px;flex-shrink:0}@media (max-width:900px){.article-main-grid{max-width:100%}}@media (max-width:768px){.article-h1{font-size:clamp(1.7rem,7vw,2.5rem)}.related-grid{grid-template-columns:1fr 1fr;gap:16px}.related-section{padding:2.5rem var(--container-pad)}.toolbar-bottom{bottom:16px;padding:5px 8px;gap:2px}.toolbar-bottom button{padding:8px 10px;font-size:.75rem}}@media (max-width:520px){.article-main-grid{padding:1.5rem 16px 3rem}.article-h1{font-size:1.7rem}.article-body-text{font-size:1.06rem}.article-body-text>div:first-child p:first-of-type:first-letter{float:none;font-size:inherit;line-height:inherit;color:inherit;padding:0;margin:0}.related-grid{grid-template-columns:1fr}.reaction-btns{flex-direction:column;align-items:center}.reaction-btn{width:100%;justify-content:center}.reactions-container{padding:1.8rem 1.2rem}.back-link{font-size:.72rem;padding:12px 20px}.toolbar-bottom{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px)}}.internal-link{color:#3b82f6;text-decoration:none;font-weight:500;border-bottom:1px solid rgba(59,130,246,.2);transition:all .2s ease}.internal-link:hover{color:#2563eb;border-bottom-color:#2563eb;background:rgba(59,130,246,.05)}.dark-mode .internal-link{color:#60a5fa;border-bottom-color:rgba(96,165,250,.2)}.dark-mode .internal-link:hover{color:#93c5fd;border-bottom-color:#93c5fd;background:rgba(96,165,250,.1)}.sidebar-section-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin:32px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border);display:block}.trending-item{display:flex;gap:12px;margin-bottom:20px;text-decoration:none}.trending-number{font-family:var(--font-source-serif);font-size:1.5rem;font-weight:900;color:var(--border);line-height:1;min-width:24px}.trending-content h4{font-size:.95rem;font-weight:600;line-height:1.3;color:var(--text-main);margin:0;transition:color .2s}.trending-item:hover h4{color:var(--accent)}