.site-header { position: sticky; top: 0; background: #fff; border-bottom: 1px solid #eee; z-index: 10; }
.header-row { display:flex; align-items:center; gap: var(--gap); padding: .75rem 0; }
.brand { font-weight: 700; }
.nav { display:flex; gap:.5rem; flex-wrap:wrap; }
.nav a { padding:.35rem .6rem; border-radius: 999px; border:1px solid #eee; }
.nav a.active { border-color:#111; }
.category-filter { margin-left:auto; display:flex; align-items:center; gap:.5rem; }
main.container { padding: 1rem 0 2rem; }
.site-footer { border-top:1px solid #eee; background:#fff; }
.site-footer .container { padding: 1rem 0; }