.article-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}@media(min-width:1024px){.article-layout{grid-template-columns:250px 1fr;gap:var(--spacing-10);padding:var(--spacing-8) var(--spacing-6)}.article-layout__toc{order:1}.article-layout__content{order:2}}.article-header{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-10)}.article-header__title{font-size:clamp(2rem,5vw,3rem);line-height:1.2;color:var(--color-text-primary);margin:0}.article-header__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:center;color:var(--color-text-secondary);font-size:.9375rem}.article-header__meta-item{display:flex;align-items:center;gap:var(--spacing-2)}.article-header__featured-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.article-header__featured-image img{width:100%;height:auto;display:block}.dark .article-header__featured-image img{border:1px solid rgba(255,255,255,.1);filter:brightness(.9) contrast(.95)}.article-prose{font-size:clamp(1rem,.9rem + .25vw,1.125rem);line-height:1.7;color:var(--color-text-primary);max-width:75ch;margin:0 auto}.dark .article-prose{font-weight:500}.article-prose h2{font-size:clamp(1.5rem,3vw,1.875rem);line-height:1.3;font-weight:700;color:var(--color-text-primary);margin-top:var(--spacing-10);margin-bottom:var(--spacing-4);scroll-margin-top:calc(82px + var(--spacing-4))}.article-prose h3{font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.4;font-weight:600;color:var(--color-text-primary);margin-top:var(--spacing-8);margin-bottom:var(--spacing-3);scroll-margin-top:calc(82px + var(--spacing-4))}.article-prose p{margin-bottom:var(--spacing-6);color:var(--color-text-secondary)}.article-prose ul,.article-prose ol{margin-bottom:var(--spacing-6);padding-left:var(--spacing-8);color:var(--color-text-secondary)}.article-prose li{margin-bottom:var(--spacing-2)}.article-prose blockquote{margin:var(--spacing-6) 0;padding:var(--spacing-4) var(--spacing-6);border-left:4px solid var(--color-accent-cta);background:var(--color-surface);border-radius:var(--radius-md);font-style:italic;color:var(--color-text-secondary)}.article-prose blockquote p{margin:0}.article-prose img{margin:var(--spacing-8) 0;border-radius:var(--radius-md);max-width:100%;height:auto}.dark .article-prose img{border:1px solid rgba(255,255,255,.1);filter:brightness(.9) contrast(.95)}.article-prose code{font-family:JetBrains Mono,monospace;font-size:.875em;background:var(--color-surface);padding:.125rem .375rem;border-radius:var(--radius-sm);color:var(--color-accent-focus)}.article-prose pre{margin:var(--spacing-6) 0;padding:var(--spacing-4);background:var(--color-surface);border-radius:var(--radius-md);overflow-x:auto}.article-prose pre code{background:none;padding:0}.article-toc{display:block}@media(min-width:1024px){.article-toc{position:sticky;top:calc(82px + var(--spacing-6));max-height:calc(100vh - 82px - var(--spacing-12));overflow-y:auto;padding:var(--spacing-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}}.article-toc__title{font-size:.875rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4)}.article-toc__list{list-style:none;padding:0;margin:0}.article-toc__item{margin-bottom:var(--spacing-2)}.article-toc__item--depth-2{padding-left:0}.article-toc__item--depth-3{padding-left:var(--spacing-4);font-size:.875rem}.article-toc__link{display:block;padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-secondary);text-decoration:none;border-left:2px solid transparent;transition:all .2s ease}.article-toc__link:hover{color:var(--color-accent-focus);border-left-color:var(--color-accent-focus);background:#00c49a0d}.article-toc__link:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}@media(max-width:1023px){.article-toc{margin-bottom:var(--spacing-8);padding:var(--spacing-4);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.article-toc__details{cursor:pointer}.article-toc__details summary{list-style:none;padding:var(--spacing-3);font-weight:600;color:var(--color-text-primary);user-select:none}.article-toc__details summary::-webkit-details-marker{display:none}.article-toc__details summary:after{content:"▼";float:right;transition:transform .2s ease}.article-toc__details[open] summary:after{transform:rotate(-180deg)}}.related-articles{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--color-border-subtle)}.related-articles__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-6);text-align:center}.related-articles__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);max-width:var(--container-max-width);margin:0 auto}@media(min-width:768px){.related-articles__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.related-articles__grid{grid-template-columns:repeat(3,1fr)}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-toc__link{transition:none}}.article-toc__link:focus-visible,.article-prose a:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:768px){.article-layout{padding:var(--spacing-4) var(--spacing-3)}.article-header{margin-bottom:var(--spacing-6)}.article-header__title{font-size:1.75rem}.article-prose h2{margin-top:var(--spacing-6);font-size:1.5rem}.article-prose h3{margin-top:var(--spacing-4);font-size:1.25rem}}@media print{.article-layout{display:block;padding:0;max-width:100%}.article-layout__toc,.related-articles{display:none!important}.article-prose{color:#1a1a1a!important;max-width:100%}.article-prose h2,.article-prose h3{color:#1a1a1a!important;page-break-after:avoid}.article-prose p,.article-prose li{color:#333!important}.article-prose blockquote{border-left-color:#666!important;background:#f5f5f5!important;color:#333!important}.article-prose pre,.article-prose code{background:#f5f5f5!important;color:#1a1a1a!important;border:1px solid #ddd!important}.article-prose pre{white-space:pre-wrap;word-break:break-all;overflow:visible}.infobox{background:#f9f9f9!important;color:#1a1a1a!important;border-left-color:#666!important;page-break-inside:avoid}.infobox__title,.infobox__content{color:#1a1a1a!important}.cta-button{background:none!important;color:#1a1a1a!important;border:1px solid #666!important;text-decoration:underline}.article-header__title{color:#1a1a1a!important;font-size:1.75rem}.article-header__meta{color:#666!important}.article-header__featured-image img{max-height:300px;object-fit:cover;filter:none!important;border:none!important}.article-prose img,.article-prose blockquote{page-break-inside:avoid}.dark .article-prose,.dark .article-prose h2,.dark .article-prose h3,.dark .article-prose p{color:#1a1a1a!important;font-weight:400!important}}