.posts{margin:0;padding:0;list-style:none}.posts li{margin:0;padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border-subtle)}.posts li:first-child{padding-top:0}.posts li:last-child{border-bottom:0}.posts .post-title{margin:0 0 var(--space-xxs);font-size:var(--font-size-h3)}.posts .post-title a{color:var(--color-heading)}.posts .post-title a:hover{color:var(--color-link);text-decoration:none}.posts .post-excerpt{margin:0 0 var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-sm)}.posts .post-date{display:block;margin:0;color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--font-size-meta);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-meta)}.post,.page{margin-bottom:var(--space-3xl)}.post-title,.page-title{margin:0 0 var(--space-sm);color:var(--color-heading);font-size:var(--font-size-display);line-height:1.2;letter-spacing:var(--tracking-tight)}.post>.post-date{display:block;margin:0 0 var(--space-xl);color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--font-size-meta);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-meta)}.post h2,.post h3{scroll-margin-top:var(--space-2xl)}.post .tags{display:flex;flex-wrap:wrap;gap:var(--space-xxs);margin:var(--space-xl) 0 0;padding:0;list-style:none}.post .tags li{margin:0;padding:2px var(--space-xs);color:var(--color-text-muted);background-color:var(--color-surface-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-meta)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.post-nav .post-nav-next:first-child{grid-column:2}.post-nav-item{display:flex;flex-direction:column;gap:var(--space-xxs);padding:var(--space-sm) var(--space-md);color:var(--color-text);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:background-color var(--transition),border-color var(--transition)}.post-nav-item:hover,.post-nav-item:focus-visible{background-color:var(--color-surface-hover);border-color:var(--color-border-strong);text-decoration:none}.post-nav-next{text-align:right}.post-nav-label{color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--font-size-meta);font-weight:var(--weight-medium);letter-spacing:var(--tracking-meta);text-transform:uppercase}.post-nav-prev .post-nav-label::before{content:"← "}.post-nav-next .post-nav-label::after{content:" →"}.post-nav-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-heading);font-size:var(--font-size-sm);font-weight:var(--weight-medium);line-height:1.45;max-height:calc(2 * 1.45em)}.post-nav-item:hover .post-nav-title{color:var(--color-link)}@media (max-width: 38em){.post-nav{grid-template-columns:1fr}.post-nav-next{text-align:left}.post-nav-next:first-child{grid-column:1}}.related{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.related h3{margin:0 0 var(--space-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-meta);font-weight:var(--weight-medium);letter-spacing:var(--tracking-meta);text-transform:uppercase}.related-posts{margin:0;padding:0;list-style:none}.related-posts li{margin:0 0 var(--space-xxs)}.related-posts a{color:var(--color-text)}.related-posts a:hover{color:var(--color-link);text-decoration:none}.related-posts small{margin-right:var(--space-xs);color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--font-size-meta);font-variant-numeric:tabular-nums}.pagination{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);text-align:center}.pagination ol{display:flex;flex-wrap:wrap;gap:var(--space-xxs);justify-content:center;margin:0;padding:0;list-style:none}.pagination li{margin:0}.pagination a,.pagination .current-page{display:block;min-width:2rem;padding:var(--space-xxs) var(--space-xs);color:var(--color-text-muted);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-meta);font-variant-numeric:tabular-nums;transition:background-color var(--transition),color var(--transition)}.pagination a:hover{color:var(--color-text-strong);background-color:var(--color-surface-hover);text-decoration:none}.pagination .current-page{color:var(--color-text-strong);background-color:var(--color-surface-active);font-weight:var(--weight-medium)}