.article-prose{max-width:72ch;padding:0 var(--spacing-lg);color:var(--color-text-body);margin:0 auto;font-size:1.0625rem;line-height:1.8}.article-prose-h2{color:var(--color-text-headline);margin:var(--spacing-xl) 0 var(--spacing-lg);scroll-margin-top:5rem;font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1.3}.article-prose-h2:first-child{margin-top:0}.article-prose-h3{color:var(--color-text-headline);margin:var(--spacing-lg) 0 var(--spacing-md);scroll-margin-top:5rem;font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.4}.article-prose-h4{color:var(--color-text-headline);margin:var(--spacing-md) 0 var(--spacing-sm);scroll-margin-top:5rem;font-size:clamp(16px,1.5vw,20px);font-weight:600;line-height:1.5}.article-prose-p{margin:0 0 var(--spacing-lg)}.article-prose-p:last-child{margin-bottom:0}.article-prose-ul{margin:var(--spacing-lg) 0;padding-left:1.5em;list-style-type:disc}.article-prose-ol{margin:var(--spacing-lg) 0;padding-left:1.5em;list-style-type:decimal}.article-prose-li{margin-bottom:var(--spacing-sm);line-height:1.8}.article-prose-ul .article-prose-li,.article-prose-ol .article-prose-li{margin-left:0}.article-prose-blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);padding-left:var(--spacing-lg);border-left:4px solid var(--color-accent-primary);background-color:var(--color-bg-light);color:var(--color-text-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.article-prose-blockquote>:first-child{margin-top:0}.article-prose-blockquote>:last-child{margin-bottom:0}.article-prose-code{background-color:var(--color-bg-dark);color:var(--color-text-headline);border-radius:var(--radius-sm);white-space:break-spaces;padding:.25em .5em;font-family:Courier New,monospace;font-size:.9em}.article-prose-pre{background-color:var(--color-bg-dark);color:var(--color-text-body);padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;font-family:Courier New,monospace;font-size:.9em;line-height:1.5;overflow-x:auto}.article-prose-pre .article-prose-code{color:inherit;background-color:#0000;border-radius:0;padding:0;font-size:1em}.article-prose-a{color:var(--color-accent-primary);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;transition:color .2s}.article-prose-a:hover{color:var(--color-accent-primary);opacity:.8}.article-prose-figure{margin:var(--spacing-xl) 0;text-align:center}.article-prose-img{border-radius:var(--radius-md);max-width:100%;height:auto}.article-prose-figure figcaption{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:.9em;font-style:italic}.article-prose-table-wrapper{margin:var(--spacing-lg) 0;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}.article-prose-table{border-collapse:collapse;width:100%}.article-prose-table thead{background-color:var(--color-bg-light)}.article-prose-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;color:var(--color-text-headline);border-bottom:2px solid var(--color-border);font-weight:600}.article-prose-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.article-prose-table tbody tr:hover{background-color:var(--color-bg-light)}.article-prose-table tbody tr:last-child td{border-bottom:none}.article-prose hr{margin:var(--spacing-xl) 0;border:none;border-top:2px solid var(--color-border)}@media (max-width:768px){.article-prose{padding:0 var(--spacing-md);font-size:1rem}.article-prose-h2{margin:var(--spacing-lg) 0 var(--spacing-md)}.article-prose-h3{margin:var(--spacing-md) 0 var(--spacing-sm)}.article-prose-ul,.article-prose-ol{margin:var(--spacing-md) 0;padding-left:1.25em}.article-prose-li{margin-bottom:var(--spacing-xs)}.article-prose-blockquote{padding:var(--spacing-md);padding-left:var(--spacing-lg)}.article-prose-pre{padding:var(--spacing-md);margin:var(--spacing-md) 0}.article-prose-table-wrapper{margin:var(--spacing-md) 0}.article-prose-table th,.article-prose-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:.9em}.article-prose-figure{margin:var(--spacing-lg) 0}}
.article-card-link{color:inherit;text-decoration:none}.article-card{flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.article-card:hover{transform:translateY(-4px)}.article-card-image{aspect-ratio:16/9;background:var(--color-bg-light);width:100%;position:relative;overflow:hidden}.article-card-image-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-card:hover .article-card-image-img{transform:scale(1.05)}.article-card-content{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.article-card-meta{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-small);color:var(--color-text-secondary);display:flex}.article-card-date{color:var(--color-text-secondary);font-size:.875rem}.article-card-title{font-size:clamp(16px,1.2vw,20px);font-weight:var(--font-weight-headline);color:var(--color-text-headline);flex-grow:1;margin:0;line-height:1.4}.article-card-excerpt{color:var(--color-text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin:0;font-size:.9375rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-card-footer{justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex}.article-card-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.article-card-tag{font-size:.8125rem}.article-card-reading-time{color:var(--color-text-secondary);white-space:nowrap;font-size:.8125rem}@media (max-width:768px){.article-card-content{padding:var(--spacing-md)}.article-card-meta{flex-direction:column;align-items:flex-start}}
.article-header{flex-direction:column;display:flex}.article-header-hero{aspect-ratio:16/9;background:var(--color-bg-light);width:100%;margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.article-header-hero-img{object-fit:cover;width:100%;height:100%}.article-header-container{max-width:800px;padding:0 var(--spacing-lg);width:100%;margin:0 auto}.article-header-meta{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.article-header-title{color:var(--color-text-headline);margin:0 0 var(--spacing-xl);font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.2}.article-header-author-row{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.article-header-author-name{color:var(--color-text-headline);font-size:.9375rem;font-weight:600}.article-header-author-role{color:var(--color-text-secondary);font-size:.8125rem}.article-header-author-info{flex-direction:column;gap:2px;display:flex}.article-header-separator{color:var(--color-border)}.article-header-meta-info{gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.8125rem;display:flex}.article-header-date,.article-header-reading-time{color:var(--color-text-secondary)}.article-header-tags{gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}@media (max-width:768px){.article-header-hero{margin-bottom:var(--spacing-lg)}.article-header-container{padding:0 var(--spacing-md)}.article-header-title{margin-bottom:var(--spacing-lg)}.article-header-author-row{margin-bottom:var(--spacing-md)}}
.related-articles{margin-top:var(--spacing-xl);padding:var(--spacing-xl) 0;border-top:1px solid var(--color-border)}.related-articles-container{max-width:72ch;padding:0 var(--spacing-lg);margin:0 auto}.related-articles-title{color:var(--color-text-headline);margin:0 0 var(--spacing-lg);font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.3}.related-articles-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (max-width:1200px){.related-articles-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.related-articles-container{padding:0 var(--spacing-md)}.related-articles-title{margin-bottom:var(--spacing-md)}.related-articles-grid{gap:var(--spacing-md);grid-template-columns:1fr}}
.scroll-progress-bar{background:linear-gradient(90deg, var(--color-accent-primary), var(--color-accent-secondary,var(--color-accent-primary)));z-index:100;width:0%;height:3px;box-shadow:0 0 10px rgba(var(--color-accent-primary-rgb,59 130 246), .5);transition:width .1s ease-out;position:fixed;top:0;left:0}@media (prefers-reduced-motion:reduce){.scroll-progress-bar{transition:none}}
.share-buttons{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg-light);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex}.share-buttons-label{color:var(--color-text-headline);white-space:nowrap;margin:0;font-size:.9375rem;font-weight:600}.share-buttons-group{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.share-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-lighter);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.share-button:hover{color:var(--color-accent-primary);background-color:var(--color-bg-lighter);border-color:currentColor}.share-button-twitter{color:#1da1f2}.share-button-twitter:hover{color:#1da1f2;background-color:#1da1f21a;border-color:#1da1f2}.share-button-linkedin{color:#0a66c2}.share-button-linkedin:hover{color:#0a66c2;background-color:#0a66c21a;border-color:#0a66c2}.share-button-copy{color:var(--color-accent-primary)}.share-button-copy:hover{background-color:rgba(var(--color-accent-primary-rgb), .1);border-color:var(--color-accent-primary)}.share-button-text{display:none}@media (min-width:640px){.share-button-text{display:inline}}@media (max-width:768px){.share-buttons{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.share-buttons-label{width:100%}.share-buttons-group{justify-content:space-between;width:100%}.share-button{flex:1;justify-content:center;min-width:80px}.share-button-text{font-size:.8125rem;display:inline}.share-button svg{width:18px;height:18px}}
.toc{max-height:calc(100vh - 5rem - var(--spacing-lg));padding:var(--spacing-lg);background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-md);position:sticky;top:5rem;overflow-y:auto}.toc-title{color:var(--color-text-headline);margin:0 0 var(--spacing-md);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.toc-list{margin:0;padding:0;list-style:none}.toc-item{margin:0;padding:0}.toc-link{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-left:3px solid #0000;font-family:inherit;font-size:.875rem;transition:color .2s,background-color .2s;display:block;overflow:hidden}.toc-link:hover{color:var(--color-accent-primary);background-color:var(--color-bg-lighter)}.toc-link.toc-active{color:var(--color-accent-primary);border-left-color:var(--color-accent-primary);background-color:var(--color-bg-lighter);font-weight:600}.toc-level-2 .toc-link{padding-left:var(--spacing-md)}.toc-level-3 .toc-link{padding-left:var(--spacing-lg);font-size:.8125rem}.toc-level-4 .toc-link{padding-left:calc(var(--spacing-lg) + var(--spacing-md));color:var(--color-text-secondary);font-size:.8125rem}.toc-mobile-toggle{bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:40;background-color:var(--color-accent-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;width:48px;height:48px;padding:0;font-size:1.5rem;transition:transform .2s,box-shadow .2s;display:none;position:fixed;box-shadow:0 4px 12px #00000026}.toc-mobile-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.toc-mobile-toggle-icon{line-height:1;display:block}@media (max-width:1024px){.toc{width:min(280px, 100vw - var(--spacing-lg));border:none;border-left:1px solid var(--color-border);z-index:50;border-radius:0;height:100vh;max-height:100vh;transition:transform .3s;position:fixed;top:0;left:auto;right:0;transform:translate(100%)}.toc-open{transform:translate(0)}.toc-mobile-toggle{justify-content:center;align-items:center;display:flex}}@media (max-width:768px){.toc-mobile-toggle{width:44px;height:44px;bottom:var(--spacing-md);right:var(--spacing-md);font-size:1.25rem}.toc{width:min(250px, 100vw - var(--spacing-md))}}.toc::-webkit-scrollbar{width:6px}.toc::-webkit-scrollbar-track{background-color:#0000}.toc::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.toc::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary)}