.page-container.article-container{max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-16)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-8)}.breadcrumb,.breadcrumb a{color:var(--text-tertiary)}.breadcrumb a{text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary-500);text-decoration:none}.breadcrumb .separator{color:var(--border-color-strong);font-size:var(--text-xs);-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb span:last-child{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.article-header{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-color)}.article-header h1{font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:-.025em;margin:var(--space-4) 0 var(--space-4)}.article-description{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-5)}.article-cover{margin:var(--space-6) 0 var(--space-4)}.article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.article-author{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.article-author .separator{color:var(--border-color-strong)}.article-author time{color:var(--text-tertiary)}.article-toc{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-10)}.toc-title{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-3)}.toc-list{list-style:none;padding:0;margin:0;counter-reset:toc-counter}.toc-list li{counter-increment:toc-counter;margin-bottom:var(--space-1)}.toc-list li a{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);line-height:var(--leading-normal)}.toc-list li a:before{content:counter(toc-counter) ".";font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);min-width:1.25em;flex-shrink:0}.toc-list li a:hover{color:var(--color-primary-500);text-decoration:none}.toc-list li.toc-h3{padding-left:var(--space-6)}.toc-list li.toc-h3 a{font-size:var(--text-xs)}.article-content.prose{font-size:var(--text-base)}.article-content.prose,.prose p{line-height:var(--leading-relaxed);color:var(--text-primary)}.prose p{margin-bottom:var(--space-6)}.prose h2{font-size:var(--text-2xl);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.prose h2,.prose h3{scroll-margin-top:calc(var(--header-height) + var(--space-6));position:relative}.prose h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose h4{font-size:var(--text-lg);margin-top:var(--space-6);margin-bottom:var(--space-2);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.prose>.heading-anchor:first-child,.prose>h2:first-child{border-top:none;padding-top:0;margin-top:0}.heading-anchor{position:relative}.heading-anchor .anchor-link{position:absolute;left:-1.5em;top:50%;transform:translateY(-50%);font-size:.7em;font-weight:400;color:var(--text-tertiary);text-decoration:none;opacity:0;transition:opacity var(--transition-fast);padding:var(--space-1)}.heading-anchor:hover .anchor-link{opacity:1}.heading-anchor .anchor-link:hover{color:var(--color-primary-500);text-decoration:none}.prose a{color:var(--color-primary-600);text-decoration:underline;-webkit-text-decoration-color:var(--color-primary-200);text-decoration-color:var(--color-primary-200);text-underline-offset:2px;transition:color var(--transition-fast),-webkit-text-decoration-color var(--transition-fast);transition:text-decoration-color var(--transition-fast),color var(--transition-fast);transition:text-decoration-color var(--transition-fast),color var(--transition-fast),-webkit-text-decoration-color var(--transition-fast)}.prose a:hover{-webkit-text-decoration-color:var(--color-primary-500);text-decoration-color:var(--color-primary-500);color:var(--color-primary-500)}.external-icon{font-size:.75em;vertical-align:super;opacity:.5}.prose ol,.prose ul{margin:var(--space-4) 0 var(--space-6);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2);color:var(--text-primary);line-height:var(--leading-relaxed)}.prose li>ol,.prose li>ul{margin-top:var(--space-2);margin-bottom:var(--space-2)}.prose pre{margin:var(--space-6) calc(-1 * var(--space-4));padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed);overflow-x:auto;background:var(--color-gray-900);color:var(--color-gray-100)}.prose pre code{background:transparent;padding:0;font-size:inherit;border-radius:0}.prose code{font-size:.875em;background:var(--bg-tertiary);padding:.15em .4em;border-radius:var(--radius-sm);font-weight:500}.prose blockquote{border-left:3px solid var(--color-primary-400);padding:var(--space-4) var(--space-5);margin:var(--space-6) 0;background:var(--bg-tertiary);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.prose blockquote p{color:var(--text-secondary);margin-bottom:0}.prose blockquote p+p{margin-top:var(--space-3)}.prose table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm);overflow-x:auto;display:block}.prose td,.prose th{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-color)}.prose th{font-weight:600;background:var(--bg-tertiary);white-space:nowrap}.prose td,.prose th{color:var(--text-primary)}.prose tr:last-child td{border-bottom:none}.prose img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-6) 0}.article-inline-image{margin:0 0 var(--space-8)}.article-inline-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.photo-attribution{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.photo-attribution a{color:var(--text-tertiary);text-decoration:underline;text-underline-offset:2px}.photo-attribution a:hover{color:var(--color-primary-500)}.prose hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-10) 0}.prose strong{font-weight:600;color:var(--text-primary)}.prose em{font-style:italic}.article-tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.article-tags strong{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.related-content{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-color)}.related-content>h2{font-size:var(--text-xl);margin-bottom:var(--space-5);border-top:none;padding-top:0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.related-card{text-decoration:none!important;padding:var(--space-5)}.related-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);line-height:var(--leading-snug);color:var(--text-primary)}.related-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.back-link{margin-top:var(--space-8)}.back-link a{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast),gap var(--transition-fast)}.back-link a:hover{color:var(--color-primary-500);gap:var(--space-3);text-decoration:none}@media (prefers-color-scheme:dark){.article-toc{background:var(--bg-tertiary);border-color:var(--border-color)}.prose a{color:var(--color-primary-400);-webkit-text-decoration-color:rgba(99,102,241,.3);text-decoration-color:rgba(99,102,241,.3)}.prose a:hover{color:var(--color-primary-300);-webkit-text-decoration-color:var(--color-primary-400);text-decoration-color:var(--color-primary-400)}.prose code{background:var(--color-gray-700);color:var(--color-gray-200)}.prose blockquote{background:var(--color-gray-800);border-left-color:var(--color-primary-500)}.prose th{background:var(--color-gray-700)}.related-card h3{color:var(--text-primary)}}@media (max-width:768px){.page-container.article-container{padding:var(--space-4) var(--space-4) var(--space-12)}.article-header{margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.article-header h1{font-size:var(--text-3xl)}.article-description{font-size:var(--text-base)}.article-toc{padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8)}.prose pre{margin-left:0;margin-right:0;border-radius:var(--radius-md)}.prose h2{font-size:var(--text-xl);margin-top:var(--space-10)}.prose h3{font-size:var(--text-lg);margin-top:var(--space-6)}.heading-anchor .anchor-link{display:none}.related-grid{grid-template-columns:1fr;gap:var(--space-3)}}@media (max-width:480px){.article-header h1{font-size:var(--text-2xl)}.breadcrumb span:last-child{max-width:180px}.article-toc{padding:var(--space-3) var(--space-4)}.toc-list li.toc-h3{padding-left:var(--space-4)}}