.blog-hero{padding:var(--spacing-3xl) 0 var(--spacing-xl)}.blog-hero h1{margin:0 0 var(--spacing-md);font-size:clamp(2rem,5vw,3.25rem)}.blog-hero .lede{max-width:56ch;color:var(--color-muted);font-size:var(--font-size-lg);line-height:1.6}.blog-hero .blog-hero-row{align-items:baseline;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.blog-rss{color:var(--color-muted);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:4px 12px}.blog-rss:hover{color:var(--color-brand);border-color:var(--color-brand)}.blog-layout{gap:var(--spacing-2xl);padding-bottom:var(--spacing-4xl);grid-template-columns:1fr;display:grid}@media (width<=959px){.blog-layout>main{order:-1}}@media (width>=960px){.blog-layout{grid-template-columns:260px minmax(0,1fr)}}.blog-side{gap:var(--spacing-lg);flex-direction:column;display:flex}.blog-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg)}.blog-panel h3{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin:0 0 var(--spacing-sm)}.blog-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text);background:0 0;align-items:center;gap:6px;padding:5px 12px;line-height:1.3;display:inline-flex}.chip:hover{border-color:var(--color-brand);color:var(--color-brand)}.chip .chip-count{color:var(--color-muted);font-size:var(--font-size-xs)}.chip-active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.chip-active:hover{color:var(--color-on-brand)}.chip-active .chip-count{color:color-mix(in srgb, var(--color-on-brand) 70%, transparent)}.blog-search{gap:8px;display:flex}.blog-search input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;color:var(--color-text);font-size:var(--font-size-sm);flex:1;padding:8px 12px;font-family:inherit}.blog-search input:focus{border-color:var(--color-brand);outline:none}.blog-search button{border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 14px;font-family:inherit}.blog-search button:hover{border-color:var(--color-brand);color:var(--color-brand)}.post-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=700px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.post-card:hover{border-color:color-mix(in srgb, var(--color-brand) 45%, var(--color-border));transform:translateY(-4px)}.post-card-cover{aspect-ratio:16/10;background:color-mix(in srgb, var(--color-brand) 8%, var(--color-surface));display:block;overflow:hidden}.post-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.post-card-body{padding:var(--spacing-lg);flex-direction:column;flex:1;gap:10px;display:flex}.post-card-cat{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-brand);align-self:flex-start;display:inline-flex}.post-card-title{font-size:var(--font-size-lg);margin:0;line-height:1.35}.post-card-title a{color:var(--color-text);text-decoration:none}.post-card-title a:hover{color:var(--color-brand)}.post-card-excerpt{color:var(--color-muted);font-size:var(--font-size-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card-meta{color:var(--color-muted);font-size:var(--font-size-xs);flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px;display:flex}.post-card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-mini{font-size:var(--font-size-xs);color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px 8px}.tag-mini:hover{color:var(--color-brand);border-color:var(--color-brand)}.post-featured{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-brand) 35%, var(--color-border));border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-lg);display:block;overflow:hidden}.post-featured-cover{aspect-ratio:16/9;display:block;overflow:hidden}.post-featured-cover img{object-fit:cover;width:100%;height:100%;display:block}.post-featured-body{padding:var(--spacing-2xl);gap:var(--spacing-sm);flex-direction:column;justify-content:center;display:flex}.post-featured-label{background:var(--color-brand);color:var(--color-on-brand);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);align-self:flex-start;padding:4px 12px}.post-featured-title{margin:0;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.25}.post-featured-title a{color:var(--color-text);text-decoration:none}.post-featured-title a:hover{color:var(--color-brand)}.post-featured-excerpt{color:var(--color-muted);margin:0;line-height:1.65}.post-article{max-width:780px;margin:0 auto}.post-article-cover{border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border);overflow:hidden}.post-article-cover img{width:100%;height:auto;display:block}.post-article-head h1{margin:var(--spacing-sm) 0 var(--spacing-md);font-size:clamp(1.75rem,4vw,2.6rem);line-height:1.25}.post-article-meta{color:var(--color-muted);font-size:var(--font-size-sm);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.post-article-meta .byline{color:var(--color-text);font-weight:600}.post-lede{font-size:var(--font-size-lg);color:color-mix(in srgb, var(--color-text) 82%, transparent);margin:0 0 var(--spacing-xl);line-height:1.7}.post-body{line-height:1.85;font-size:var(--font-size-base)}.post-body :global(h2){font-size:var(--font-size-2xl);margin:var(--spacing-2xl) 0 var(--spacing-md);line-height:1.3}.post-body :global(p){margin:0 0 var(--spacing-lg)}:is(.post-body :global(ul),.post-body :global(ol)){margin:0 0 var(--spacing-lg);padding-inline-start:1.4em}.post-body :global(li){margin-bottom:.5em}.post-body :global(blockquote){margin:var(--spacing-xl) 0;padding:var(--spacing-md) var(--spacing-lg);border-inline-start:3px solid var(--color-brand);background:color-mix(in srgb, var(--color-brand) 7%, transparent);border-radius:0 var(--radius) var(--radius) 0;color:color-mix(in srgb, var(--color-text) 88%, transparent);font-style:normal}.post-body :global(a){color:var(--color-brand)}.post-body :global(code){background:color-mix(in srgb, var(--color-brand) 12%, transparent);border-radius:4px;padding:2px 6px;font-size:.9em}.post-tags-row{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.post-tags-row .label{color:var(--color-muted);font-size:var(--font-size-sm);margin-inline-end:4px}.series-box{margin:var(--spacing-2xl) 0;border:1px solid color-mix(in srgb, var(--color-brand) 35%, var(--color-border));border-radius:var(--radius);padding:var(--spacing-lg);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface))}.series-box h3{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg)}.series-box ol{margin:0;padding-inline-start:1.2em}.series-box li{color:var(--color-muted);margin-bottom:6px}.series-box li.current{color:var(--color-text);font-weight:600}.series-box li a{color:inherit}.series-box li a:hover{color:var(--color-brand)}.post-nav{gap:var(--spacing-md);margin:var(--spacing-2xl) 0;grid-template-columns:1fr;display:grid}@media (width>=700px){.post-nav{grid-template-columns:1fr 1fr}}.post-nav a{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);background:var(--color-surface);flex-direction:column;gap:6px;display:flex}.post-nav a:hover{border-color:var(--color-brand)}.post-nav .dir{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.post-nav .title{color:var(--color-text);font-weight:600;line-height:1.4}.post-nav .next{text-align:end}.archive-head{padding:var(--spacing-3xl) 0 var(--spacing-lg)}.archive-head h1{margin:0 0 var(--spacing-sm);font-size:clamp(1.8rem,4vw,2.6rem)}.archive-head .kicker{color:var(--color-brand);text-transform:uppercase;letter-spacing:.1em;font-size:var(--font-size-sm)}.archive-head p{color:var(--color-muted);max-width:60ch}.pager{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);display:flex}.pager a,.pager span{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:8px 16px}.pager a:hover{border-color:var(--color-brand);color:var(--color-brand)}.pager .disabled{opacity:.4}.pager .state{color:var(--color-muted);font-size:var(--font-size-sm);border:none}.related-block{margin-top:var(--spacing-4xl)}.related-block h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.blog-empty{color:var(--color-muted);padding:var(--spacing-3xl) 0;text-align:center}