.article{--measure:68ch}.article-head{padding-block:var(--space-9) var(--space-7);border-bottom:1px solid var(--border-subtle);background:var(--surface-warm)}.article-head h1{max-width:20ch;margin-block:var(--space-5);font:var(--type-h1);letter-spacing:var(--ls-h1);font-size:clamp(32px,3.6vw,48px)}.article-head .lede{max-width:var(--measure);color:var(--text-secondary);font-size:var(--fs-body-lg);line-height:var(--lh-body)}.article-meta{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);gap:var(--space-4);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--fs-caption);flex-wrap:wrap;align-items:center;display:flex}.article-meta__sep{color:var(--gray-400)}.prose-body{max-width:var(--measure);color:var(--gray-700);font:var(--type-body);line-height:var(--lh-relaxed)}.prose-body>*+*{margin-top:var(--space-5)}.prose-body h2{margin-top:var(--space-8);font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-semibold);letter-spacing:var(--ls-h3);color:var(--text-primary)}.prose-body h3{margin-top:var(--space-7);font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-semibold);color:var(--text-primary)}.prose-body h2+*,.prose-body h3+*{margin-top:var(--space-4)}.prose-body .heading-anchor{color:inherit;text-decoration:none}.prose-body .heading-anchor:after{content:"#";color:var(--gold-600);opacity:0;transition:opacity var(--transition-base);margin-left:8px}.prose-body .heading-anchor:hover:after,.prose-body .heading-anchor:focus-visible:after{opacity:1}.prose-body a{color:var(--text-primary);border-bottom:1px solid var(--border-accent)}.prose-body a:hover{color:var(--text-link-hover)}.prose-body strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.prose-body ul,.prose-body ol{gap:10px;padding-left:0;list-style:none;display:grid}.prose-body li{padding-left:var(--space-5);position:relative}.prose-body ul>li:before{content:"";background:var(--gold-600);width:6px;height:1px;position:absolute;top:.7em;left:0}.prose-body ol{counter-reset:prose-ol}.prose-body ol>li:before{counter-increment:prose-ol;content:counter(prose-ol, decimal-leading-zero);color:var(--gold-600);font-family:var(--font-mono);font-size:var(--fs-micro);position:absolute;left:0}.prose-body blockquote{padding-left:var(--space-5);border-left:2px solid var(--gold-500);color:var(--navy-800);font-size:var(--fs-body-lg);font-weight:var(--fw-medium);line-height:var(--lh-snug);margin-inline:0}.prose-body code{background:var(--gray-100);font-family:var(--font-mono);border-radius:4px;padding:2px 6px;font-size:.9em}.prose-body pre{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--navy-950);font-size:var(--fs-label);line-height:1.6;overflow-x:auto}.prose-body pre code{font-size:inherit;background:0 0;padding:0}.prose-body img{border-radius:var(--radius-lg);width:100%}.prose-body hr{margin-block:var(--space-7);border:0;border-top:1px solid var(--border-subtle)}.prose-body table{border-collapse:collapse;width:100%;font-size:var(--fs-body-sm)}.prose-body th,.prose-body td{border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top;padding:12px 16px 12px 0}.prose-body th{color:var(--navy-900);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-medium);letter-spacing:.06em;text-transform:uppercase}.prose-scroll{overflow-x:auto}.post-list{border-top:1px solid var(--border-subtle);display:grid}.post-row{gap:var(--space-6);padding-block:var(--space-6);border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-base);grid-template-columns:200px minmax(0,1fr) 140px;align-items:start;display:grid}.post-row:hover{background:var(--gray-50)}.post-row__category{color:var(--gold-600);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase}.post-row__title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-semibold);letter-spacing:var(--ls-h3);color:var(--text-primary);margin-bottom:8px;line-height:1.3}.post-row__desc{max-width:60ch;color:var(--text-secondary);font-size:var(--fs-body-sm);line-height:var(--lh-relaxed)}.post-row__meta{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--fs-caption);line-height:1.6}.post-row a:after{content:"";position:absolute;inset:0}.post-row{position:relative}.category-filter{margin-bottom:var(--space-7);flex-wrap:wrap;gap:8px;display:flex}.category-filter a{border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--gray-700);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.04em;transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base);padding:7px 13px}.category-filter a:hover{border-color:var(--border-strong);color:var(--navy-900)}.category-filter a[aria-current=page]{border-color:var(--navy-900);background:var(--navy-900);color:var(--white)}@media (max-width:900px){.post-row{gap:var(--space-3);grid-template-columns:1fr}}