.article-header-section{padding:var(--spacing-xl) 0;background-color:var(--color-background);padding-top:calc(72px + var(--spacing-xl))}.article-header{max-width:900px;margin:0 auto;text-align:center}.article-header .post-category-badge{position:static;margin-bottom:var(--spacing-md);text-decoration:none}.article-header h1{margin-bottom:var(--spacing-md);padding-top:var(--spacing-md);line-height:1.3}.article-meta{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.article-meta-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.95rem;color:var(--color-text-light)}.article-meta-info .article-read-time{font-weight:600}.article-meta-info .article-date::before{content:'•';margin-right:var(--spacing-sm)}.article-main{padding:var(--spacing-xxl) 0;background-color:var(--color-white)}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-xxl);align-items:start}.article-content-wrapper{min-width:0}.article-sidebar{align-self:stretch}.article-featured-image{margin-bottom:var(--spacing-xxl);border-radius:var(--border-radius-lg);overflow:hidden}.article-featured-image img{width:auto;height:auto;max-height:450px;display:block}.article-content{max-width:720px;font-size:1.0625rem;line-height:1.8;color:var(--color-text)}.article-content h2{margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-md);color:var(--color-text);scroll-margin-top:85px}.article-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text);font-size:1.25rem}.article-content p{margin-bottom:var(--spacing-md)}.article-content ul,.article-content ol{margin-bottom:var(--spacing-md);padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content li:last-child{margin-bottom:0}.article-content blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-background);border-left:4px solid var(--color-primary);border-radius:var(--border-radius);font-size:1.125rem;font-style:italic;color:var(--color-text)}.article-callout{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background-color:var(--color-callout-background,var(--color-background));border-left:4px solid var(--color-primary);border-radius:var(--border-radius)}.article-callout h4{margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:1rem}.article-callout p{margin-bottom:0;font-size:.9375rem}.article-image-with-caption{margin:var(--spacing-xl) 0}.article-image-with-caption img{width:100%;height:auto;border-radius:var(--border-radius-lg);display:block}.image-caption{font-size:.875rem;font-style:italic;color:var(--color-text-light);text-align:center;margin:var(--spacing-sm) 0 0}.article-cta-box{margin-top:var(--spacing-xxl);padding:var(--spacing-xl);background-color:var(--color-primary);border-radius:var(--border-radius-lg);text-align:center}.article-cta-box h3{color:var(--color-white);margin:0 0 var(--spacing-sm)}.article-cta-box p{color:rgb(255 255 255 / .9);font-size:1rem;margin-bottom:var(--spacing-md)}.article-cta-box .btn{background-color:var(--color-white);color:var(--color-primary)}.article-cta-box .btn:hover{background-color:rgb(255 255 255 / .9)}.article-sidebar{position:relative}.sidebar-sticky{position:sticky;top:96px}.sidebar-widget{background-color:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.sidebar-widget:last-child{margin-bottom:0}.sidebar-widget h4{margin-bottom:var(--spacing-md);color:var(--color-text);font-size:1rem}.sidebar-widget p{font-size:.875rem;line-height:1.6;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.sidebar-widget p:last-child{margin-bottom:0}.article-toc{display:flex;flex-direction:column;gap:.5rem}.toc-item{display:block;padding:.5rem;font-size:.875rem;color:var(--color-text-light);border-radius:var(--border-radius);transition:background-color 0.2s ease,color 0.2s ease}.toc-item:hover{background-color:var(--color-white);color:var(--color-primary)}.toc-item.is-active{font-weight:700;color:var(--color-primary);background-color:var(--color-white)}.related-posts-section{padding:var(--spacing-xxl) 0;background-color:var(--color-background)}.related-posts-section h2{margin-bottom:var(--spacing-xl);text-align:center}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}.related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.breadcrumb-section{padding-top:88px}.article-header h1{font-size:1.75rem}.article-meta{flex-direction:column;gap:var(--spacing-md)}.article-author-info{flex-direction:column;text-align:center}.author-details{text-align:center}.article-main{padding:var(--spacing-xl) 0}.article-featured-image{margin-bottom:var(--spacing-xl)}.article-content{font-size:1rem}.article-content h2{margin-top:var(--spacing-xl);font-size:1.5rem}.article-content h3{font-size:1.125rem}.related-posts-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.sidebar-sticky{top:72px}}@media (max-width:480px){.article-header h1{font-size:1.5rem}.article-callout,.article-cta-box{padding:var(--spacing-md)}.sidebar-widget{padding:var(--spacing-md)}}