.chips{margin-bottom:var(--space-6);overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:9999px;background:var(--color-surface);color:var(--color-text-body);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.2;transition:border-color .15s ease,background .15s ease,color .15s ease;white-space:nowrap}.chip:hover{border-color:var(--color-accent);color:var(--color-text-heading);text-decoration:none}.chip-count{background:var(--color-surface-alt);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 8px;border-radius:9999px;transition:background .15s ease,color .15s ease}.chip--active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse)}.chip--active .chip-count{background:#ffffff26;color:var(--color-text-inverse)}html.dark .chip--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-brand-dark)}html.dark .chip--active .chip-count{background:#0f172a26;color:var(--color-brand-dark)}@media(max-width:768px){.chips ul{gap:var(--space-2)}}.card{display:flex;flex-direction:column;gap:var(--space-3)}.card-img{display:block;overflow:hidden;border-radius:var(--radius-md);aspect-ratio:1200 / 630;border:1px solid var(--color-border)}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-img:hover img{transform:scale(1.03)}.card-body{display:flex;flex-direction:column;gap:var(--space-2)}.card-meta{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);margin:0}.card-cat{color:var(--color-accent-dark);text-decoration:none;font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:var(--tracking-wide)}html.dark .card-cat{color:var(--color-accent)}.card-cat:hover{text-decoration:underline;text-underline-offset:3px}.card-title{font-size:var(--text-lg);line-height:var(--leading-snug);margin:var(--space-1) 0 0 0;font-weight:var(--weight-bold)}.card-title a{color:var(--color-text-heading);text-decoration:none}.card-title a:hover{color:var(--color-accent-dark)}html.dark .card-title a:hover{color:var(--color-accent)}.card-excerpt{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.pagination{margin-top:var(--space-8);display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.page-list{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-1);align-items:center}.page-num,.page-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-body);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--color-surface);transition:border-color .15s ease,background .15s ease,color .15s ease}.page-num:hover,.page-arrow:not(.is-disabled):hover{border-color:var(--color-accent);color:var(--color-text-heading);text-decoration:none}.page-num.is-current{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse)}html.dark .page-num.is-current{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-brand-dark)}.page-gap{color:var(--color-text-muted);padding:0 var(--space-2);font-family:var(--font-mono)}.page-arrow.is-disabled{color:var(--color-text-muted);background:transparent;cursor:not-allowed;pointer-events:none;border-color:var(--color-border)}@media(max-width:640px){.page-arrow{font-size:var(--text-xs)}.page-num{min-width:36px;height:36px;padding:0 var(--space-2)}}.blog-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-8);align-items:flex-start;padding-block:var(--space-7) var(--space-9)}.search-section{min-width:0}.search-bar{position:sticky;top:calc(64px + var(--space-3));z-index:30;display:flex;align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);margin-bottom:var(--space-6);transition:border-color .15s ease,box-shadow .15s ease}.search-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 6px #f59e0b2e}.search-icon{color:var(--color-text-muted);flex-shrink:0}#search-q{flex:1;height:100%;border:0;background:transparent;font-size:var(--text-md);font-family:var(--font-sans);color:var(--color-text-heading);outline:none;min-width:0}#search-q::placeholder{color:var(--color-text-muted)}.search-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.empty{grid-column:1 / -1;text-align:center;color:var(--color-text-muted);padding:var(--space-8) var(--space-5);font-size:var(--text-md)}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-7) var(--space-6);background:var(--color-surface)}.site-footer-inner{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--space-6);align-items:center}.site-footer-brand .kicker{margin-bottom:var(--space-2)}.site-footer-email{margin:0}.site-footer-nav{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.site-footer-nav a{color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.site-footer-nav a:hover{color:var(--color-text-heading)}.site-footer-copy{text-align:right;color:var(--color-text-muted);font-size:var(--text-sm);margin:0}@media(max-width:1024px){.blog-shell{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:768px){.results-grid{grid-template-columns:1fr;gap:var(--space-5)}.search-bar{height:52px;padding:0 var(--space-4)}#search-q{font-size:var(--text-sm)}.site-footer-inner{grid-template-columns:1fr;gap:var(--space-4);text-align:center}.site-footer-copy{text-align:center}}