.post-layout{display:flex;gap:60px;align-items:flex-start}.post-main-content{flex:1;max-width:800px}.post-sidebar{width:320px;position:sticky;top:100px;flex-shrink:0}.post-social-share{position:absolute;margin-right:60px;top:85px;left:0;height:100%;width:60px;z-index:10}.social-share-inner{position:sticky;top:320px;background:var(--white);padding:20px 0;border-radius:var(--radius-md);box-shadow:0 10px 40px rgb(0 0 0 / .06);display:flex;flex-direction:column;align-items:center;gap:20px;border:1px solid var(--gray-100)}.share-link{color:#b1b8c0;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.share-link:hover{color:var(--primary);transform:scale(1.1)}.share-link.facebook:hover{color:#1877F2}.share-link.x-twitter:hover{color:#000}.share-link.linkedin:hover{color:#0A66C2}@media (max-width:1100px){.post-layout{padding-left:0}.post-social-share{display:none}}.post-hero{padding:180px 0 80px;background:var(--gradient-hero);overflow:hidden}.post-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.post-hero-image img{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200)}.post-category-badge{display:inline-block;background:var(--primary-ultra-light);color:var(--primary);font-weight:700;font-size:13px;padding:6px 16px;border-radius:var(--radius-full);margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.post-title{font-size:clamp(1.75rem, 4vw, 2.5rem);line-height:1.2;margin-bottom:30px;color:var(--primary)}.post-author-meta{display:flex;align-items:center;gap:12px}.author-avatar img{width:48px;height:48px;border-radius:50%;border:2px solid var(--white);box-shadow:var(--shadow-sm);object-fit:cover}.author-info{display:flex;flex-direction:column}.author-name{font-weight:700;color:var(--gray-900);font-size:15px}.post-date{font-size:13px;color:var(--gray-500)}.post-content-section{padding:80px 0;position:relative}.lead-text{font-size:1.25rem;color:var(--gray-800);line-height:1.6;margin-bottom:24px;font-weight:500}.post-main-content p{font-size:1.125rem;line-height:1.8;color:var(--gray-700);margin-bottom:24px}.post-main-content h2{font-size:1.75rem;margin:48px 0 24px;color:var(--primary)}.post-main-content h3{font-size:1.375rem;margin:32px 0 16px;color:var(--primary)}.post-main-content ul,.post-main-content ol{margin-bottom:24px;padding-left:20px}.post-main-content li{font-size:1.125rem;line-height:1.8;color:var(--gray-700);margin-bottom:12px;position:relative;list-style:disc}.content-image{margin:40px 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.content-highlight-box{background:var(--primary-ultra-light);padding:30px;border-radius:var(--radius-lg);margin:40px 0;text-align:center}.quick-tip-box{background:#fbf9ff;border-left:4px solid var(--primary);padding:24px 30px;border-radius:var(--radius-md);margin:40px 0}.quick-tip-box p{margin-bottom:0!important;font-size:1rem!important;font-style:italic}.sidebar-widget{background:var(--white);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);margin-bottom:30px}.widget-title{font-size:1.125rem;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--gray-100)}.toc-container{position:relative;display:flex}#toc-list{list-style:none;padding-left:0;margin-bottom:0;flex:1}#toc-list li{list-style:none;margin-bottom:12px;font-size:14px!important}#toc-list li a{color:var(--gray-600);transition:all var(--transition-fast);display:block;line-height:1.4;padding-right:20px}#toc-list li a:hover,#toc-list li a.active{color:var(--primary);font-weight:600}.reading-progress-container{width:4px;background:var(--gray-100);border-radius:2px;margin-left:10px;position:relative;overflow:hidden;height:auto;align-self:stretch}.reading-progress-bar{position:absolute;top:0;right:0;width:100%;height:0%;background:var(--primary);border-radius:2px;transition:height 0.1s ease-out}.newsletter-widget{background:var(--primary);color:var(--white);text-align:center;border:none;overflow:hidden}.newsletter-sidebar-inner h3{color:var(--white);font-size:1.25rem;margin-bottom:10px}.newsletter-sidebar-inner p{font-size:14px;color:rgb(255 255 255 / .8);margin-bottom:20px}.sidebar-newsletter-form input{width:100%;padding:12px 16px;border-radius:var(--radius-full);border:1px solid rgb(255 255 255 / .2);background:rgb(255 255 255 / .1);color:var(--white);font-family:var(--font-family);margin-bottom:12px;outline:none}.sidebar-newsletter-form input::placeholder{color:rgb(255 255 255 / .5)}.sidebar-newsletter-form .btn{width:100%;background:var(--white);color:var(--primary)}.sidebar-newsletter-form .btn:hover{background:var(--gray-100)}.sidebar-newsletter-form .btn:disabled{opacity:.7;cursor:not-allowed}.sidebar-newsletter-form .form-message{margin-top:12px;font-size:13px;text-align:center;padding:8px 12px;border-radius:var(--radius-sm);display:none}.sidebar-newsletter-form .form-message:not(:empty){display:block}.sidebar-newsletter-form .form-message.success{background:rgb(16 185 129 / .2);color:#10B981}.sidebar-newsletter-form .form-message.error{background:rgb(239 68 68 / .2);color:#EF4444}.sidebar-newsletter-form .form-message.warning{background:rgb(245 158 11 / .2);color:#F59E0B}.related-articles-section{padding:100px 0;background:var(--gray-50)}.related-articles-section .section-title{font-size:1.75rem;margin-bottom:40px;text-align:center}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.section-title{font-size:1.75rem;margin-bottom:30px}.related-article-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:transform var(--transition-normal)}.related-article-card:hover{transform:translateY(-5px)}.card-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.card-content{padding:24px}.card-content h3{font-size:1.125rem;line-height:1.4;margin-bottom:12px}.card-content p{font-size:14px;color:var(--gray-600);margin-bottom:20px;line-height:1.6}.card-author-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--gray-500)}.card-author-meta img{width:36px;height:36px;border-radius:50%;object-fit:cover}@media (max-width:1024px){.post-layout{flex-direction:column}.post-sidebar{width:100%;position:static}.post-hero-inner{grid-template-columns:1fr;gap:40px;text-align:center}.post-author-meta{justify-content:center}}@media (max-width:768px){.related-articles-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.comment-form-wrapper{padding:30px 20px}.post-hero{padding:140px 0 60px}}