.blog-header{padding-top:var(--space-12);padding-bottom:var(--space-8)}.blog-header h1{margin-bottom:var(--space-4)}.blog-intro{font-size:var(--text-lg);color:var(--color-text-muted);max-width:52ch}.blog-empty{color:var(--color-text-muted);padding-block:var(--space-8)}.post-item{gap:var(--space-3);padding-block:var(--space-8);grid-template-columns:1fr;display:grid}.post-item+.post-item{border-top:1px solid var(--color-border)}.post-date{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.02em}.post-title{font-family:var(--font-serif);font-size:var(--text-xl);margin-top:var(--space-3);margin-bottom:var(--space-2);font-weight:600}.post-title a{color:var(--color-text);transition:color var(--transition-fast);text-decoration:none}.post-title a:hover{color:var(--color-accent)}.post-description{color:var(--color-text-muted);font-size:var(--text-base);margin-bottom:var(--space-3);max-width:60ch}@media (width>=600px){.post-item{gap:var(--space-6);grid-template-columns:120px 1fr}.post-meta{padding-top:var(--space-3)}}.post-item[hidden]{display:none}.blog-controls-section{padding-top:var(--space-4);padding-bottom:var(--space-4)}.sort-toggle{border:1px solid var(--color-border);margin-bottom:var(--space-4);border-radius:4px;display:inline-flex;overflow:hidden}.sort-btn{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.04em;padding:var(--space-1) var(--space-3);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none}.sort-btn+.sort-btn{border-left:1px solid var(--color-border)}.sort-btn:hover:not(.is-active){color:var(--color-text)}.sort-btn.is-active{background-color:var(--color-text);color:var(--color-bg)}.tag-filters-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-2)}.tag-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tag-filter{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.04em;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:3px;display:inline-block}.tag-filter:hover{border-color:var(--color-text-muted);color:var(--color-text)}.tag-filter.is-active{background-color:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.results-count{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);min-height:1.4rem}.tag-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-chip{font-size:var(--text-xs);letter-spacing:.04em;padding:2px var(--space-2);background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);transition:color var(--transition-fast), border-color var(--transition-fast);border-radius:3px;text-decoration:none;display:inline-block}.tag-chip:hover{color:var(--color-text);border-color:var(--color-text-muted)}.tags-index-list li{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);display:flex}.tags-index-list li+li{border-top:1px solid var(--color-border)}.tags-index-link{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.tags-index-link:hover{color:var(--color-accent)}.tag-count{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.tag-archive-eyebrow{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.tag-archive-header h1{margin-bottom:var(--space-3)}.tag-archive-back{font-size:var(--text-sm);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);transition:color var(--transition-fast), border-color var(--transition-fast);padding-bottom:2px;text-decoration:none}.tag-archive-back:hover{color:var(--color-text);border-color:var(--color-text)}.post-header-section{padding-top:var(--space-12);padding-bottom:var(--space-8)}.post-header-section h1{font-family:var(--font-serif);color:var(--color-text);margin-bottom:var(--space-4);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:500;line-height:1.2}.post-header-meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.post-updated{font-style:italic}.post-body{padding-top:var(--space-8)}.prose{max-width:64ch}.prose>*+*{margin-top:var(--space-4)}.prose p{color:var(--color-text);max-width:none;line-height:1.7}.prose h2,.prose h3,.prose h4{color:var(--color-text);line-height:1.3}.prose h2{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-2)}.prose h3{font-size:var(--text-lg);margin-top:var(--space-6);margin-bottom:var(--space-2)}.prose h4{font-size:var(--text-base);margin-top:var(--space-6);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.prose>:first-child{margin-top:0}.prose ul,.prose ol{padding-left:var(--space-6);color:var(--color-text)}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{line-height:1.7}.prose li+li{margin-top:var(--space-2)}.prose li::marker{color:var(--color-text-muted)}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);color:var(--color-text-muted);margin-left:0;font-style:italic}.prose blockquote>*+*{margin-top:var(--space-2)}.prose code{background-color:var(--color-surface);padding:1px var(--space-1);border-radius:3px;font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.prose pre{padding:var(--space-4);border:1px solid var(--color-border);font-size:var(--text-sm);border-radius:4px;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.prose img{margin-block:var(--space-2);border-radius:4px}.prose hr{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-8)}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm);display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.prose th{background-color:var(--color-surface);font-weight:600}.prose a{text-underline-offset:3px;text-decoration:underline}.share-links{align-items:center;gap:var(--space-3);margin-top:var(--space-12);padding-block:var(--space-6);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.share-label{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.share-links a,.share-copy,.share-native{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background:0 0;border-radius:3px;text-decoration:none}.share-links a:hover,.share-copy:hover,.share-native:hover{color:var(--color-text);border-color:var(--color-text-muted)}.share-copy.is-copied{color:#2d6a35;background-color:#eaf2eb;border-color:#2d6a35}.share-native[hidden]{display:none}.post-back{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.post-back-link{font-size:var(--text-sm);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);transition:color var(--transition-fast), border-color var(--transition-fast);padding-bottom:2px;text-decoration:none}.post-back-link:hover{color:var(--color-text);border-color:var(--color-text)}
