.article-page{padding-bottom:var(--spacing-3xl)}.article-error,.article-loading{text-align:center;padding:var(--spacing-3xl)}.article-error h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.article-error p{color:var(--color-text-medium);margin-bottom:var(--spacing-xl)}.article-error-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary-purple);color:#fff;text-decoration:none;border-radius:var(--radius-full);font-weight:600;transition:background var(--transition-fast)}.article-error-link:hover{background:var(--color-primary-purple-dark)}.article-header{max-width:var(--article-max-width);margin:0 auto var(--spacing-2xl);text-align:center}.article-header-category{margin-bottom:var(--spacing-md)}.article-title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-lg);color:var(--color-text-dark)}.article-description{font-size:var(--font-size-lg);color:var(--color-text-medium);line-height:1.6;margin-bottom:0}.article-meta{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-text-medium);font-size:var(--font-size-sm);margin-bottom:var(--spacing-3xl)}.article-separator{color:var(--color-text-light)}.article-featured-image{max-width:1000px;margin:0 auto var(--spacing-2xl);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.article-featured-image img{width:100%;height:auto;display:block}.article-layout{display:grid;grid-template-columns:var(--toc-width) minmax(0,var(--article-max-width));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);align-items:start;max-width:calc(var(--toc-width) + var(--article-max-width) + var(--spacing-2xl));margin:0 auto}.article-sidebar{position:relative}.article-main{min-width:0}.article-footer{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid #eee}.article-footer .tag-list{margin-bottom:var(--spacing-xl)}.article-share{margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg)}.article-newsletter,.article-share{background:var(--color-light-bg);border-radius:var(--radius-md)}.article-newsletter{text-align:center;padding:var(--spacing-xl)}.article-newsletter h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.article-newsletter p{color:var(--color-text-medium);margin-bottom:var(--spacing-lg)}@media (max-width:1200px){.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}}@media (max-width:768px){.article-title{font-size:var(--font-size-2xl)}.article-description{font-size:var(--font-size-base)}.article-meta{flex-wrap:wrap;justify-content:center}}