.article{max-width:var(--wide-width);margin:0 auto}.article-hero{margin:var(--spacing-16) var(--spacing-6);overflow:hidden}.article-hero img{width:100%;height:auto;max-height:500px;object-fit:cover}.article-grid{display:grid;grid-template-columns:var(--meta-col-width) minmax(0,var(--content-width)) var(--gutter-width);grid-gap:var(--spacing-10);gap:var(--spacing-10);justify-content:center;padding:0 var(--spacing-6);margin:var(--spacing-16) 0}.article-meta-col{display:block}.meta-sticky{position:-webkit-sticky;position:sticky;top:calc(var(--nav-height) + var(--spacing-8))}.meta-block{margin-bottom:var(--spacing-6)}.meta-label{display:block;font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-muted);margin-bottom:var(--spacing-1)}.meta-value{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.meta-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.meta-tag{display:inline-block;padding:var(--tag-padding-y) var(--spacing-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast)}.meta-tag:hover{color:var(--color-text);border-color:var(--color-text)}.bylines{display:flex;flex-direction:column;gap:var(--spacing-1)}.byline{display:flex;align-items:center;gap:var(--spacing-2)}.byline-avatar{width:var(--avatar-size-lg);height:var(--avatar-size-lg);border-radius:50%;object-fit:cover}.byline-info{display:flex;flex-direction:column}.byline-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.byline-role{font-size:var(--font-size-xs);color:var(--color-muted)}.article-main{min-width:0}.article-header{margin-bottom:var(--spacing-10)}.article-header .article-meta{display:none;align-items:center;flex-wrap:wrap;column-gap:var(--spacing-3);row-gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--spacing-4)}.article-meta-byline{font-weight:500;color:var(--color-text-secondary)}.article-title{font-size:clamp(2rem,5vw,var(--font-size-5xl));font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-4)}.article-excerpt{font-size:var(--font-size-xl);color:var(--color-text-secondary)}.article-content,.article-excerpt{line-height:var(--leading-relaxed)}.article-content{font-size:var(--font-size-lg)}.article-content p{margin-bottom:1.5em}.article-content h2{font-size:var(--font-size-2xl);margin-top:2.5em;margin-bottom:.75em}.article-content h2,.article-content h3{scroll-margin-top:calc(var(--nav-height) + var(--spacing-4))}.article-content h3{font-size:var(--font-size-xl);margin-top:2em;margin-bottom:.5em}.article-content blockquote{margin:2em 0;padding-left:var(--spacing-6);border-left:1px solid var(--color-border-strong,var(--color-border));color:var(--color-text-secondary);font-size:1.05em;line-height:var(--leading-relaxed)}.article-content pre{margin:2em 0;padding:var(--spacing-5);background:var(--color-bg);border:1px solid var(--color-border);overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6}.article-content code{font-family:var(--font-mono);font-size:.9em;color:var(--color-text-secondary);padding:0 .1em}.article-content pre code{color:inherit;padding:0}.article-content ol,.article-content ul{margin-bottom:1.5em;padding-left:1.5em}.article-content li{margin-bottom:.5em}.article-content img{margin:2em 0}.article-content hr{margin:3em 0;border:none;border-top:1px solid var(--color-border)}.article-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.article-content a:hover{text-decoration-thickness:2px}.article-sidebar{display:block}.sidebar-sticky{position:-webkit-sticky;position:sticky;top:calc(var(--nav-height) + var(--spacing-8))}.toc{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border-subtle)}.toc-title{font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-muted);margin-bottom:var(--spacing-3)}.toc-content .toc-list{list-style:none;padding:0;margin:0}.toc-content .toc-item{margin-bottom:var(--spacing-1)}.toc-content .toc-item--nested{padding-left:var(--spacing-3)}.toc-content .toc-link{display:block;font-size:var(--font-size-sm);color:var(--color-muted);text-decoration:none;padding:var(--spacing-1) 0;transition:color var(--transition-fast);line-height:var(--leading-snug)}.toc-content .toc-link.active,.toc-content .toc-link:hover{color:var(--color-text)}.sidebar-widgets .widget-area{display:flex;flex-direction:column;gap:var(--spacing-6)}.sidebar-widgets .widget{font-size:var(--font-size-sm)}.sidebar-widgets .widget__title{font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-muted);margin-bottom:var(--spacing-3)}.sidebar-widgets .widget__content{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.sidebar-widgets .widget-search{display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar-widgets .widget-search__input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-sans);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-widgets .widget-search__input::placeholder{color:var(--color-muted)}.sidebar-widgets .widget-search__input:focus,.sidebar-widgets .widget-search__input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.sidebar-widgets .widget-categories{list-style:none;padding:0;margin:0}.sidebar-widgets .widget-categories li{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-subtle)}.sidebar-widgets .widget-categories li:last-child{border-bottom:none}.sidebar-widgets .widget-categories__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.sidebar-widgets .widget-categories__link:hover{color:var(--color-text)}.sidebar-widgets .widget-categories__count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sidebar-widgets .widget-tags__cloud{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.sidebar-widgets .widget-tags__cloud li{margin:0}.sidebar-widgets .widget-tags__link{display:inline-block;padding:var(--tag-padding-y) var(--spacing-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast)}.sidebar-widgets .widget-tags__link:hover{color:var(--color-text);border-color:var(--color-text)}.sidebar-widgets .widget-tags__count{display:none}.sidebar-widgets .widget-recent-posts{list-style:none;padding:0;margin:0}.sidebar-widgets .widget-recent-posts li{padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-subtle)}.sidebar-widgets .widget-recent-posts li:last-child{border-bottom:none}.sidebar-widgets .widget-recent-posts a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);line-height:var(--leading-snug)}.sidebar-widgets .widget-recent-posts a:hover{color:var(--color-text)}.more-posts{margin-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.more-inner{max-width:var(--wide-width);margin:0 auto;padding:var(--spacing-16) var(--spacing-6) 0;border-top:1px solid var(--color-border-subtle)}.more-title{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-10)}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-8);gap:var(--spacing-8)}@media (max-width:1100px){.article-grid{grid-template-columns:minmax(0,var(--content-width));gap:0}.article-meta-col,.article-sidebar{display:none}.article-header .article-meta{display:flex}}@media (max-width:900px){.article-hero{margin:var(--spacing-4) var(--spacing-4) var(--spacing-8)}.article-grid{padding:0 var(--spacing-4)}.more-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.article-title{font-size:var(--font-size-3xl)}.more-grid{grid-template-columns:1fr}}